From 17f93bd4481e1a7b769b41f4bfa09097c1edc0c9 Mon Sep 17 00:00:00 2001
From: AlexTheMagnus <i72lulem@uco.es>
Date: Sun, 23 Oct 2022 18:52:53 +0200
Subject: [PATCH 1/3] chore: adapt enable-disable experiment colors to dark
 mode

---
 src/dark.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/dark.css b/src/dark.css
index f5f1451..a6a1446 100644
--- a/src/dark.css
+++ b/src/dark.css
@@ -20,8 +20,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 +87,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: rgb(16, 196, 94) !important;
+}
+
+.icon-light-jade-500 > *[fill][stroke].icon-light-fill,
+.icon-dark-jade-500 > *[fill][stroke].icon-dark-stroke {
+  fill: rgb(16, 196, 94) !important;
+  stroke: rgb(16, 196, 94) !important;
 }
\ No newline at end of file

From f2fe6e8ef2b29f3f8910b831901ec513f3893a88 Mon Sep 17 00:00:00 2001
From: AlexTheMagnus <i72lulem@uco.es>
Date: Sun, 23 Oct 2022 19:39:43 +0200
Subject: [PATCH 2/3] feat: extrac color to css var

---
 src/dark.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/dark.css b/src/dark.css
index a6a1446..08ffb01 100644
--- a/src/dark.css
+++ b/src/dark.css
@@ -6,6 +6,7 @@
   --boder-color: #2e3247;
   --selected-item-background: #2e3247;
   --highlight: #9aa2fc;
+  --enabled-experiment: #10c45e;
 }
 
 main, .bg-white {
@@ -94,11 +95,11 @@ main, .bg-white {
 }
 
 .text-jade-500 {
-  color: rgb(16, 196, 94) !important;
+  color: var(--enabled-experiment) !important;
 }
 
 .icon-light-jade-500 > *[fill][stroke].icon-light-fill,
 .icon-dark-jade-500 > *[fill][stroke].icon-dark-stroke {
-  fill: rgb(16, 196, 94) !important;
-  stroke: rgb(16, 196, 94) !important;
+  fill: var(--enabled-experiment) !important;
+  stroke: var(--enabled-experiment) !important;
 }
\ No newline at end of file

From add553a4954cc8bfa527ca2ab3dbf7fb09324907 Mon Sep 17 00:00:00 2001
From: AlexTheMagnus <i72lulem@uco.es>
Date: Sun, 23 Oct 2022 19:41:51 +0200
Subject: [PATCH 3/3] chore: add last blank line

---
 src/dark.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/dark.css b/src/dark.css
index 08ffb01..03f5a87 100644
--- a/src/dark.css
+++ b/src/dark.css
@@ -102,4 +102,4 @@ main, .bg-white {
 .icon-dark-jade-500 > *[fill][stroke].icon-dark-stroke {
   fill: var(--enabled-experiment) !important;
   stroke: var(--enabled-experiment) !important;
-}
\ No newline at end of file
+}