kopher

commit 23598e0e62ee25dc5cef4212e162e77c3eab4256
parent 00cd1ed0a60532ad9a68d8a3a13fee58f00235ca
Author: Luxferre <lux@ferre>
Date:   Mon,  3 Apr 2023 13:57:33 +0300

Improved bold color styling

Diffstat:
M
app.css
 | 
30
+++++++++++++++++-------------

1 file changed, 17 insertions(+), 13 deletions(-)
diff --git a/app.css b/app.css
@@ -78,33 +78,37 @@ footer .status {width: 100%; text-overflow: ellipsis; overflow: hidden; white-sp
 }
 
 @keyframes strict_blink {
-  0% {
-    visibility: hidden
-  }
-  50% {
-    visibility: hidden
-  }
-  100% {
-    visibility: visible
-  }
+  0% {visibility: hidden}
+  50% {visibility: hidden}
+  100% {visibility: visible}
 }
 
-.content span[data-styling~="BB"] {font-weight: bolder}
+.content span[data-styling~="BB"] {font-weight: bold}
+.content span[data-styling~="FN"] {font-weight: lighter}
 .content span[data-styling~="IT"] {font-style: italic}
 .content span[data-styling~="UL"] {text-decoration: underline}
 .content span[data-styling~="BL"] {animation: 2s linear infinite strict_blink}
 .content span[data-styling~="IN"] {background:var(--ds-fg-color);color:var(--ds-bg-color)}
 .content span[data-styling~="HI"] {visibility: hidden}
 .content span[data-styling~="ST"] {text-decoration: line-through}
-
-.content span[data-styling~="FC0"] {--ds-fg-color: black}
+/* normal color variants */
+.content span[data-styling~="FC0"] {--ds-fg-color: #111}
 .content span[data-styling~="FC1"] {--ds-fg-color: red}
 .content span[data-styling~="FC2"] {--ds-fg-color: green}
 .content span[data-styling~="FC3"] {--ds-fg-color: yellow}
 .content span[data-styling~="FC4"] {--ds-fg-color: blue}
 .content span[data-styling~="FC5"] {--ds-fg-color: magenta}
 .content span[data-styling~="FC6"] {--ds-fg-color: cyan}
-.content span[data-styling~="FC7"] {--ds-fg-color: white}
+.content span[data-styling~="FC7"] {--ds-fg-color: #fff}
+/* bright/bold color variants */
+.content span[data-styling~="FC0"][data-styling~="BB"] {--ds-fg-color: black}
+.content span[data-styling~="FC1"][data-styling~="BB"] {--ds-fg-color: red}
+.content span[data-styling~="FC2"][data-styling~="BB"] {--ds-fg-color: lime}
+.content span[data-styling~="FC3"][data-styling~="BB"] {--ds-fg-color: yellow}
+.content span[data-styling~="FC4"][data-styling~="BB"] {--ds-fg-color: deepskyblue}
+.content span[data-styling~="FC5"][data-styling~="BB"] {--ds-fg-color: fuchsia}
+.content span[data-styling~="FC6"][data-styling~="BB"] {--ds-fg-color: cyan}
+.content span[data-styling~="FC7"][data-styling~="BB"] {--ds-fg-color: white}
 
 .content span[data-styling~="BC0"] {--ds-bg-color: black}
 .content span[data-styling~="BC1"] {--ds-bg-color: red}