diff --git a/theme-Auto.css b/theme-Auto.css index 955fc24..31ea811 100644 --- a/theme-Auto.css +++ b/theme-Auto.css @@ -1,5 +1,2 @@ -if(prefers-color-scheme: dark){ - @import "./theme-Dark.css"; -}else{ - @import "./theme-Light.css"; -} +@import "./theme-Light.css"; +@import "./theme-Dark.css" (prefers-color-scheme: dark); diff --git a/theme-Dark.css b/theme-Dark.css index 6c11ccc..940ed2c 100644 --- a/theme-Dark.css +++ b/theme-Dark.css @@ -1,7 +1,6 @@ -@import "../chroma/base.css"; @import "../chroma/dark.css"; @import "../codemirror/dark.css"; - + :root { --is-dark-theme: true; --color-primary: #3d86ff; @@ -281,7 +280,7 @@ .code-diff-unified .del-code, .code-diff-unified .del-code td, .code-diff-split .del-code .lines-num-old, .code-diff-split .del-code .lines-escape-old, .code-diff-split .del-code .lines-type-marker-old, .code-diff-split .del-code .lines-code-old { background: #906ae124; border-color: var(--color-diff-removed-row-border); -} +} .code-diff-unified .add-code, .code-diff-unified .add-code td, .code-diff-split .add-code .lines-num-new, .code-diff-split .add-code .lines-type-marker-new, .code-diff-split .add-code .lines-escape-new, .code-diff-split .add-code .lines-code-new, .code-diff-split .del-code .add-code.lines-num-new, .code-diff-split .del-code .add-code.lines-type-marker-new, .code-diff-split .del-code .add-code.lines-escape-new, .code-diff-split .del-code .add-code.lines-code-new { background: #0055953b; diff --git a/theme-Light.css b/theme-Light.css index 54fde7c..c069e7e 100644 --- a/theme-Light.css +++ b/theme-Light.css @@ -41,7 +41,7 @@ --color-secondary-dark-7: #afb4c0; --color-secondary-dark-8: #bcc0ca; --color-secondary-dark-9: #c9cbd4; - --color-secondary-dark-10: #d6d7de; + --color-secondary-dark-10: #d6d7de; --color-secondary-dark-11: #e2e3e8; --color-secondary-dark-12: #eeeff2; --color-secondary-dark-13: #fbfbfc; @@ -281,7 +281,7 @@ .ui .background.red { background-color: var(--color-violet) !important; } - + .ui.red.button:hover, .ui.red.buttons .button:hover { background: var(--color-violet-dark-1); } @@ -343,4 +343,4 @@ .emoji[aria-label="musical note"], .emoji[aria-label="musical notes"] { filter: invert(100%) hue-rotate(180deg); -} \ No newline at end of file +}