config

commit 74adc019bcf03739f5b37da2b4bf8976a4595270
parent 40fbfeb22119fddb675fee827128242308cb824e
Author: Jacob R. Edwards <jacobouno@protonmail.com>
Date:   Sun, 20 Sep 2020 20:02:12 -0700

Rework stylesheet

rename variables to be much shorter.

remove color variables.

tweak some values.

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

1 file changed, 31 insertions(+), 61 deletions(-)
diff --git a/vimb/.config/vimb/style.css b/vimb/.config/vimb/style.css
@@ -1,33 +1,25 @@
-/* Global css stylesheet to make the web a better place.
- *
- * 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.
- */
+/** css stylesheet */
 
 /* variables */
 :root {
-	--background: #000;
-	--background-focus: #090909;
-	--foreground: #fdfdfd;
-	--foreground-focus: #fff;
-	--color-0: #a33;
-	--color-1: #33a;
+	--bg: #000;
+	--bg-focus: #131313;
+	--fg: #fff;
+	--fg-focus: #fff;
+	--href: #4dc;
 }
 
 * {
-	background-color: var(--background)!important;
-	color: var(--foreground)!important;
-	border-color: var(--color-0)!important;
-	border-width: 1px!important;
+	background-color: var(--bg)!important;
+	color: var(--fg)!important;
+
+	border-color: var(--bg-focus)!important;
+	border-width: 0.1em!important;
 	border-radius: none!important;
+
 	background-image: none!important;
 	box-shadow: none!important;
 	text-shadow: none!important;
-	/* I do like strike-through in cases, but underlines can get annoying. */
 	text-decoration: none!important;
 	animation: none!important;
 }
@@ -41,7 +33,7 @@ article {
 }
 
 h1,h2,h3,h4,h5,h6 {
-	color: var(--forground-focus)!important;
+	color: var(--fg-focus)!important;
 	font-weight: normal!important;
 }
 
@@ -49,60 +41,38 @@ p {
 	max-width: 70ch!important;
 }
 
-th {
-	background-color: var(--color-1)!important;
-}
-
-q,blockquote {
-	font-family: serif!important;
-	color: var(--color-0)!important;
-	max-width: 80ch!important;
-}
-
-svg {
-	display: none!important;
-}
-
-
 a {
-	color: var(--color-0)!important;
+	color: var(--href)!important;
 }
 
-a:hover,a:focus,a:visited {
-	color: var(--color-1)!important;
+a:visited,a:hover,a:focus,*[vimbhint='hint focus'] {
+	background-color: var(--bg-focus)!important;
 }
 
 code {
-	background-color: var(--background-focus)!important;
-	color: var(--color-1)!important;
+	background-color: var(--bg-focus)!important;
+	color: var(--fg)!important;
 	display: inline-block!important;
 }
 
 pre {
-	background-color: var(--background-focus)!important;
-	color: var(--color-1)!important;
+	background-color: var(--bg-focus)!important;
 }
 
-/** vimb hinting **/
-/* hint */
-span[vimbhint^='label'] {
-	background-color: var(--foreground)!important;
-	color: var(--background)!important;
-	font: normal 13pt monospace!important;
-	border: none!important;
-	opacity: 1!important;
-}
-
-/* focused hint */
-span[vimbhint='label focus'] {
+q,blockquote {
+	font-family: serif!important;
+	max-width: 80ch!important;
 }
 
-/* href */
-*[vimbhint^='hint'] {
+svg {
+	display: none!important;
 }
 
-/* focused href */
-*[vimbhint='hint focus'] {
-	background-color: var(--foreground-focus)!important;
-	color: var(--background)!important;
+/* vimb hint label */
+span[vimbhint^='label'] {
+	background-color: var(--fg)!important;
+	color: var(--bg)!important;
+	font: normal 13pt monospace!important;
+	border: none!important;
+	opacity: 1!important;
 }