Actually use the color scheme (#158)

cjs8487 · Jan 17, 2024 · 0adcdec · 0adcdec
1 parent 4303c79
commit 0adcdec
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/Tracker.tsx b/src/Tracker.tsx
@@ -170,7 +170,7 @@ export default class Tracker extends React.Component<Record<string, never>, Trac
     updateColorSchemeVars() {
         const html = document.querySelector('html')!;
         Object.entries(this.state.colorScheme).forEach(([key, val]) => {
-            html.style.setProperty(`theme-${key}`, val.toString());
+            html.style.setProperty(`--scheme-${key}`, val.toString());
         });
     }
 
@@ -337,7 +337,7 @@ export default class Tracker extends React.Component<Record<string, never>, Trac
         }
 
         return (
-            <div style={{ height: this.state.height * 0.95, overflow: 'hidden', background: 'var(--scheme-background)' }}>
+            <div style={{ height: this.state.height * 0.95, overflow: 'hidden', color: 'var(--scheme-text)', background: 'var(--scheme-background)' }}>
                 <Container fluid>
                     <Row>
                         <Col>

diff --git a/src/index.css b/src/index.css
@@ -5,7 +5,6 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: var(--scheme-text);
 }
 
 code {