fix order of color customization

Author: timothypratley

content/_quarto.yml

@@ -22,8 +22,8 @@ website:
 format:
   html:
     theme:
-      light: [ flatly, styles.scss, styles-light.scss ]
-      dark: [ darkly, styles.scss, styles-dark.scss ]
+      light: [ flatly, brand, styles.scss, styles-light.scss ]
+      dark: [ darkly, brand, styles.scss, styles-dark.scss ]
     respect-user-color-scheme: true
 
 brand:

content/brand-dark.yml

@@ -12,7 +12,7 @@ typography:
   fonts:
     - family: Fira Sans
       source: google
-    - family: Fira Sans Code
+    - family: Fira Code
       source: google
   base: Fira Sans
   headings: Fira Sans

content/styles-dark.scss

@@ -1,19 +1,6 @@
 /*-- scss:defaults --*/
 
-$body-bg:        #222222;  // dark background
-$body-color:     #ddeaf1;  // soft light text
-
-$primary:        #78B159;  // Clojure green
-$secondary:      #4B8FD7;  // Clojure blue
-$tertiary:       #A4C49C;  // soft green
-$quaternary:     #294135;  // deep greenish slate
-$quinary:        #C4E5CA;  // pale minty green to pop gently
-
-$headings-color: $primary;
-$navbar-bg:      $quaternary;
-$navbar-fg:      $body-color;
-
-$code-bg:        $quaternary;
-$code-color:     $quinary;
-
+$code-bg:        #294135;
+$code-color:     #C4E5CA;
+$navbar-bg:      $code-bg;
 $text-muted:     #888888;

content/styles-light.scss

@@ -1,19 +1,6 @@
 /*-- scss:defaults --*/
 
-$body-bg:        #F0F4F8;  // soft light background
-$body-color:     #222222;  // dark text
-
-$primary:        #78B159;  // Clojure green
-$secondary:      #4B8FD7;  // Clojure blue
-$tertiary:       #A4C49C;  // soft green
-$quaternary:     #E0EFF8;
-$quinary:        #CD7F32;
-
-$headings-color: #2A4B7C;
-$navbar-bg:      $quaternary;  // light blue navbar
-$navbar-fg:      $body-color;
-
-$code-bg:        $quaternary;  // subtle green tint for code
-$code-color:     $quinary;  // dark code text
-
+$code-bg:        #E0EFF8;
+$code-color:     #CD7F32;
+$navbar-bg:      $code-bg;
 $text-muted:     #888888;

content/styles.scss

@@ -18,7 +18,7 @@ pre code {
 }
 
 div.quarto-post h3 a {
-  color: $headings-color;
+  color: $primary;
 }
 
 .quarto-listing .quarto-post {