hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: adapt color-theme attribute on root based on theme

Browse source
This commit is contained in:
Felix Roos 2026-01-20 00:59:43 +01:00
parent de83805fd9
commit afac1f62ca
No known key found for this signature in database
4 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/codemirror/themes.mjs vendored
View file

@ -198,6 +198,7 @@ export function activateTheme(name) {
const themeSettings = settings[name] || settings.strudelTheme; const themeSettings = settings[name] || settings.strudelTheme;
// set css variables // set css variables
themeStyle.innerHTML = `:root { themeStyle.innerHTML = `:root {
color-scheme: ${themeSettings.light ? 'light' : 'dark'};
${Object.entries(themeSettings) ${Object.entries(themeSettings)
// important to override fallback // important to override fallback
.map(([key, value]) => `--${key}: ${value} !important;`) .map(([key, value]) => `--${key}: ${value} !important;`)

1
packages/codemirror/themes/CutiePi.mjs vendored
View file

@ -25,6 +25,7 @@ export const settings = {
gutterForeground: lightGrey, gutterForeground: lightGrey,
gutterBorder: 'transparent', gutterBorder: 'transparent',
lineHighlight: pinkAccent, lineHighlight: pinkAccent,
light: true,
}; };
export default createTheme({ export default createTheme({

1
website/src/components/HeadCommon.astro
View file

@ -33,6 +33,7 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
<!-- the following variables are just a fallback to make sure everything is readable without JS --> <!-- the following variables are just a fallback to make sure everything is readable without JS -->
<style is:global> <style is:global>
:root { :root {
color-scheme: dark;
--background: #222; --background: #222;
--lineBackground: #22222299; --lineBackground: #22222299;
--foreground: #fff; --foreground: #fff;

1
website/src/components/HeadCommonNext.astro
View file

@ -32,6 +32,7 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
<!-- the following variables are just a fallback to make sure everything is readable without JS --> <!-- the following variables are just a fallback to make sure everything is readable without JS -->
<style is:global> <style is:global>
:root { :root {
color-scheme: dark;
--background: #222; --background: #222;
--lineBackground: #22222299; --lineBackground: #22222299;
--foreground: #fff; --foreground: #fff;