bulma-turbo-themes 0.5.0 → 0.7.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6030bde47c69b18740775a31fd0fba64c9fcfb14bb09a97ec05f0154ebfa8961
-  data.tar.gz: 4edb7dd40621d67af5d8d8970459a8e0a9373fe96c1618cbaa1411cd3192210f
+  metadata.gz: fc14469edd28baf049584d2a55a95eb9c9fb2557b2c45e4094e61143c3365365
+  data.tar.gz: 5b1876e12f8d2dbb9909864a4f9a8fecb5dbcd346aff30c2339bd9ba8492c9e4
 SHA512:
-  metadata.gz: 5b54a84786a9c5b43ad36b348080cb8a24f2a1e1f014b7d9366b1a7da11dc854351523f7560b853ac4747735130e7087e9a408d6a1de0b24d49cdec8d3498c65
-  data.tar.gz: 97b1ee60bcac1e13768978282e32e48a666afc5646bc8a7c9e9cb1c4d7d0da2ad368bf33dd336bea4d0ce6775777bd0fae71ab0514926710b1e508c91c0cf589
+  metadata.gz: 31e01ee527f28119539015d7b1bdb84db00f9262598a4ab865e8ce27efba4ab257996cbc81e1f6daac7b7c12ef8201dd6b55febd7dc010075848826b683ee663
+  data.tar.gz: dd86155aa276b294b1a44bbe31456e5d05acc2e7e1698e34fad1cf90a2c9b8764816591ae7765a4899899abce315ff8547eef575af57b4030dacda46486ae1f2

data/CHANGELOG.md

@@ -10,96 +10,6 @@ The format is based on Keep a Changelog and this project adheres to SemVer.
 
 - TBD
 
