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] 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;
+  }
+}