From c03df9d246dc69aa955e40d76e769e16c563b8cb Mon Sep 17 00:00:00 2001
From: Danny Colin <contact@dannycolin.com>
Date: Fri, 8 Jan 2021 13:11:02 -0500
Subject: [PATCH 1/4] add a dark theme

---
 src/css/popup.css | 71 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)

diff --git a/src/css/popup.css b/src/css/popup.css
index 543936e..017ffe4 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -64,6 +64,7 @@ body {
   --icon-fit: 8;
 }
 
+
 @media (min-resolution: 1dppx) {
   html {
     font-size: 14px;
@@ -931,3 +932,73 @@ tr > td > .trash-button {
 tr:hover > td > .trash-button {
   display: block;
 }
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --title-text-color: #fff;
+    --text-normal-color: #f9f9fa;
+    --text-heading-color: #fff;
+  }
+  html {
+    background-color: #4a4a4a;
+  }
+  body {
+    color: #fff;
+
+    --hr-grey: #38383d;
+    --text-grey: #f9f9fa;
+  }
+  h3.title {
+    color: #fff;
+  }
+  .bottom-btn {
+    background-color: #737373;
+    border: solid 1px #737373;
+  }
+  .btn-return.arrow-left {
+    background-color: transparent;
+  }
+  .onboarding-title,
+  .delete-container-confirm-title {
+    color: #ededf0;
+  }
+  input {
+    border: solid 1px #737373;
+  }
+  #edit-container-panel-name-input {
+    background-color: #38383d;
+    color: #fff;
+  }
+  .delete-container {
+  	background-color: #4a4a4a;
+  }
+  .delete-btn {
+    background-color: #737373;
+    color: #f9f9fa;
+  }
+  .cancel-button,
+  .grey-button {
+    background-color: #737373;
+    color: #fff;
+  }
+  .button.secondary:hover,
+  .button.secondary:focus {
+  	background-color: #676767;
+  }
+  .panel-footer {
+    border-block-end: solid 1px #4a4a4a;
+  }
+  img.menu-icon,
+  .menu-icon > img,
+  .menu-arrow > img,
+  .info-icon > img,
+  .btn-return.arrow-left {
+    filter: invert(1);
+  }
+  [data-identity-color="grey"] {
+  	--identity-icon-color: #ededf0;
+  }
+  [type="radio"]:checked + [data-identity-color="grey"] {
+  	--identity-icon-color: #616161;
+  }
+}

From d7688cb1f53a8e1bd14dcce811d2d1a4a2644e28 Mon Sep 17 00:00:00 2001
From: Danny Colin <contact@dannycolin.com>
Date: Fri, 8 Jan 2021 13:19:18 -0500
Subject: [PATCH 2/4] fix stylelint errors

---
 src/css/popup.css | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index 017ffe4..c76b3ad 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -64,7 +64,6 @@ body {
   --icon-fit: 8;
 }
 
-
 @media (min-resolution: 1dppx) {
   html {
     font-size: 14px;
@@ -939,55 +938,69 @@ tr:hover > td > .trash-button {
     --text-normal-color: #f9f9fa;
     --text-heading-color: #fff;
   }
+
   html {
     background-color: #4a4a4a;
   }
+
   body {
     color: #fff;
 
     --hr-grey: #38383d;
     --text-grey: #f9f9fa;
   }
+
   h3.title {
     color: #fff;
   }
+
   .bottom-btn {
     background-color: #737373;
     border: solid 1px #737373;
   }
+
   .btn-return.arrow-left {
     background-color: transparent;
   }
+
   .onboarding-title,
   .delete-container-confirm-title {
     color: #ededf0;
   }
+
   input {
     border: solid 1px #737373;
   }
+
   #edit-container-panel-name-input {
     background-color: #38383d;
     color: #fff;
   }
+
   .delete-container {
-  	background-color: #4a4a4a;
+    background-color: #4a4a4a;
   }
+
   .delete-btn {
     background-color: #737373;
     color: #f9f9fa;
   }
+
   .cancel-button,
   .grey-button {
     background-color: #737373;
     color: #fff;
   }
+
   .button.secondary:hover,
   .button.secondary:focus {
-  	background-color: #676767;
+    background-color: #676767;
   }
+
   .panel-footer {
     border-block-end: solid 1px #4a4a4a;
   }
+
   img.menu-icon,
   .menu-icon > img,
   .menu-arrow > img,
@@ -995,10 +1008,12 @@ tr:hover > td > .trash-button {
   .btn-return.arrow-left {
     filter: invert(1);
   }
+
   [data-identity-color="grey"] {
-  	--identity-icon-color: #ededf0;
+    --identity-icon-color: #ededf0;
   }
+
   [type="radio"]:checked + [data-identity-color="grey"] {
-  	--identity-icon-color: #616161;
+    --identity-icon-color: #616161;
   }
 }

From 6b73cee79efa10c590e9bb35c5aff9a0a2622b66 Mon Sep 17 00:00:00 2001
From: Danny Colin <contact@dannycolin.com>
Date: Sun, 10 Jan 2021 18:59:16 -0500
Subject: [PATCH 3/4] fix gradient colors in open tabs list

---
 src/css/popup.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/css/popup.css b/src/css/popup.css
index c76b3ad..ec00a8c 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -1009,6 +1009,16 @@ tr:hover > td > .trash-button {
     filter: invert(1);
   }
 
+  #edit-sites-assigned .menu-icon,
+  #container-info-table .menu-icon {
+    filter: invert(0);
+  }
+
+  .truncate-text::after {
+  	background: #4a4a4a;
+  	mask-image: linear-gradient(to right, transparent, #4a4a4a 70%);
+  }
+
   [data-identity-color="grey"] {
     --identity-icon-color: #ededf0;
   }

From 0c04b83207e481b836593a444d50b787ae0d7a9d Mon Sep 17 00:00:00 2001
From: Danny Colin <contact@dannycolin.com>
Date: Sun, 10 Jan 2021 19:02:28 -0500
Subject: [PATCH 4/4] fix css indentations

---
 src/css/popup.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index ec00a8c..cdfef70 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -1015,8 +1015,8 @@ tr:hover > td > .trash-button {
   }
 
   .truncate-text::after {
-  	background: #4a4a4a;
-  	mask-image: linear-gradient(to right, transparent, #4a4a4a 70%);
+    background: #4a4a4a;
+    mask-image: linear-gradient(to right, transparent, #4a4a4a 70%);
   }
 
   [data-identity-color="grey"] {