-## [0.10.8] - 2025-12-05
-
-### 🐛 Fixed
-
-- update react monorepo to v19 (#165)
-
-## [0.10.7] - 2025-12-05
-
-### 🐛 Fixed
-
-- update renovatebot/github-action digest to 4ebebab (#141)
-
-## [0.10.6] - 2025-12-05
-
-### 🐛 Fixed
-
-- update actions/create-github-app-token action to v2 (#162)
-
-## [0.10.5] - 2025-12-05
-
-### 🐛 Fixed
-
-- update actions/checkout action to v6 (#160)
-
-## [0.10.4] - 2025-12-05
-
-### 🐛 Fixed
-
-- update softprops/action-gh-release digest to a06a81a (#142)
-
-## [0.10.3] - 2025-12-05
-
-### 🐛 Fixed
-
-- update actions/checkout action to v5.0.1 (#144)
-
-## [0.10.2] - 2025-12-05
-
-### 🐛 Fixed
-
-- update astral-sh/setup-uv action to v7.1.4 (#145)
-
-## [0.10.1] - 2025-12-05
-
-### 🐛 Fixed
-
-- update actions/create-github-app-token action to v1.12.0 (#153)
-
-## [0.10.0] - 2025-12-05
-
-### ✨ Added
-
-- add full theming solution with context and hooks (#151)
-
-### 🐛 Fixed
-
-- recognize scoped conventional commits in version bump (#154)
-- update peter-evans/create-pull-request action to v7.0.11 (#148)
-- add missing egress endpoints for Bun CDN downloads
-
-## [0.9.0] - 2025-12-05
-
-### ✨ Added
-
-- migrate theme system to SASS (#143)
-
-### 🐛 Fixed
-
-- enable platformCommit for Renovate to sign commits
-- correct JavaScript reference in gem layout (#106)
-
-### 🔧 Changed
-
-- add missing egress endpoints for Bun download (#149)
-- update actions/setup-node digest to 633bb92 (#110)
-- update peter-evans/create-pull-request digest to 271a8d0 (#109)
-- update actions/setup-node digest to 2028fbc (#108)
-
-## [0.8.1] - 2025-11-16
-
-### 🐛 Fixed
-
-- update OpenSSF badge to Best Practices (#104)
-
-## [0.8.0] - 2025-11-16
-
-### ✨ Added
-
-- include layouts and data files in gem
-
 ## [0.7.4] - 2025-11-16
 
 ### 🐛 Fixed

data/README.md

@@ -1,22 +1,21 @@
-# turbo-themes
+# bulma-turbo-themes
 
-Universal, accessible theme packs and a drop-in theme selector.
+Modern, accessible theme packs and a drop-in theme selector for Bulma 1.x.
 
-[![Bun](https://img.shields.io/badge/bun-1.3+-black?logo=bun)](https://bun.sh/)
 [![Node.js](https://img.shields.io/badge/node.js-22-green)](https://nodejs.org/)
-[![Coverage](https://codecov.io/gh/TurboCoder13/turbo-themes/branch/main/graph/badge.svg)](https://codecov.io/gh/TurboCoder13/turbo-themes)
+[![Coverage](https://codecov.io/gh/TurboCoder13/bulma-turbo-themes/branch/main/graph/badge.svg)](https://codecov.io/gh/TurboCoder13/bulma-turbo-themes)
 [![License](https://img.shields.io/badge/License-MIT-green)](LICENSE)
-[![Tests](https://img.shields.io/github/actions/workflow/status/TurboCoder13/turbo-themes/quality-ci-main.yml?label=tests&branch=main&logo=githubactions&logoColor=white)](https://github.com/TurboCoder13/turbo-themes/actions/workflows/quality-ci-main.yml?query=branch%3Amain)
-[![CI](https://img.shields.io/github/actions/workflow/status/TurboCoder13/turbo-themes/quality-ci-main.yml?label=ci&branch=main&logo=githubactions&logoColor=white)](https://github.com/TurboCoder13/turbo-themes/actions/workflows/quality-ci-main.yml?query=branch%3Amain)
-[![Lighthouse](https://img.shields.io/github/actions/workflow/status/TurboCoder13/turbo-themes/reporting-lighthouse-ci.yml?label=lighthouse&branch=main)](https://github.com/TurboCoder13/turbo-themes/actions/workflows/reporting-lighthouse-ci.yml?query=branch%3Amain)
+[![Tests](https://img.shields.io/github/actions/workflow/status/TurboCoder13/bulma-turbo-themes/quality-ci-main.yml?label=tests&branch=main&logo=githubactions&logoColor=white)](https://github.com/TurboCoder13/bulma-turbo-themes/actions/workflows/quality-ci-main.yml?query=branch%3Amain)
+[![CI](https://img.shields.io/github/actions/workflow/status/TurboCoder13/bulma-turbo-themes/quality-ci-main.yml?label=ci&branch=main&logo=githubactions&logoColor=white)](https://github.com/TurboCoder13/bulma-turbo-themes/actions/workflows/quality-ci-main.yml?query=branch%3Amain)
+[![Lighthouse](https://img.shields.io/github/actions/workflow/status/TurboCoder13/bulma-turbo-themes/reporting-lighthouse-ci.yml?label=lighthouse&branch=main)](https://github.com/TurboCoder13/bulma-turbo-themes/actions/workflows/reporting-lighthouse-ci.yml?query=branch%3Amain)
 
-[![CodeQL](https://github.com/TurboCoder13/turbo-themes/actions/workflows/security-codeql.yml/badge.svg?branch=main)](https://github.com/TurboCoder13/turbo-themes/actions/workflows/security-codeql.yml?query=branch%3Amain)
-[![OpenSSF Best Practices](https://www.bestpractices.dev/projects/11471/badge)](https://www.bestpractices.dev/projects/11471)
+[![CodeQL](https://github.com/TurboCoder13/bulma-turbo-themes/actions/workflows/security-codeql.yml/badge.svg?branch=main)](https://github.com/TurboCoder13/bulma-turbo-themes/actions/workflows/security-codeql.yml?query=branch%3Amain)
+[![OpenSSF Scorecard](https://api.scorecard.dev/projects/github.com/TurboCoder13/bulma-turbo-themes/badge)](https://scorecard.dev/viewer/?uri=github.com/TurboCoder13/bulma-turbo-themes)
 [![SBOM](https://img.shields.io/badge/SBOM-enabled-brightgreen)](SECURITY.md)
-[![Download SBOM](https://img.shields.io/badge/SBOM-download_latest-blue?logo=github)](https://github.com/TurboCoder13/turbo-themes/actions/workflows/security-sbom.yml)
+[![Download SBOM](https://img.shields.io/badge/SBOM-download_latest-blue?logo=github)](https://github.com/TurboCoder13/bulma-turbo-themes/actions/workflows/security-sbom.yml)
 
-[![npm](https://img.shields.io/npm/v/%40turbocoder13%2Fturbo-themes)](https://www.npmjs.com/package/@turbocoder13/turbo-themes)
-[![RubyGems](https://img.shields.io/gem/v/turbo-themes.svg)](https://rubygems.org/gems/turbo-themes)
+[![npm](https://img.shields.io/npm/v/%40turbocoder13%2Fbulma-turbo-themes)](https://www.npmjs.com/package/@turbocoder13/bulma-turbo-themes)
+[![RubyGems](https://img.shields.io/gem/v/bulma-turbo-themes.svg)](https://rubygems.org/gems/bulma-turbo-themes)
 
 ## Features
 
@@ -24,9 +23,6 @@ Universal, accessible theme packs and a drop-in theme selector.
 - Accessible theme selector with keyboard and screen reader support
 - Inline or link-based CSS delivery; CSP-friendly
 - Tested with coverage, Lighthouse CI, and stylelint
-- Advanced Bulma customization (breakpoints, spacing, shadows, mixins)
-- Lazy-loaded themes with performance optimizations
-- Full Bulma Sass variable integration
 
 ## Installation
 
@@ -36,12 +32,12 @@ Install as a Ruby gem:
 
 ```ruby
 # Gemfile
-gem "turbo-themes", "~> 0.10"
+gem "bulma-turbo-themes", "~> 0.4"
 ```
 
 ```yaml
 # _config.yml
-theme: turbo-themes
+theme: bulma-turbo-themes
 ```
 
 Then run:
@@ -53,20 +49,12 @@ bundle exec jekyll serve
 
 Assets are automatically available - no copying needed!
 
-### Advanced Theming
-
-For advanced customization options including custom breakpoints, spacing, shadows, and Bulma mixins, see the [Advanced Theming Guide](docs/ADVANCED-THEMING.md).
-
 ### For Non-Jekyll Projects
 
-Install via Bun (recommended) or npm:
+Install via npm:
 
 ```bash
-# Using Bun (recommended - 5-10x faster)
-bun add @turbocoder13/turbo-themes
-
-# Using npm
-npm install @turbocoder13/turbo-themes
+npm install @turbocoder13/bulma-turbo-themes
 ```
 
 ## Quick start
@@ -88,24 +76,18 @@ npm install @turbocoder13/turbo-themes
 1. Add selector markup and initialize:
 
 ```html
-<div class="navbar-item has-dropdown is-hoverable">
-  <button
-    class="navbar-link"
-    id="theme-flavor-trigger"
-    type="button"
-    aria-haspopup="true"
-    aria-expanded="false"
-    aria-controls="theme-flavor-menu"
-  >
-    <span class="icon is-small" id="theme-flavor-trigger-icon"></span>
-    Theme
-  </button>
-  <div class="navbar-dropdown" id="theme-flavor-menu" aria-labelledby="theme-flavor-trigger">
+<div class="dropdown is-right is-theme" id="theme-flavor-dd">
+  <div class="dropdown-trigger">
+    <button id="theme-flavor-trigger" aria-haspopup="true">
+      <span id="theme-flavor-trigger-icon"></span>
+      <span id="theme-flavor-trigger-label"></span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="theme-flavor-menu" role="menu">
     <div class="dropdown-content" id="theme-flavor-items"></div>
   </div>
-</div>
-<div class="select is-rounded is-small is-hidden">
-  <select id="theme-flavor-select" aria-label="Theme flavor" disabled></select>
+  <div class="select is-hidden"><select id="theme-flavor-select"></select></div>
+  <span id="theme-flavor-icon"></span>
 </div>
 ```
 
@@ -115,7 +97,7 @@ npm install @turbocoder13/turbo-themes
 
 ### Non-Jekyll Projects
 
-1. Copy CSS files from `node_modules/@turbocoder13/turbo-themes/assets/css/themes/` to your project:
+1. Copy CSS files from `node_modules/@turbocoder13/bulma-turbo-themes/assets/css/themes/` to your project:
    - `global.css` (required)
    - Flavor CSS files (e.g., `catppuccin-mocha.css`, `dracula.css`, `github-dark.css`) - copy the ones you want to use
 2. Include CSS links (adjust paths to match your project structure):
@@ -128,29 +110,23 @@ npm install @turbocoder13/turbo-themes
 1. Add selector markup and initialize:
 
 ```html
-<div class="navbar-item has-dropdown is-hoverable">
-  <button
-    class="navbar-link"
-    id="theme-flavor-trigger"
-    type="button"
-    aria-haspopup="true"
-    aria-expanded="false"
-    aria-controls="theme-flavor-menu"
-  >
-    <span class="icon is-small" id="theme-flavor-trigger-icon"></span>
-    Theme
-  </button>
-  <div class="navbar-dropdown" id="theme-flavor-menu" aria-labelledby="theme-flavor-trigger">
+<div class="dropdown is-right is-theme" id="theme-flavor-dd">
+  <div class="dropdown-trigger">
+    <button id="theme-flavor-trigger" aria-haspopup="true">
+      <span id="theme-flavor-trigger-icon"></span>
+      <span id="theme-flavor-trigger-label"></span>
+    </button>
+  </div>
+  <div class="dropdown-menu" id="theme-flavor-menu" role="menu">
     <div class="dropdown-content" id="theme-flavor-items"></div>
   </div>
-</div>
-<div class="select is-rounded is-small is-hidden">
-  <select id="theme-flavor-select" aria-label="Theme flavor" disabled></select>
+  <div class="select is-hidden"><select id="theme-flavor-select"></select></div>
+  <span id="theme-flavor-icon"></span>
 </div>
 ```
 
 ```ts
-import { initTheme, wireFlavorSelector } from '@turbocoder13/turbo-themes';
+import { initTheme, wireFlavorSelector } from '@turbocoder13/bulma-turbo-themes';
 
 document.addEventListener('DOMContentLoaded', () => {
   initTheme(document, window);
@@ -158,93 +134,6 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 ```
 
-### React Native / Cross-Platform
-
-This package provides platform-agnostic design tokens that work in React Native, Expo, and other non-web environments.
-
-#### Installation
-
-```bash
-bun add @turbocoder13/turbo-themes
-# or
-npm install @turbocoder13/turbo-themes
-```
-
-#### Basic Usage (Without Context)
-
-```tsx
-import { useTheme, useThemeColors } from '@turbocoder13/turbo-themes/tokens/react-native';
-
-function MyComponent() {
-  const { colors, styles, theme } = useTheme('catppuccin-mocha');
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.h1}>{theme.label}</Text>
-      <Text style={[styles.text, { color: colors.brandPrimary }]}>
-        Primary color text
-      </Text>
-    </View>
-  );
-}
-```
-
-#### With ThemeProvider (Recommended)
-
-```tsx
-import { ThemeProvider, useThemeContext } from '@turbocoder13/turbo-themes/tokens/react-native';
-import { useColorScheme } from 'react-native';
-
-// Wrap your app with ThemeProvider
-function App() {
-  return (
-    <ThemeProvider
-      useColorScheme={useColorScheme}
-      followSystem
-      lightTheme="catppuccin-latte"
-      darkTheme="catppuccin-mocha"
-    >
-      <MyApp />
-    </ThemeProvider>
-  );
-}
-
-// Use the theme in any component
-function MyApp() {
-  const { colors, styles, setTheme, toggleAppearance, appearance } = useThemeContext();
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.h1}>Welcome!</Text>
-      <Button
-        title={`Switch to ${appearance === 'dark' ? 'light' : 'dark'}`}
-        onPress={toggleAppearance}
-      />
-    </View>
-  );
-}
-```
-
-#### Available Exports
-
-| Import Path | Use Case |
-|-------------|----------|
-| `@turbocoder13/turbo-themes/tokens` | Platform-agnostic tokens (pure data) |
-| `@turbocoder13/turbo-themes/tokens/react-native` | React Native utilities, hooks, and context |
-| `@turbocoder13/turbo-themes/tokens.json` | JSON tokens for Flutter, Swift, Kotlin |
-| `@turbocoder13/turbo-themes/css/*` | CSS files for web |
-
-#### Pre-built Styles
-
-The React Native module includes pre-built styles for common components:
-
-- **Layout**: `container`, `safeArea`, `centered`, `row`
-- **Typography**: `h1`-`h6`, `text`, `textSecondary`, `caption`, `label`, `link`
-- **Components**: `card`, `cardElevated`, `button`, `buttonOutline`, `input`, `listItem`, `badge`, `tag`, `divider`
-- **State Colors**: `success`, `warning`, `danger`, `info`
-
-Plus design tokens for `spacing`, `typography`, `borderRadius`, and `shadows`.
-
 ## Testing
 
 This project includes comprehensive testing:
@@ -257,53 +146,16 @@ This project includes comprehensive testing:
 Run tests:
 
 ```bash
-# Using Bun (recommended)
-bun run test          # Unit tests with coverage
-bun run e2e           # All E2E tests
-bun run e2e:smoke     # Smoke tests only
-bun run e2e:visual    # Visual regression tests
-bun run e2e:a11y      # Accessibility tests
-bun run e2e:ui        # Playwright UI mode
-
-# Using npm (also works)
 npm test              # Unit tests with coverage
 npm run e2e           # All E2E tests
+npm run e2e:smoke     # Smoke tests only
+npm run e2e:visual    # Visual regression tests
+npm run e2e:a11y      # Accessibility tests
+npm run e2e:ui        # Playwright UI mode
 ```
 
 For detailed E2E testing documentation, see `docs/E2E-TESTING.md`.
 
-## Development Setup
-
-### Prerequisites
-
-- **Bun** 1.3+ (recommended) - [Install Bun](https://bun.sh/docs/installation)
-- **Node.js** 22+ (alternative)
-- **Ruby** 3.3+ with Bundler (for Jekyll demo site)
-
-### Quick Start
-
-```bash
-# Clone and install
-git clone https://github.com/TurboCoder13/turbo-themes.git
-cd turbo-themes
-bun install
-bundle install
-
-# Build and serve
-bun run build
-bun run build:themes
-bun run serve
-```
-
-### Why Bun?
-
-This project uses [Bun](https://bun.sh/) as its primary JavaScript runtime for:
-
-- **5-10x faster** package installation
-- **10x faster** script startup time
-- **~40% reduction** in CI build times
-- Full npm compatibility (works with all existing packages)
-
 ## Documentation
 
 - Code of Conduct: see `CODE_OF_CONDUCT.md`

data/assets/css/custom.css

@@ -0,0 +1,32 @@
+/* SPDX-License-Identifier: MIT */
+
+/* Custom tweaks and dark mode helpers */
+
+:root {
+  color-scheme: light dark;
+
+  --bulma-primary-h: 171;
+  --bulma-primary-s: 100%;
+  --bulma-primary-l: 41%;
+}
+
+/* Keep buttons readable across themes */
+
+/* Toggle buttons */
+
+.buttons.has-addons .button.is-rounded {
+  background: transparent;
+  border: 1px solid rgb(0 0 0 / 15%);
+}
+
+.buttons.has-addons .button.is-rounded[aria-pressed='true'],
+.buttons.has-addons .button.is-rounded.is-active {
+  border-color: transparent;
+  background-color: #00d1b2;
+  color: #fff;
+}
+
+.buttons.has-addons .button img {
+  width: 1rem;
+  height: 1rem;
+}

data/assets/css/themes/bulma-dark.css

@@ -0,0 +1,96 @@
+/* SPDX-License-Identifier: MIT */
+html[data-flavor='bulma-dark'] .highlight {
+  background: var(--syntax-bg);
+  color: var(--syntax-fg);
+}
+html[data-flavor='bulma-dark'] .highlight pre,
+html[data-flavor='bulma-dark'] pre.highlight {
+  background: transparent;
+  color: var(--syntax-fg);
+}
+html[data-flavor='bulma-dark'] .highlight code {
+  background: transparent;
+  color: var(--syntax-fg);
+}
+html[data-flavor='bulma-dark'] .highlight .c,
+html[data-flavor='bulma-dark'] .highlight .cm,
+html[data-flavor='bulma-dark'] .highlight .c1 {
+  color: var(--syntax-comment);
+}
+html[data-flavor='bulma-dark'] .highlight .k,
+html[data-flavor='bulma-dark'] .highlight .kc,
+html[data-flavor='bulma-dark'] .highlight .kd {
+  color: var(--syntax-keyword);
+}
+html[data-flavor='bulma-dark'] .highlight .s,
+html[data-flavor='bulma-dark'] .highlight .s1,
+html[data-flavor='bulma-dark'] .highlight .sb,
+html[data-flavor='bulma-dark'] .highlight .sd,
+html[data-flavor='bulma-dark'] .highlight .s2 {
+  color: var(--syntax-string);
+}
+html[data-flavor='bulma-dark'] .highlight .m,
+html[data-flavor='bulma-dark'] .highlight .mi,
+html[data-flavor='bulma-dark'] .highlight .mf,
+html[data-flavor='bulma-dark'] .highlight .mh {
+  color: var(--syntax-number);
+}
+html[data-flavor='bulma-dark'] .highlight .nt,
+html[data-flavor='bulma-dark'] .highlight .na {
+  color: var(--syntax-attr);
+}
+html[data-flavor='bulma-dark'] .highlight .nn,
+html[data-flavor='bulma-dark'] .highlight .nc,
+html[data-flavor='bulma-dark'] .highlight .no,
+html[data-flavor='bulma-dark'] .highlight .nf {
+  color: var(--syntax-title);
+}
+html[data-flavor='bulma-dark'] {
+  --bulma-body-background-color: #0f1115;
+  --bulma-body-color: #e5e7eb;
+  --bulma-primary-h: 171;
+  --bulma-primary-s: 100%;
+  --bulma-primary-l: 41%;
+  --bulma-link: #93c5fd;
+  --bulma-info: #38bdf8;
+  --bulma-success: #22c55e;
+  --bulma-warning: #facc15;
+  --bulma-danger: #ef4444;
+  --bulma-border: #374151;
+  --theme-font-sans:
+    system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji',
+    'Segoe UI Emoji';
+  --theme-font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  --theme-text: #e5e7eb;
+  --theme-text-muted: #9ca3af;
+  --theme-link: #93c5fd;
+  --theme-code-fg: #e5e7eb;
+  --theme-code-bg: #1f2937;
+  --theme-pre-fg: #e5e7eb;
+  --theme-pre-bg: #111827;
+  --theme-pre-border: #374151;
+  --theme-table-border: #374151;
+  --theme-table-stripe: #111827;
+  --theme-table-thead-bg: #1f2937;
+  --theme-label-color: #e5e7eb;
+  --theme-h1: #22c55e;
+  --theme-h2: #93c5fd;
+  --theme-h3: #38bdf8;
+  --theme-h4: #facc15;
+  --theme-h5: #00d1b2;
+  --theme-h6: #ef4444;
+  --syntax-fg: #e5e7eb;
+  --syntax-bg: #111827;
+  --syntax-keyword: #facc15;
+  --syntax-string: #22c55e;
+  --syntax-number: #facc15;
+  --syntax-comment: #9ca3af;
+  --syntax-title: #38bdf8;
+  --syntax-attr: #93c5fd;
+  --theme-surface-0: #0f1115;
+  --theme-surface-1: #111827;
+  --theme-surface-2: #111827;
+  color-scheme: dark;
+}

data/assets/css/themes/bulma-light.css

@@ -0,0 +1,96 @@
+/* SPDX-License-Identifier: MIT */
+html[data-flavor='bulma-light'] .highlight {
+  background: var(--syntax-bg);
+  color: var(--syntax-fg);
+}
+html[data-flavor='bulma-light'] .highlight pre,
+html[data-flavor='bulma-light'] pre.highlight {
+  background: transparent;
+  color: var(--syntax-fg);
+}
+html[data-flavor='bulma-light'] .highlight code {
+  background: transparent;
+  color: var(--syntax-fg);
+}
+html[data-flavor='bulma-light'] .highlight .c,
+html[data-flavor='bulma-light'] .highlight .cm,
+html[data-flavor='bulma-light'] .highlight .c1 {
+  color: var(--syntax-comment);
+}
+html[data-flavor='bulma-light'] .highlight .k,
+html[data-flavor='bulma-light'] .highlight .kc,
+html[data-flavor='bulma-light'] .highlight .kd {
+  color: var(--syntax-keyword);
+}
+html[data-flavor='bulma-light'] .highlight .s,
+html[data-flavor='bulma-light'] .highlight .s1,
+html[data-flavor='bulma-light'] .highlight .sb,
+html[data-flavor='bulma-light'] .highlight .sd,
+html[data-flavor='bulma-light'] .highlight .s2 {
+  color: var(--syntax-string);
+}
+html[data-flavor='bulma-light'] .highlight .m,
+html[data-flavor='bulma-light'] .highlight .mi,
+html[data-flavor='bulma-light'] .highlight .mf,
+html[data-flavor='bulma-light'] .highlight .mh {
+  color: var(--syntax-number);
+}
+html[data-flavor='bulma-light'] .highlight .nt,
+html[data-flavor='bulma-light'] .highlight .na {
+  color: var(--syntax-attr);
+}
+html[data-flavor='bulma-light'] .highlight .nn,
+html[data-flavor='bulma-light'] .highlight .nc,
+html[data-flavor='bulma-light'] .highlight .no,
+html[data-flavor='bulma-light'] .highlight .nf {
+  color: var(--syntax-title);
+}
+html[data-flavor='bulma-light'] {
+  --bulma-body-background-color: #ffffff;
+  --bulma-body-color: #363636;
+  --bulma-primary-h: 171;
+  --bulma-primary-s: 100%;
+  --bulma-primary-l: 41%;
+  --bulma-link: #485fc7;
+  --bulma-info: #209cee;
+  --bulma-success: #48c774;
+  --bulma-warning: #ffdd57;
+  --bulma-danger: #f14668;
+  --bulma-border: #dbdbdb;
+  --theme-font-sans:
+    system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji',
+    'Segoe UI Emoji';
+  --theme-font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  --theme-text: #363636;
+  --theme-text-muted: #4a4a4a;
+  --theme-link: #485fc7;
+  --theme-code-fg: #f14668;
+  --theme-code-bg: #f6f8fa;
+  --theme-pre-fg: #24292e;
+  --theme-pre-bg: #f6f8fa;
+  --theme-pre-border: #e1e4e8;
+  --theme-table-border: #dbdbdb;
+  --theme-table-stripe: #f5f5f5;
+  --theme-table-thead-bg: #f5f5f5;
+  --theme-label-color: #363636;
+  --theme-h1: #48c774;
+  --theme-h2: #485fc7;
+  --theme-h3: #209cee;
+  --theme-h4: #ffdd57;
+  --theme-h5: #00d1b2;
+  --theme-h6: #f14668;
+  --syntax-fg: #24292e;
+  --syntax-bg: #f6f8fa;
+  --syntax-keyword: #ffdd57;
+  --syntax-string: #48c774;
+  --syntax-number: #ffdd57;
+  --syntax-comment: #4a4a4a;
+  --syntax-title: #209cee;
+  --syntax-attr: #485fc7;
+  --theme-surface-0: #ffffff;
+  --theme-surface-1: #ffffff;
+  --theme-surface-2: #ffffff;
+  color-scheme: light;
+}