Files
HugoBlox-kit/modules/blox-tailwind/assets/css/chroma.css
T
George Cushen 3b314fe4b2 fix: resolve dark mode code blocks and JavaScript errors after Tailwind migration
- Fix dark mode code block styling in chroma.css (background stays bright issue)
- Resolve JavaScript errors with window.hbb object initialization
- Fix Mermaid.js color parsing errors with proper CSS variable fallbacks
- Move inline JavaScript to external files for CSP compliance
- Create dedicated hb-search.js for search functionality
- Add proper error handling and validation for PagefindUI initialization
- Update .stylelintrc.yaml to disable no-descending-specificity rule
- Fix remaining lint issues: flex-flow shorthand and kebab-case IDs
- Ensure theme toggler functionality works correctly

Resolves regressions introduced during Tailwind 3→4 migration.
All functionality now works in both light and dark modes.
2025-09-06 18:19:08 +01:00

19 lines
441 B
CSS

@import './libs/chroma/light.css';
@import './libs/chroma/dark.css';
/* Code Blocks: Apply theme background */
/* Requires relative position for Code Copy button */
.prose .chroma,
.prose pre {
@apply relative rounded-md;
color: rgb(var(--color-neutral-700));
background-color: rgb(var(--color-neutral-50));
}
.dark .prose .chroma,
.dark .prose pre {
color: white;
background-color: rgb(71 85 105); /* slate-700 equivalent */
}