commit 06167753b35c9919d4cb2cadf5a26747f6b6bed8
author avm99963 <me@avm99963.com> Tue Sep 08 00:50:36 2020 +0200
committer avm99963 <me@avm99963.com> Tue Sep 08 01:23:39 2020 +0200
tree 975315b9404c500ce6f9b2fe332807339e104281
parent c4cb8f356c87fc17e1c492b3bf9f41047185655d

Add extension icon badge to injected components

Fixes: #8
Change-Id: Id1d0ae4a3da057fb06f5137be2271e293d8f0cd4

src/injections/ccdarktheme.css

diff --git a/src/injections/ccdarktheme.css b/src/injections/ccdarktheme.css
index 8208f05..6c15b0d 100644
--- a/src/injections/ccdarktheme.css
+++ b/src/injections/ccdarktheme.css
@@ -8,7 +8,7 @@
   --TWPT-card-border: #5f6368;
   --TWPT-subtle-border: #383735;
   --TWPT-link: #8ab4f8;
-  --TWPT-thread-read-background: rgba(255, 255, 255, 0.08);
+  --TWPT-thread-read-background: rgba(255, 255, 255, .08);
   --TWPT-drawer-background: #2d2e30;
 }
 

src/injections/ccdarktheme_switch.css

diff --git a/src/injections/ccdarktheme_switch.css b/src/injections/ccdarktheme_switch.css
index c0d94f5..e42342d 100644
--- a/src/injections/ccdarktheme_switch.css
+++ b/src/injections/ccdarktheme_switch.css
@@ -1,4 +1,5 @@
 .TWPT-dark-theme {
+  position: relative;
   padding: 4px 8px;
   cursor: pointer;
 }
@@ -6,3 +7,10 @@
 .TWPT-dark-theme .content {
   padding: 8px;
 }
+
+.TWPT-dark-theme .TWPT-badge {
+  --icon-size: 13px;
+  position: absolute;
+  bottom: 6px;
+  right: 5px;
+}