commit f565fa907f4338271d097fe0504fa5937772d8d9
parent cb6131f3daf73831269aeaeed0b5d55bce024a95
Author: Jacob R. Edwards <jacobouno@protonmail.com>
Date: Wed, 22 Jul 2020 16:01:12 -0700
Update stylesheet
pulled from my unpublished stylesheet repo (will publish when I get a self
maintained git server opened up)
Diffstat:
1 file changed, 18 insertions(+), 21 deletions(-)
diff --git a/vimb/.config/vimb/style.css b/vimb/.config/vimb/style.css
@@ -1,34 +1,30 @@
-/* global css stylesheet to make the web a better place.
- *
- * looks are white on black with orange or blue for things like a tags. all colors
- * are defined in variables at the top so it's easy to tweak the colors.
- *
- * geometry is left mostly untouched, the exceptions are borders (force '90
- * angles, set width) and code blocks (a block around the text).
- *
- * svg images are disabled.
+/* 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.
+ *
+ * All colors are defined in variables at the top so it's easy to tweak the
+ * colors. svg images and animations are disabled.
*/
-
/* variables */
:root {
--background: #000;
--background-focus: #080808;
--foreground: #aaa;
--foreground-focus: #fff;
- --red: #d3a;
- --blue: #33a;
+ --color-0: #d3a;
+ --color-1: #33a;
}
/* global */
* {
background-color: var(--background)!important;
color: var(--foreground-focus)!important;
- /* borders */
border-color: var(--foreground)!important;
border-width: 0.1rem!important;
border-radius: 0!important;
- /* etc */
background-image: none!important;
box-shadow: none!important;
animation: none!important;
@@ -42,13 +38,13 @@ h1,h2,h3,h4,h5,h6 {
/* table headings */
th {
- background-color: var(--blue)!important;
+ background-color: var(--color-1)!important;
}
-/* quotation */
+/* quotes */
q,blockquote {
font-family: serif!important;
- color: var(--red)!important;
+ color: var(--color-0)!important;
}
/* svg images */
@@ -59,20 +55,21 @@ svg {
/* links */
a {
- color: var(--red)!important;
+ color: var(--color-0)!important;
text-decoration: underline!important;
}
+/* other links */
a:hover,a:focus,a:visited {
- color: var(--blue)!important;
+ color: var(--color-1)!important;
}
-/* pre might benifit from just having background-color set */
+/* NOTE: pre might benifit from just having background-color set */
code,pre {
background-color: var(--background-focus)!important;
background-origin: content-box!important;
display: inline-block!important;
- color: var(--blue)!important;
+ color: var(--color-1)!important;
}
/** vimb hinting **/