Merge pull request #6 from AlexTheMagnus/adapt_experiment_indicator_to_darkmode

Feat: Adapt active experiment indicator to darkmode

Author: AlexTheMagnus

src/dark.css

@@ -6,6 +6,7 @@
   --boder-color: #2e3247;
   --selected-item-background: #2e3247;
   --highlight: #9aa2fc;
+  --enabled-experiment: #10c45e;
 }
 
 main, .bg-white {
@@ -20,8 +21,11 @@ main, .bg-white {
   color: var(--light-element) !important;
 }
 
-.icon-dark-gray-600 > *[fill].icon-dark {
+.icon-dark-gray-600 > *[fill].icon-dark,
+.icon-light-gray-50 > *[fill][stroke].icon-light-fill,
+.icon-dark-gray-200 > *[fill][stroke].icon-dark-stroke {
   fill: var(--light-element) !important;
+  stroke: var(--light-element) !important;
 }
 
 .icon-dark-white > *[fill].icon-dark, *[fill].icon-dark-gray-500, .icon-light-gray-50 > *[fill].icon-light {
@@ -84,4 +88,18 @@ main, .bg-white {
 
 .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--boder-color) !important;
-}
+}
+
+.icon-light-fill {
+  fill: var(--light-element) !important;
+}
+
+.text-jade-500 {
+  color: var(--enabled-experiment) !important;
+}
+
+.icon-light-jade-500 > *[fill][stroke].icon-light-fill,
+.icon-dark-jade-500 > *[fill][stroke].icon-dark-stroke {
+  fill: var(--enabled-experiment) !important;
+  stroke: var(--enabled-experiment) !important;
+}