fix: adapt color-theme attribute on root based on theme
This commit is contained in:
parent
de83805fd9
commit
afac1f62ca
4 changed files with 4 additions and 0 deletions
1
packages/codemirror/themes.mjs
vendored
1
packages/codemirror/themes.mjs
vendored
|
|
@ -198,6 +198,7 @@ export function activateTheme(name) {
|
|||
const themeSettings = settings[name] || settings.strudelTheme;
|
||||
// set css variables
|
||||
themeStyle.innerHTML = `:root {
|
||||
color-scheme: ${themeSettings.light ? 'light' : 'dark'};
|
||||
${Object.entries(themeSettings)
|
||||
// important to override fallback
|
||||
.map(([key, value]) => `--${key}: ${value} !important;`)
|
||||
|
|
|
|||
1
packages/codemirror/themes/CutiePi.mjs
vendored
1
packages/codemirror/themes/CutiePi.mjs
vendored
|
|
@ -25,6 +25,7 @@ export const settings = {
|
|||
gutterForeground: lightGrey,
|
||||
gutterBorder: 'transparent',
|
||||
lineHighlight: pinkAccent,
|
||||
light: true,
|
||||
};
|
||||
|
||||
export default createTheme({
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue