howdy-jekyll-theme 1.0.0

data/_sass/_dark-mode.scss

@@ -0,0 +1,39 @@
+// Howdy Jekyll Theme - Dark Mode Styles
+// This file handles all explicit .dark-mode class overrides
+// System preference dark mode is in _variables.scss
+
+@use "variables";
+
+// Dark mode defaults (explicit .dark-mode class)
+html.dark-mode,
+html.dark-mode body,
+html.dark-mode .main-container {
+  --howdy-text-primary: #fafafa;
+  --howdy-bg-light-gray: #1e1e1e;
+  --howdy-accent-green: #7eea9b;
+  --howdy-bg-green-tint: #1c2b22;
+  --howdy-bg-white: #141414;
+  --howdy-border: #2d2d2d;
+  --howdy-text-red: #e88787;
+  --howdy-text-secondary: #a0a0a0;
+  --howdy-text-muted: #999999;
+  --howdy-bg-red-tint: #2a1c1c;
+  --howdy-bg-semi-white: #2f241bb3;
+  --howdy-bg-cream: #2f241b;
+  --howdy-accent-orange: #f2b76c;
+  --howdy-accent-blue: #7ec4e3;
+  --howdy-bg-blue-tint: #1b2630;
+  --howdy-accent-purple: #c58af2;
+  --howdy-bg-purple-tint: #241b2d;
+  --howdy-bg-dark-gray: #2d2d2d;
+}
+
+// Ensure images don't get inverted during theme transitions
+img {
+  transition: none;
+}
+
+// Dark mode overlay for hero images
+.logo-overlay {
+  background: rgba(20, 20, 20, 0.15);
+}