updating branding colors

Author: timothypratley

content/_quarto.yml

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

content/brand-dark.yml

@@ -1,17 +1,9 @@
 color:
-  palette:
-    primary-blue: "#61B7B7"
-    primary-green: "#5881D8"
-    accent-violet: "#9D84E0"
-    dark-bg: "#121212"
-    soft-bg: "#1E1E1E"
-    text-light: "#F5F5F5"
-    text-muted: "#BBBBBB"
-    border-grey: "#333333"
-
-  background: dark-bg
-  foreground: text-light
-  primary: primary-green
+  background: "#222222"    # Dark background
+  foreground: "#ddeaf1"    # Light text
+  primary:    "#78B159"    # Clojure green (links, buttons)
+  secondary:  "#4B8FD7"    # Clojure blue (accents, hovers)
+  tertiary:   "#A4C49C"    # Soft green (callouts, highlights)
 
 logo:
   medium: images/civitas-icon.svg

content/brand-light.yml

@@ -1,16 +1,9 @@
 color:
-  palette:
-    primary-blue: "#61B7B7"   # Soft cyan from Clojure logo
-    primary-green: "#5881D8"  # Clojure green-blue
-    accent-violet: "#6A4FB3"
-    soft-grey: "#f5f7fa"
-    text-dark: "#222222"
-    text-muted: "#555555"
-    border-grey: "#DDEAF1"
-
-  background: soft-grey
-  foreground: text-dark
-  primary: primary-green
+  background: "#F0F4F8"    # Soft white
+  foreground: "#222222"    # Dark text
+  primary:    "#78B159"    # Clojure green (links, buttons)
+  secondary:  "#4B8FD7"    # Clojure blue (accents, hovers)
+  tertiary:   "#A4C49C"    # Soft green (callouts, highlights)
 
 logo:
   medium: images/civitas-icon.svg

content/filter.qmd

@@ -1,11 +1,12 @@
 ---
-title: "Filter Notebooks"
+title: "Filter"
 listing:
   contents: idea
   type: default
   sort:
     - "title desc"
     - "date desc"
-  filter-ui: [title, author, date, categories, tags]
+  sort-ui: true
+  filter-ui: true
 ---
 Filter all notebooks.

content/ideas.qmd

@@ -5,6 +5,8 @@ listing:
   exclude: 
     type: post
   sort: "title"
+  sort-ui: true
+  filter-ui: true
 ---
 Ideas, insights, and patterns in the Clojure world.
 This page collects evolving references rather than dated posts.

content/libs.qmd

@@ -5,6 +5,8 @@ listing:
   exclude:
     type: post
   sort: "title"
+  sort-ui: true
+  filter-ui: true
 ---
 Content related to Clojure libraries and tools.
 This section collects notebooks that aren’t time-sensitive posts.

content/posts.qmd

@@ -7,7 +7,7 @@ listing:
   sort:
     - "date desc"
     - "title desc"
+  sort-ui: true
   filter-ui: true
-  categories: true
   feed: true
 ---

content/styles-dark.scss

@@ -0,0 +1,19 @@
+/*-- 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;
+
+$text-muted:     #888888;

content/styles-light.scss

@@ -0,0 +1,19 @@
+/*-- 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
+
+$text-muted:     #888888;

content/styles.scss

@@ -6,3 +6,21 @@ code {
 pre code {
   font-size: 0.98em;
 }
+
+.printedClojure .sourceCode pre {
+  background-color: $code-bg;
+}
+
+.navbar a:hover,
+.navbar .active {
+  color: $tertiary;
+  text-decoration: underline;
+}
+
+div.quarto-post h3 a {
+  color: $headings-color;
+}
+
+.quarto-listing .quarto-post {
+    border-bottom: none;
+}