Customize my tridactyl theme, and add and use light variant

[~bandali/configs] / .config / tridactyl / themes / bandali-dark.css

diff --git a/.config/tridactyl/themes/bandali-dark.css b/.config/tridactyl/themes/bandali-dark.css
index 153dc19..bc152ab 100644 (file)
--- a/.config/tridactyl/themes/bandali-dark.css
+++ b/.config/tridactyl/themes/bandali-dark.css
@@ -3,29 +3,36 @@
   repository, under the Apache License, Version 2.0 (Apache-2.0).
 
   https://github.com/tridactyl/tridactyl/blob/0eeaf15b0648ed1d807386b9ce34642992f71d1d/src/static/themes/midnight/midnight.css
+
+  I'm making my further changes available under the same license.
 */
 
 :root {
-    --tridactyl-font-family: "San Francisco", sans-serif;
-    --tridactyl-bg: #161a20; 
+    /* --tridactyl-font-family: "San Francisco", sans-serif; */
+    --tridactyl-font-family: sans-serif;
+    --tridactyl-bg: #161a20;
     --tridactyl-fg: white;
 
     --tridactyl-status-font-size: 12px;
-    --tridactyl-status-font-family: "Fira Code", "San Francisco";
+    /* --tridactyl-status-font-family: "Fira Code", "San Francisco"; */
     --tridactyl-status-font-bg: var(--tridactyl-cmdl-bg);
     --tridactyl-status-border: 2px solid black;
     --tridactyl-status-border-radius: 4px;
 
     --tridactyl-header-font-size: 16px;
-    
+
     --tridactyl-of-fg: black;
-    --tridactyl-of-bg: #FFD662;
+    /* --tridactyl-of-bg: #FFD662; */
+    --tridactyl-of-bg: #FFD700;
 
     --tridactyl-hintspan-fg: white;
     --tridactyl-hintspan-bg: #204e8a;
 
-    --tridactyl-hint-active-fg: #333;
-    --tridactyl-hint-active-bg: #006E51;
+    /* --tridactyl-hint-active-fg: #333; */
+    --tridactyl-hint-active-fg: black;
+    /* --tridactyl-hint-active-bg: #006E51; */
+    /* --tridactyl-hint-active-bg: #91b6e6; */
+    --tridactyl-hint-active-bg: var(--tridactyl-of-bg);
     --tridactyl-hint-active-outline: 1px solid #000;
 
     --tridactyl-hint-bg: rgba(13, 31, 54, 0.25);
@@ -33,7 +40,7 @@
 
     --tridactyl-cmdl-font-size: 1.5rem;
     --tridactyl-cmplt-option-height: 1.9em;
-    
+
     --tridactyl-border-radius: 4px;
 }
 
@@ -43,12 +50,13 @@
 }
 
 :root.TridactylOwnNamespace a {
-    color: #3b84ef;
+    /* color: #3b84ef; */
+    color: #acdeff;
 }
 
 :root.TridactylOwnNamespace code {
     background-color: #2a333c;
-    padding: 3px 7px;
+    /* padding: 3px 7px; */
 }
 
 :root #command-line-holder {
@@ -134,3 +142,11 @@
     font-weight: 200 !important;
     padding: 5px !important;
 }
+
+:root .TridactylPrivate {
+    background: purple !important;
+}
+
+:root .TridactylHintActive, :root .TridactylHintActive > * {
+    color: var(--tridactyl-hint-active-fg) !important;
+}