luxferre/kopher
1
0
Fork 0
Code Actions Activity

Improved bold color styling

Browse Source
This commit is contained in:
Luxferre
2023-04-03 13:57:33 +03:00
parent 00cd1ed0a6
commit 23598e0e62
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.css
+17 -13
View File
@@ -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}