config

commit 71bbbb6a0d0a3a7f7d32fc399cdc737836c17882
parent d5e1e8a4948da1af8e40ef2ac38abaeef9573eb3
Author: Jacob R. Edwards <jacobouno@protonmail.com>
Date:   Wed, 22 Jul 2020 23:29:34 -0700

Update stylesheet

Diffstat:
M
vimb/.config/vimb/style.css
 | 
29
++++++++++++++++-------------

1 file changed, 16 insertions(+), 13 deletions(-)
diff --git a/vimb/.config/vimb/style.css b/vimb/.config/vimb/style.css
@@ -1,9 +1,9 @@
 /* Global css stylesheet to make the web a better place.
- * 
- * It's looks are white on black with pink for things like `a` tags and blue for
- * code, tables, visited links, etc. Geometry is left mostly untouched, the
- * exceptions are borders, code and, interestingly, pre tags.
- * 
+ *
+ * It's looks are white on black with color-0 for things like `a` tags and
+ * color-1 for code, tables, visited links, etc. Geometry is left mostly
+ * untouched, the exceptions are borders, code and, interestingly, pre tags.
+ *
  * All colors are defined in variables at the top so it's easy to tweak the
  * colors. svg images and animations are disabled.
  */
@@ -11,17 +11,17 @@
 /* variables */
 :root {
     --background: #000;
-    --background-focus: #080808;
-    --foreground: #aaa;
+    --background-focus: #00000a;
+    --foreground: #efefef;
     --foreground-focus: #fff;
-    --color-0: #d3a;
-    --color-1: #33a;
+    --color-0: #afa;
+    --color-1: #aff;
 }
 
 /* global */
 * {
     background-color: var(--background)!important;
-    color: var(--foreground-focus)!important;
+    color: var(--foreground)!important;
     border-color: var(--foreground)!important;
     border-width: 0.1rem!important;
     border-radius: 0!important;
@@ -64,11 +64,14 @@ a:hover,a:focus,a:visited {
     color: var(--color-1)!important;
 }
 
-/* NOTE: pre might benifit from just having background-color set */
-code,pre {
+code {
     background-color: var(--background-focus)!important;
-    background-origin: content-box!important;
+    color: var(--color-1)!important;
     display: inline-block!important;
+}
+
+pre {
+    background-color: var(--background-focus)!important;
     color: var(--color-1)!important;
 }