thomaspark/bootswatch
56.6
Weak · 1 October 2026
42.6k
lines of production code
JavaScript
primary language
2
measurements over time
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.