Add slight glow to logo in dark mode, even when not hovering

clicktodev · CakeLancelot · commit ee3b6746f004 · 2025-04-10T03:03:37.000-05:00
diff --git a/assets/scss/common/_custom.scss b/assets/scss/common/_custom.scss
@@ -15,6 +15,9 @@
     margin-top: -8px;
     margin-bottom: -8px;
 }
+[data-bs-theme="dark"] .image-hover {
+    opacity: 0.4;
+}
 .image-hover:hover {
     opacity: 1;
 }
diff --git a/assets/scss/common/_variables-custom.scss b/assets/scss/common/_variables-custom.scss
@@ -2,7 +2,7 @@
 
 // Light mode
 $primary: #50dc51;
-$secondary: green;
+$secondary: #008000;
 $focus: #50dc51;
 $link-color: #50dc51;
 $button-color: #50dc51;
@@ -14,7 +14,7 @@ $danger: red;
 
 // Dark mode
 $primary-dark: #50dc51;
-$secondary-dark: green;
+$secondary-dark: #008000;
 $focus-dark: #50dc51;
 $link-color-dark: #50dc51;
 $button-color-dark: #50dc51;

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,9 @@`
`15`	`15`	`margin-top: -8px;`
`16`	`16`	`margin-bottom: -8px;`
`17`	`17`	`}`
	`18`	`+[data-bs-theme="dark"] .image-hover {`
	`19`	`+ opacity: 0.4;`
	`20`	`+}`
`18`	`21`	`.image-hover:hover {`
`19`	`22`	`opacity: 1;`
`20`	`23`	`}`