jekyll-octopod 0.16.0 → 0.16.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8db2f57d31d171f21e326e3ac92bf8642f958db87f38c5bd8d40375b4b839671
-  data.tar.gz: 37fdf23887400278251eec91607e70f88e19916f32cb4dd62e9a7bfc36f8e4bd
+  metadata.gz: 1e97c76791da4caf394541907199b2009985f42854b547c8644321d057f1ca36
+  data.tar.gz: 0e0b22eba05771002edc86a2894dbae32fa67ad1bda9d9b348b601d5c794b006
 SHA512:
-  metadata.gz: 89105dc41c40fc03e3ed92be9b542f322d9e17214fdc9eb00b6f664833a7f39c01a60f560256008affa1aab3193be8d2834e95e1758b9c58487acde8dcd223e4
-  data.tar.gz: b512219be5552762b4fe45364df66eb949a7e3a6d47d840c1230376191e60e97fa8532e4250aafd6751242875dfc9e67128b18d19ee0f846327976ac6d7aca58
+  metadata.gz: b5bef749f76e82144d8b4755339710ff8a87392e8bfea9f0c30899c7fbc67c22913c6f4b100a0ad2a05b91f68a2817d1759ca7a52c169c1370dd0e123e248601
+  data.tar.gz: 65125e024416c0d9218ca8543fc4c641fd1dbefa1af2d9b2f9ba67a3a7f875825ef08be5adf5c711c2d47ed2c034843fe709d2714e1da792e5661ce5f285ebc3

data/assets/_sass/_overrides.scss

@@ -21,33 +21,51 @@ h1 small, h2 small, h3 small {
   font-size: 45%;
 }
 
-// Theme for the Swiss-Sided Dice podcast, red and white based on the Swiss flag - commented out for now, until a better solution can be found
-
-/*
-// Bulma's navbar reads its colors from CSS custom properties scoped on .navbar,
-// so a single block covers the background plus the hue/saturation/lightness
-// triple it derives hover, active and dropdown shading from - no separate
-// hover/toggle overrides needed the way Bootstrap required.
+// Example: give your site its own brand color instead of Bulma's default navbar. Bulma's navbar
+// reads its colors from CSS custom properties scoped on .navbar, so a single block covers the
+// background plus the hue/saturation/lightness triple it derives hover, active and dropdown
+// shading from. Swap the values below for your own color and delete this comment once you've
+// made it yours.
 .navbar {
-  --bulma-navbar-background-color: #E11A27;
-  --bulma-navbar-h: 356deg;
-  --bulma-navbar-s: 87%;
-  --bulma-navbar-l: 45%;
-  --bulma-navbar-item-color: #FFF;
-  --bulma-navbar-burger-color: #FFF;
+  --bulma-navbar-background-color: #48CFAD;
+  --bulma-navbar-h: 166deg;
+  --bulma-navbar-s: 48%;
+  --bulma-navbar-l: 55%;
+
+  // Without this, Bulma still colors the *currently active* nav item (a.navbar-item.is-active)
+  // from its own global --bulma-link-h/-s/-l default (a blue unrelated to the values above) instead
+  // of from this navbar's own hue/saturation/lightness - these four properties are what it actually
+  // reads for that state, so they need to be pointed at our own values too.
+  --bulma-navbar-item-selected-h: var(--bulma-navbar-h);
+  --bulma-navbar-item-selected-s: var(--bulma-navbar-s);
+  --bulma-navbar-item-selected-l: var(--bulma-navbar-l);
+  --bulma-navbar-item-selected-background-l: 40%;
+  --bulma-navbar-item-selected-color-l: 97%;
+}
+
+// The resting nav items' text color is Bulma's own --bulma-text-l, which is intentionally light
+// in dark mode (for contrast against the page's now-dark background) - but our navbar's own
+// background above is a literal color, so it doesn't darken with the rest of the page. Without
+// this, dark mode ends up with near-white text on a background that's still light-mode teal,
+// unreadable. Darkening the same hue/saturation here keeps the brand color recognizable while
+// giving Bulma's light dark-mode text something dark enough to actually contrast against.
+@media (prefers-color-scheme: dark) {
+  .navbar {
+    --bulma-navbar-background-color: #1B4B40;
+    --bulma-navbar-l: 20%;
+  }
 }
 
-// Links and buttons in the website are a dark red for best contrast, but get lightened on hover for feedback
+// Links and buttons in the website match the navbar, but get lightened on hover for feedback
 a {
-  color: #CF000F;
+  color: #48CFAD;
 }
 a:hover {
-  color: #EF3743;
+  color: #7BD1BD;
 }
 .button.is-primary {
-  background-color: #CF000F;
+  background-color: #48CFAD;
 }
 .button.is-primary:hover, .button.is-primary:focus {
-  background-color: #EF3743;
+  background-color: #7BD1BD;
 }
-*/

data/lib/octopod/version.rb

@@ -3,7 +3,7 @@ module Jekyll
     module VERSION #:nodoc:
       MAJOR = 0
       MINOR = 16
-      TINY  = 0
+      TINY  = 1
 
       STRING = [MAJOR, MINOR, TINY].join('.')
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-octopod
 version: !ruby/object:Gem::Version
-  version: 0.16.0
+  version: 0.16.1
 platform: ruby
 authors:
 - Arne Eilermann