Enable dark mode using media queries

[rails.git] / app / assets / stylesheets / parameters.scss

diff --git a/app/assets/stylesheets/parameters.scss b/app/assets/stylesheets/parameters.scss
index 2e3651aca1cb5f3d2b03175271219da11388927a..28bf569016a607d81b4aa01b994226ca8366845e 100644 (file)
--- a/app/assets/stylesheets/parameters.scss
+++ b/app/assets/stylesheets/parameters.scss
@@ -2,16 +2,22 @@
 $lineheight: 20px;
 $typeheight: 14px;
 
 $lineheight: 20px;
 $typeheight: 14px;
 

-$offwhite: #f4f4ff;

 $blue: #7092FF;
 $blue: #7092FF;

-$lightblue: #B8C5F0;
+$secondary: #888;

 $green: #7ebc6f;
 $green: #7ebc6f;

+$vibrant-green: #76c551;

 $grey: #CCC;
 $grey: #CCC;

-$red: red;
-$lightgrey: #EEE;

 $darkgrey: #888;
 $darkgrey: #888;

-$hovercolor: 20%;
-$headerHeight: 54px;
-$sidebarWidth: 300px;
-$keyline: 1px solid $lightgrey;
-$border-radius: 3px;
+$headerHeight: 55px;
+$sidebarWidth: 350px;
+
+$link-color: #24d;
+$link-hover-color: #24d;
+$link-decoration: none;
+$link-hover-decoration: underline;
+
+$table-border-factor: .1;
+$list-group-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
+
+$enable-negative-margins: true;
+$color-mode-type: media-query;