Skip to content
CAI
Software that uses CAICheck a score

thomaspark/bootswatch

56.6

Weak · 1 October 2026

42.6k

lines of production code

JavaScript

primary language

2

measurements over time

CAI band scale
CAI trend line
CAI lens gauges

What this system is

This system is a collection of CSS themes for Bootstrap 5 that provides alternative visual styles for web interfaces. It compiles and distributes these themes via npm, Composer, and Ruby gems, allowing developers to easily swap out default Bootstrap aesthetics. The repository includes a build infrastructure for generating theme assets and a preview tool for visualizing the different styles.

How it got here

2012–2017 — Bootswatch v5 initialization and theme updates

8 changes.

This period established the foundational build infrastructure for Bootswatch v5, standardizing the development environment with Grunt, Sass, and PostCSS. It involved updating multiple themes, including Lumen, Cyborg, Darkly, Lux, and Materia, to align with Bootstrap 5.3.8 and improve visual consistency and performance. The work also included adding build scaffolding and a thumbnail preview page to facilitate theme visualization.

2021–2025 — Bootstrap 5.3.8 theme expansion

5 changes.

This period focused on expanding the Bootswatch distribution with five new themes—Zephyr, Versa, Vapor, Quartz, and Brite—built on Bootstrap 5.3.8. The work introduced diverse visual styles, including dark-mode-first designs, glassmorphism, and high-contrast minimalism, while also fixing rendering issues in the existing Brite theme.

Features

Added build scaffolding and thumbnail preview page

This change introduces new build assets: a \build/scss/build.scss\ file that imports Bootstrap and Bootswatch variables/styles, and a \build/html/thumbnail.html\ page. The thumbnail page serves as a visual preview for themes, featuring a fixed-top navbar, a theme selector dropdown powered by jQuery and Mustache, and dynamic CSS switching. It loads theme data from \../../docs/api/5.json\ and applies styles from \../../dist/\, allowing users to preview different Bootswatch themes in a constrained 500x300px viewport.

build · high confidence

Initial project setup and build configuration for Bootswatch v5

This change introduces the foundational build infrastructure for the Bootswatch project, including a new Gruntfile.js that orchestrates the compilation of themes using Sass and Autoprefixer, and a package.json defining the necessary dependencies. It establishes a standardized development environment with configuration files for browser targeting (.browserslistrc), code formatting (.editorconfig), and CSS linting (.stylelintrc.json). The repository is initialized with the MIT license, a comprehensive README detailing usage via CDN, npm, and Sass imports, and a .gitignore to manage build artifacts and local environment files.

(repo-wide) · high confidence

New Quartz theme with glassmorphism styling

Adds the Quartz theme to the Bootswatch distribution, featuring a purple gradient background, white text, and a glassmorphism aesthetic with frosted-glass effects on components like alerts, dropdowns, and form inputs. The theme includes specific styling for dark mode, rounded borders, and custom button and navigation styles.

dist/quartz · high confidence

New Vapor theme for dark-mode aesthetics

A new 'Vapor' theme has been added to the Bootswatch distribution, providing a dark-mode-first design with a deep purple and cyan color palette. The theme features a gradient background, neon-style text and box shadows, and a retro 'outrun' grid effect that can be enabled via the $outrun variable. It is built on Bootstrap 5.3.8 and includes specific styling for form controls, buttons, and navigation to match the aesthetic.

dist/vapor · high confidence

New Versa theme for Bootswatch

