luxferre/kopher
1
0
Fork 0
Code Actions Activity

Added basic terminal coloring to the infolines

Browse Source
This commit is contained in:
Luxferre
2023-04-03 12:37:10 +03:00
parent 53f9dc3a46
commit 1bbe1ffd81
4 changed files with 130 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.css
+51
View File
@@ -64,3 +64,54 @@ footer .status {width: 100%; text-overflow: ellipsis; overflow: hidden; white-sp
}
.content a[data-focused="1"] {text-decoration: underline}
/* Terminal infoline styling */
/* modes = ['', 'BB', 'FN', 'IT', 'UL', 'BL', '', 'IN', 'HI', 'ST'] */
/* colors (FC/BC): 0 black, 1 red, 2 green, 3 yellow, 4 blue, 5 magenta, 6 cyan, 7 white */
.content span[data-styling] {
--ds-fg-color: var(--fg-color);
--ds-bg-color: var(--bg-color);
background: var(--ds-bg-color);
color: var(--ds-fg-color);
}
@keyframes strict_blink {
0% {
visibility: hidden
}
50% {
visibility: hidden
}
100% {
visibility: visible
}
}
.content span[data-styling~="BB"] {font-weight: bolder}
.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}
.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~="BC0"] {--ds-bg-color: black}
.content span[data-styling~="BC1"] {--ds-bg-color: red}
.content span[data-styling~="BC2"] {--ds-bg-color: green}
.content span[data-styling~="BC3"] {--ds-bg-color: yellow}
.content span[data-styling~="BC4"] {--ds-bg-color: blue}
.content span[data-styling~="BC5"] {--ds-bg-color: magenta}
.content span[data-styling~="BC6"] {--ds-bg-color: cyan}
.content span[data-styling~="BC7"] {--ds-bg-color: white}