commit 23fbebf50ff59f701b21e400b97df4626830cb6c
parent e73903f42161a3d8030668f24a6b35b6fa93b9d8
Author: jacob@thinkpad <jacobouno@protonmail.com>
Date: Sun, 10 May 2020 17:41:56 -0700
massive changes including the use of variables
Diffstat:
1 file changed, 51 insertions(+), 37 deletions(-)
diff --git a/vimb/.config/vimb/style.css b/vimb/.config/vimb/style.css
@@ -1,23 +1,53 @@
-/* dark theme */
-*,div,pre,textarea,body,input,td,tr,p {
- background-color: #0a0a10!important;
- background-color: #111!important;
- background-image: none !important;
- color: #f1f1f1 !important;
+/*
+ * Vimb specific stylesheet by Jacob R. Edwards. [https://github.com/jacobs-github]
+ * Original: [https://fanglingsu.github.io/vimb/howto.html#commented-sample-config]
+ *
+ * Features:
+ * - variables
+ *
+ * Style:
+ * - mainly dark backgrounds and white text with blue and orange highlights.
+ * - images are dimmed unless you hover over them.
+ * - scrollbar is disabled (when using webkit)
+ * - 90' angle borders
+ */
+
+/* variables */
+:root {
+ --background: #111;
+ --foreground: #f1f1f1;
+ --red: #fa3a3a;
+ --green: #3afa3a;
+ --blue: #3a3afa;
+}
+
+/* global */
+*,span,div,pre,textarea,body,input,td,tr,p {
+ background-color: var(--background)!important;
+ color: var(--foreground)!important;
+ background-image: none!important;
+ border-color: var(--blue)!important;
+ border-radius: 0!important;
+ box-shadow: none!important;
}
+
+/* headers */
h1,h2,h3,h4 {
- /* background-color: #303030 !important; */
- color: #ffffff !important;
+ color: var(--foreground)!important;
}
+
+/* links: normal, hovering, and visited */
a {
- color: #fa3a3a !important;
+ color: var(--red)!important;
}
a:hover,a:focus {
- color: #3afa3a !important;
+ color: var(--green)!important;
}
a:visited {
- color: #3a3afa !important;
+ color: var(--blue)!important;
}
+
+/* image */
img {
opacity: .4;
}
@@ -25,34 +55,18 @@ img:hover {
opacity: 1;
}
-/* Hint mode color styling
- * Color scheme: Base16 Eighties (https://github.com/chriskempson/base16)
- *
- * The precedence of the user style is lower than that of the website so you
- * have to mark your style definition to have higher priority.
- */
+/* scroll bar */
+body::-webkit-scrollbar {
+ display: none;
+}
+
+/* vimb hinting */
span[vimbhint^='label'] {
- background-color: #0a0a0a !important;
- border: 1px solid #3a3a3a !important;
- color: #fff !important;
- font: normal 10pt monospace !important;
- opacity: 1 !important;
+ font: normal 10pt monospace!important;
+ text-transform: uppercase!important;
+ opacity: 1!important;
padding: .1em .4em !important;
- text-transform: uppercase !important;
}
span[vimbhint='label focus'] {
- font: bold 10pt monospace !important;
-}
-*[vimbhint^='hint'] {
- background-color: #2a2a2a !important;
- color: #5a5a5a !important;
-}
-*[vimbhint='hint focus'] {
- background-color: #6699cc !important;
- color: #2d2d2d !important;
-}
-
-/* disable scroll bar */
-body::-webkit-scrollbar {
- display: none;
+ color: var(--red)!important;
}