Move dark theme to own file, rename edlib theme file. Fix low contras…

…t on secondary outline button in dark mode
cerpus · Feb 14, 2025 · 14604b5 · 14604b5
1 parent eb94fc3
commit 14604b5
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 18 deletions.
diff --git a/sourcecode/hub/resources/css/app.scss b/sourcecode/hub/resources/css/app.scss
@@ -60,8 +60,5 @@ $font-family-sans-serif: Lato, sans-serif;
 @import 'choices.js/src/styles/choices';
 @import 'billboard.js/dist/billboard';
 @import 'layout';
-@import 'theme';
-
-[data-bs-theme="dark"] {
-    @import 'billboard.js/dist/theme/dark';
-}
+@import 'theme-edlib';
+@import 'theme-dark';
diff --git a/sourcecode/hub/resources/css/layout.scss b/sourcecode/hub/resources/css/layout.scss
@@ -225,14 +225,3 @@
         }
     }
 }
-
-
-[data-bs-theme="dark"] {
-    .choices {
-        &[data-type*=select-one] {
-            .choices__button {
-                background-image: $choices-icon-cross;
-            }
-        }
-    }
-}
diff --git a/sourcecode/hub/resources/css/theme-dark.scss b/sourcecode/hub/resources/css/theme-dark.scss
@@ -0,0 +1,15 @@
+[data-bs-theme="dark"] {
+    @import 'billboard.js/dist/theme/dark';
+
+    .choices {
+        &[data-type*=select-one] {
+            .choices__button {
+                background-image: $choices-icon-cross;
+            }
+        }
+    }
+
+    .btn-outline-secondary {
+        @include button-outline-variant($gray-500, $gray-900, $gray-200, $gray-100, $gray-900);
+    }
+}
diff --git a/sourcecode/hub/resources/css/theme.scss → ...cecode/hub/resources/css/theme-edlib.scss b/sourcecode/hub/resources/css/theme.scss → ...cecode/hub/resources/css/theme-edlib.scss
@@ -1,4 +1,3 @@
-// The Edlib theme
 [data-bs-theme="edlib"] {
     --bs-body-color: #{$gray-700}; //Default text color
     --bs-border-color: #{$gray-400}; //Default border color for input, buttons, etc
@@ -178,4 +177,3 @@
         }
     }
 }
-