Embrace green as the accent color

scalawithcats · Feb 5, 2024 · eae395e · eae395e
1 parent c021067
commit eae395e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/src/scss/common/header.scss b/src/scss/common/header.scss
@@ -1,6 +1,7 @@
 header {
-    background-color: $primary-text-emphasis;
+    background-color: shade-color($primary, 40%);
     color: $white;
+    border-color: shade-color($primary, 20%);
     padding-top: $spacer;
     padding-bottom: 4 * $spacer;
 

diff --git a/src/scss/common/index.scss b/src/scss/common/index.scss
@@ -9,6 +9,7 @@
 
 // 4. Include any default map overrides here
 
+$primary: #4cb03a;
 // From the old html.less, but they need to be defined here
 $font-size-base: 20px;
 $line-height-base: 1.75;

diff --git a/src/scss/common/toc.scss b/src/scss/common/toc.scss
@@ -1,4 +1,9 @@
 nav.navbar {
+    background-color: $white;
+    color: shade-color($primary, 40%);
     max-height: 100vh;
     overflow-y: auto;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: shade-color($primary, 20%);
 }
diff --git a/src/templates/template.html b/src/templates/template.html
@@ -44,7 +44,7 @@
   $endfor$
 </head>
 <body>
-  <nav class="navbar navbar-expand-lg sticky-top bg-white text-primary-emphasis border-primary border-bottom">
+  <nav class="navbar navbar-expand-lg sticky-top">
     <div class="container-fluid">
       <details>
         <summary class="nav-item p-2"><h5 class="d-inline-block mb-0">Table of Contents</h5></summary>