updating themes

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);

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;

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);
-}
+}