|
|
|
@ -27,8 +27,6 @@ dark-syntax = { |
|
|
|
theme-colors = { |
|
|
|
heading-fg: #333, |
|
|
|
icon-shadow: #fff, |
|
|
|
input-bg: rgba(0, 0, 0, 0.08), |
|
|
|
input-hover-bg: rgba(0, 0, 0, 0.16), |
|
|
|
link-visited-fg: #666, |
|
|
|
link-fg: #000, |
|
|
|
} |
|
|
|
@ -39,10 +37,6 @@ theme-colors = { |
|
|
|
--msff ldiosevka, monospace |
|
|
|
--pc #df3c59 |
|
|
|
--pcd #8e293b |
|
|
|
--input-focus-bg var(--input-bg) |
|
|
|
--button-bg var(--input-bg) |
|
|
|
--button-hover-bg var(--input-hover-bg) |
|
|
|
--button-focus-bg var(--input-bg) |
|
|
|
|
|
|
|
light-theme = |
|
|
|
for k, v in light-syntax |
|
|
|
@ -51,8 +45,15 @@ light-theme = |
|
|
|
{unquote("--" + k2)}: v2 |
|
|
|
--bg #fff |
|
|
|
--header-bg #eee |
|
|
|
--header-hover-bg #ddd |
|
|
|
--fg #111 |
|
|
|
--inline-code-bg #ddd |
|
|
|
--input-bg rgba(0, 0, 0, 0.08) |
|
|
|
--input-hover-bg rgba(0, 0, 0, 0.16) |
|
|
|
--input-focus-bg var(--input-bg) |
|
|
|
--button-bg var(--input-bg) |
|
|
|
--button-hover-bg var(--input-hover-bg) |
|
|
|
--button-focus-bg var(--input-bg) |
|
|
|
|
|
|
|
dark-theme = |
|
|
|
for k, v in dark-syntax |
|
|
|
@ -61,9 +62,16 @@ dark-theme = |
|
|
|
{unquote("--" + k2)}: invert(v2) |
|
|
|
--bg #111 |
|
|
|
--header-bg #191919 |
|
|
|
--header-hover-bg #333 |
|
|
|
--fg #fff |
|
|
|
--link-visited-fg #aaa |
|
|
|
--inline-code-bg #222 |
|
|
|
--input-bg rgba(255, 255, 255, 0.08) |
|
|
|
--input-hover-bg rgba(255, 255, 255, 0.16) |
|
|
|
--input-focus-bg var(--input-bg) |
|
|
|
--button-bg var(--input-bg) |
|
|
|
--button-hover-bg var(--input-hover-bg) |
|
|
|
--button-focus-bg var(--input-bg) |
|
|
|
|
|
|
|
:root, body.light-theme |
|
|
|
{light-theme} |
|
|
|
|
