yagich/pyrom
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

auto-color buttons

Browse Source
This commit is contained in:
Lera Elvoé
2026-04-21 04:36:16 +03:00
parent ed4d4191d7
commit 3d7188eb71
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
data/static/css/style.css
View File

@@ -104,7 +104,10 @@ button, .linkbutton, input[type="submit"] {
border: solid var(--border-thickness) var(--border-color); 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%); 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); 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; text-decoration: none;
user-select: none; user-select: none;
@@ -405,10 +408,10 @@ ul.horizontal, ol.horizontal {
.infobox { .infobox {
--main-color: var(--infobox-color); --main-color: var(--infobox-color);
justify-content: start; justify-content: start;
color: oklch(from var(--main-color) round(1.21 - L) 0 0);
&.critical { &.critical {
--main-color: hsl(from var(--critical-color) h 50% calc(l * 0.7)); --main-color: hsl(from var(--critical-color) h 50% calc(l * 0.7));
color: var(--font-color-anti);
} }
&.warn { &.warn {