The Versa theme (v5.3.8) is now available as a distinct visual style built on Bootstrap. It introduces a high-contrast, minimalist aesthetic with a dark primary color (\#161616), rounded UI elements, and full support for both light and dark modes. The theme includes specific styling for navigation bars, buttons, tables, and form controls to ensure a cohesive look across the interface.

dist/morph, dist/versa · high confidence

New Zephyr theme for Bootstrap 5.3.8

A new Zephyr theme has been added to the distribution, providing a distinct visual style for Bootstrap 5.3.8. The theme features the Inter font family, a primary blue color palette, and subtle box shadows on components like buttons, tables, and form inputs. It includes specific styling for dark mode, such as adjusted link colors and background shades, and updates the navbar, pagination, and breadcrumbs to match the new aesthetic.

dist/zephyr · high confidence

Behavioural changes

Cyborg theme updated to v5.3.8 with Bootstrap 5.3.8

The Cyborg theme has been rebuilt to align with Bootstrap 5.3.8, updating the core CSS and SCSS variables to reflect the latest framework changes. This release includes specific visual fixes for dark themes, such as correcting input and checkbox backgrounds, improving contrast on table headers and body text, and ensuring proper color inheritance for pre-formatted text. Additionally, the theme now sets the \color-scheme\ to dark for better native browser styling support and updates the Roboto font import to use the Google Fonts v2 API with \display=swap\ for improved performance.

(repo-wide) · high confidence

Darkly theme updated to Bootstrap 5.3.8

The Darkly theme has been upgraded to align with Bootstrap 5.3.8, bringing the latest component styles and CSS variables to the distribution. This update includes refined styling for alerts, tooltips, and form elements, along with improved contrast and color definitions for dark mode support, ensuring the theme remains compatible with the current Bootstrap core.

dist/darkly · high confidence

Lumen theme updated to v5.3.8

The Lumen theme has been updated to version 5.3.8, aligning with the latest Bootstrap release. This update includes refined styling for buttons, navbars, and tables, along with improved contrast and visual consistency across light and dark modes. The theme now uses the 'Source Sans Pro' web font with display=swap for better performance, and incorporates updated CSS variables for better theming support.

(repo-wide) · high confidence

Lux theme updated to v5.3.8 with refined typography and button styles

The Lux theme has been updated to version 5.3.8, introducing a lighter, more modern aesthetic. The primary font is now Nunito Sans with a reduced base font weight of 300, and all headings and navigation items are displayed in uppercase with increased letter spacing. Buttons have been adjusted to use uppercase text, and the primary button's hover and active states now use a black background for higher contrast. The theme also features tighter navigation item margins, reduced padding on large inputs, and improved visibility for horizontal rules and disabled button states.

dist/lux · high confidence

Materia theme updated to v5.3.8 with ripple effects and Material Design styling

The Materia theme has been updated to version 5.3.8, aligning with Bootstrap 5.3.8. This release introduces a Material Design-inspired aesthetic, featuring a ripple animation effect on buttons and a shift to the Roboto font family. Visually, the theme now utilizes flat, borderless inputs with bottom-only focus indicators, uppercase text for buttons, and distinct color definitions for both light and dark modes.

dist/materia · high confidence

Fixes

Brite theme updated to v5.3.8 with dark mode and button fixes

The Brite theme has been updated to version 5.3.8, introducing a distinct visual style with bold 2px black borders, lime primary colors, and a 3D button effect that shifts on hover. This release includes specific fixes for dark mode, ensuring correct text colors for navigation links and headers, and resolves a z-index issue in button groups that prevented active buttons from rendering correctly.

dist/brite · high confidence

Dependencies

Initial release of Bootswatch v5.3.8 with Composer and Ruby gem support

Bootswatch v5.3.8 is now available for installation via Composer and Ruby gems, in addition to npm. The project has been initialized with a standard package.json and package-lock.json, locking in Bootstrap 5.3.8 and Bootstrap Icons 1.13.1 as core dependencies. The build toolchain has been standardized on Grunt, utilizing Sass for compilation, PostCSS with Autoprefixer for CSS processing, and Stylelint for code quality. Documentation assets for legacy Bootstrap versions (2 and 3) and their associated bower components have also been included.

(dependencies) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

How this codebase got here

Score

  • CAI 61 → 57 (-4.1)
  • Rubric changed (rubric-2026.09.12 → rubric-2026.09.18) — scores are not directly comparable.

Lenses

  • Code Health 100 → 99 (-0.7)
  • Architecture 100 → 100 (+0.0)
  • Maturity 66 → 66 (+0.0)
  • Readiness 45 → 35 (-10.5)
  • Security 68 → 75 (+6.4)

Resolved (1)

  • Documentation: no architecture or design documentation (docs/3/bower_components/bootstrap-sass-official/README.md)

New (2)

  • Documentation: no project overview (docs/index.html)
  • Gruntfile.default (cognitive 17) (docs/3/Gruntfile.js)

Architecture

  • Unchanged — 0 containers · 1 contexts · 0 edges

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

Survey your own repository

thomaspark/bootswatch was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.

About this page

  • The score is its most recent published measurement, taken on 1 October 2026 at a pinned commit. It is not a live figure and does not change until the project is measured again.
  • Measured at commit bff83c63ea845c9cb535a3c16e41aef6826cfd05 — the exact code this score is about.
  • Scored under rubric-2026.09.18 — the same rubric and the same method as every other entry in this index.
  • Measured by watchdog.canine.dev using codehealth-analyzer preprod-e569280dd5e2.