commit 4d108d46b1fece2d8e009b97726acb49276c4698
parent bdeceb3f9b4f0db2bc9568cde65e6a243e28b876
Author: Jacob R. Edwards <jacobouno@protonmail.com>
Date: Fri, 17 Jul 2020 19:19:01 -0700
Document style.css
sort some options
add more comments
Diffstat:
1 file changed, 30 insertions(+), 19 deletions(-)
diff --git a/vimb/.config/vimb/style.css b/vimb/.config/vimb/style.css
@@ -1,53 +1,62 @@
-/*
- * vimb specific stylesheet by Jacob R. Edwards. [https://github.com/jacobs-github]
- * original: [https://fanglingsu.github.io/vimb/howto.html#commented-sample-config]
+/* global css stylesheet to make the web a better place.
*
- * how it looks:
- * - dark backgrounds white text, and limited orange and blue highlights.
- * - sharp borders
- * - no images
-*/
+ * 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.
+ */
+
+/* variables */
:root {
--background: #000;
--background-focus: #0a0a0a;
--foreground: #dfdfdf;
--foreground-focus: #fff;
--red: #fa3a3a;
- --green: #3afa3a;
--blue: #3a3aaa;
}
+/* global */
* {
background-color: var(--background)!important;
color: var(--foreground-focus)!important;
- background-image: none!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;
- border-width: 0.1rem!important;
- border-color: var(--foreground)!important;
-}
-
-svg {
- display: none!important;
}
+/* headings */
h1,h2,h3,h4,h5,h6 {
font-family: serif!important;
color: var(--forground-focus)!important;
}
+/* table headings */
+th {
+ background-color: var(--blue)!important;
+}
+
/* quotation */
q,blockquote {
font-family: serif!important;
color: var(--red)!important;
}
-/* table headings */
-th {
- background-color: var(--blue)!important;
+/* svg images */
+svg {
+ display: none!important;
}
+
+/* links */
a {
color: var(--red)!important;
text-decoration: underline!important;
@@ -64,6 +73,8 @@ code {
color: var(--blue)!important;
}
+
+/** vimb hinting **/
/* hint */
span[vimbhint^='label'] {
background-color: var(--foreground)!important;