From c9e5626be631521e3ae48e52c2e9937b0c222a83 Mon Sep 17 00:00:00 2001
From: overdodactyl <pjohns33@protonmail.com>
Date: Sun, 15 Apr 2018 11:59:47 -0600
Subject: [PATCH] add variables

---
 .../webextension-tweaks/pocket.css            | 40 +++++++------------
 .../webextension-tweaks/tridactyl.css         | 10 ++---
 .../webextension-tweaks/ublock_origin.css     |  6 +--
 3 files changed, 21 insertions(+), 35 deletions(-)

diff --git a/css/userContent-files/webextension-tweaks/pocket.css b/css/userContent-files/webextension-tweaks/pocket.css
index 57691af..c5c990d 100644
--- a/css/userContent-files/webextension-tweaks/pocket.css
+++ b/css/userContent-files/webextension-tweaks/pocket.css
@@ -1,33 +1,23 @@
-.pkt_ext_containersaved h2 {
-  color: var(--tone-4)!important
+.pkt_ext_containersaved h2,
+.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder,
+.token-input-dropdown-tag ul li {
+  color: var(--in-content-page-color)!important
 }
-.pkt_ext_containersaved .pkt_ext_tag_detail {
-  border-color: var(--tone-5)!important;
-  background: var(--tone-6)!important
-}
-.pkt_ext_containersaved .pkt_ext_tag_input_wrapper {
-  background-color: var(--tone-6)!important;
-  border-color: var(--tone-5)!important
-}
-.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder {
-  color: var(--tone-4)!important
+.pkt_ext_containersaved .pkt_ext_tag_detail,
+.pkt_ext_containersaved .pkt_ext_tag_input_wrapper,
+.token-input-dropdown-tag  {
+  border-color: var(--in-content-box-border-color)!important;
+  background: var(--in-content-box-background)!important
 }
 .pkt_ext_containersaved .pkt_ext_tag_input_wrapper input {
-  background-color: var(--tone-6)!important;
-  color: var(--tone-4)!important
+  background-color: var(--in-content-box-background)!important;
+  color: var(--in-content-page-color)!important
 }
 .pkt_ext_containersaved .pkt_ext_btn {
-  background: var(--tone-8)!important
+  background: var(--in-content-category-header-background)!important
 }
 .pkt_ext_containersaved .token-input-token {
-  border-color: var(--tone-5)!important;
-  background-color: var(--tone-7)!important;
-  color: var(--tone-4)!important
+  border-color: var(--in-content-box-border-color)!important;
+  background-color: var(--in-content-table-border-dark-color)!important;
+  color: var(--in-content-page-color)!important
 }
-.token-input-dropdown-tag {
-  background: var(--tone-6)!important;
-  border-color: var(--tone-5)!important
-}
-.token-input-dropdown-tag ul li {
-  color: var(--tone-4)!important
-}
\ No newline at end of file
diff --git a/css/userContent-files/webextension-tweaks/tridactyl.css b/css/userContent-files/webextension-tweaks/tridactyl.css
index d29209c..9791c2d 100644
--- a/css/userContent-files/webextension-tweaks/tridactyl.css
+++ b/css/userContent-files/webextension-tweaks/tridactyl.css
@@ -15,8 +15,9 @@
     background: var(--in-content-category-header-background)!important;
     border-color: var(--in-content-category-header-background)!important
   }
-  body {
-    color: var(--tone-4)!important
+  body,
+  table {
+    color: var(--in-content-page-color)!important
   }
   a:link {
     color: var(--in-content-link-color)!important
@@ -28,10 +29,7 @@
   #completions {
     overflow: visible!important;
     background: var(--in-content-page-background)!important;
-    border-color: var(--tone-5)!important
-  }
-  table {
-    color: var(--tone-4)!important
+    border-color: var(--in-content-box-border-color)!important
   }
   .option:not(.focused) .url {
     color: var(--code-green)!important;
diff --git a/css/userContent-files/webextension-tweaks/ublock_origin.css b/css/userContent-files/webextension-tweaks/ublock_origin.css
index 4dff029..c2fced8 100644
--- a/css/userContent-files/webextension-tweaks/ublock_origin.css
+++ b/css/userContent-files/webextension-tweaks/ublock_origin.css
@@ -80,7 +80,8 @@
     color: var(--tone-2)!important
   }
   #extraTools,
-  h2 {
+  h2,
+  #extraTools > span > span.badge {
     background-color: var(--tone-8)!important;
     color: var(--tone-4)!important
   }
@@ -88,9 +89,6 @@
     background-color: var(--tone-8)!important;
     border-color: var(--tone-5)!important
   }
-  #extraTools > span > span.badge {
-    color: var(--tone-4)!important
-  }
   #firewallContainer > div {
     background-color: var(--tone-6)!important
   }