up

www/rtemislive.scss

@@ -1,15 +1,31 @@
 /* rtemislive.scss */
 
+// To-do:
+// edit .selectize-dropdown .selected {
+//   background-color: #007bc2;
+//   color: #ffffff;
+// }
+
+// Define background color for light and dark mode
+$light-bg: #efefef;
+$dark-bg: #161616;
+
 // Define your custom colors
 // primary color
-$light-primary: #1295D8;
-$dark-primary: #1295D8;
+// $light-primary: #1295D8;
+// $dark-primary: #1295D8;
+$light-primary: #16A0AC;
+$dark-primary: #16A0AC;
 $light-primary-rgb: #{red($light-primary)}, #{green($light-primary)}, #{blue($light-primary)};
 $dark-primary-rgb: #{red($dark-primary)}, #{green($dark-primary)}, #{blue($dark-primary)};
 // info color
-$light-info: #E44C9A;
+// $light-info: #E44C9A;
+// $dark-info: #FEB2E0;
+// $light-info: #C42882;
+// $dark-info: #C42882;
+$light-info: #ff004c;
+$dark-info: #ff004c;
 $light-info-rgb: #{red($light-info)}, #{green($light-info)}, #{blue($light-info)};
-$dark-info: #FEB2E0;
 $dark-info-rgb: #{red($dark-info)}, #{green($dark-info)}, #{blue($dark-info)};
 // tooltip-bg
 $light-tooltipbg: #cdcdcd;
@@ -17,6 +33,8 @@ $dark-tooltipbg: #333333;
 
 // Customize the theme colors
 @include color-mode(light) {
+  // background color
+  --bs-body-bg: #{$light-bg};
   // primary color
   --bs-primary: #{$light-primary};
   --bs-primary-rgb: #{$light-primary-rgb};
@@ -29,12 +47,17 @@ $dark-tooltipbg: #333333;
   // link color
   --bs-link-color: #{$light-primary};
   --bs-link-color-rgb: #{$light-primary-rgb};
-
+  // dropdown link active bg
+  // --bs-dropdown-link-active-bg: #{$light-primary};
+  // form select bg
+  --bs-select-bg: #{$light-primary};
 
   --rt-tooltipbg: #{$light-tooltipbg};
 }
 
 @include color-mode(dark) {
+  // background color
+  --bs-body-bg: #{$dark-bg};
   // primary color
   --bs-primary: #{$dark-primary};
   --bs-primary-rgb: #{$dark-primary-rgb};
@@ -47,6 +70,10 @@ $dark-tooltipbg: #333333;
   // link color
   --bs-link-color: #{$dark-primary};
   --bs-link-color-rgb: #{$dark-primary-rgb};
+  // dropdown link active bg
+  // --bs-dropdown-link-active-bg: #{$dark-primary};
+  // form select bg
+  --bs-select-bg: #{$dark-primary};
 
   --rt-tooltipbg: #{$dark-tooltipbg};
 }