first attempt at theme hack

scout-ch · Sep 1, 2023 · 4c12b4e · 4c12b4e
1 parent 99b9476
commit 4c12b4e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/Section.tsx b/src/components/Section.tsx
@@ -36,10 +36,14 @@ function Section(props: Props) {
     })
     let classes=`section-title section-${props.section.sorting}`;
     const root = document.documentElement;
-    if(props.section.color_primary)
+    if(props.section.color_primary){
         root.style.setProperty('--color-primary', props.section.color_primary);
-    if(props.section.color_primary_light)
+        root.style.setProperty('--color-accent-emphasis', props.section.color_primary);
+    }
+
+    if(props.section.color_primary_light) {
         root.style.setProperty('--color-primary-light', props.section.color_primary_light);
+    }
 
 
     return <div className='content'>

diff --git a/src/index.scss b/src/index.scss
@@ -21,6 +21,7 @@
 :root {
   --color-primary: #521d3a;
   --color-primary-light: #8c3c4f;
+  --color-accent-emphasis: #8c3c4f;
   --lightness: 120%;
   --line-height: 1.5;
 }