colorize everything a bit

scout-ch · Sep 5, 2023 · e4ca593 · e4ca593
1 parent 659ac4c
commit e4ca593
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/SidebarNav.tsx b/src/components/SidebarNav.tsx
@@ -44,8 +44,10 @@ function SidebarNav(props: Props) {
                     key={id} id={id}
                     as={ReactRouterLink} to={(`${chapter.slug_with_section}`)}
                 >
-                    <NavList.LeadingVisual>
-                    {isActive ? <BookmarkFillIcon/> : <BookmarkIcon/>}
+                    <NavList.LeadingVisual style={{color: section.color_primary}}>
+                        /* fill has to be added to the parent, as the prop isn't
+                        working on the Icon objects */
+                        {isActive ? <BookmarkFillIcon/> : <BookmarkIcon/>}
                     </NavList.LeadingVisual>
                     {chapter.menu_name}
                 </NavList.Item>

diff --git a/src/styles/footer.scss b/src/styles/footer.scss
@@ -1,6 +1,11 @@
 footer {
+  .btn-nav {
+    background: var(--color-primary);
+    // filter: brightness(var(--lightness));
+  }
+
   footer-image svg {
-      display: block;
+    display: block;
     width: 100%;
     height: auto;
     fill: var(--color-primary);