diff --git a/data/static/css/style.css b/data/static/css/style.css index fd5167f..946db0c 100644 --- a/data/static/css/style.css +++ b/data/static/css/style.css @@ -104,7 +104,10 @@ button, .linkbutton, input[type="submit"] { border: solid var(--border-thickness) var(--border-color); background: linear-gradient(var(--top-color) 0%, var(--top-color2) 25%, var(--main-color) 26%, var(--main-color) 50%, var(--bottom-color) 100%); box-shadow: inset 0px 2px 5px 3px var(--inset-color); - color: var(--font-color); +/* color: var(--font-color); */ + /* HACK: better than contrast-color on critical */ + /* https://css-tricks.com/approximating-contrast-color-with-other-css-features/ */ + color: oklch(from var(--main-color) round(1.21 - L) 0 0); text-decoration: none; user-select: none; @@ -405,10 +408,10 @@ ul.horizontal, ol.horizontal { .infobox { --main-color: var(--infobox-color); justify-content: start; + color: oklch(from var(--main-color) round(1.21 - L) 0 0); &.critical { --main-color: hsl(from var(--critical-color) h 50% calc(l * 0.7)); - color: var(--font-color-anti); } &.warn {