From 23aff78ed6cbe300fb895e11630ecd91632ddb4f Mon Sep 17 00:00:00 2001 From: erdgeist Date: Sun, 26 Jul 2026 22:09:36 +0200 Subject: Fix minor flips in color names --- public/stylesheets/admin.css | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) (limited to 'public/stylesheets/admin.css') diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css index a1136cbd..9ec0129d 100644 --- a/public/stylesheets/admin.css +++ b/public/stylesheets/admin.css @@ -1,10 +1,11 @@ +/* "how much Canvas": 100% = pure Canvas. System colours are UA-defined. */ :root { --text: CanvasText; --surface: Canvas; - --surface-raised: color-mix(in srgb, CanvasText, Canvas 97%); /* #f7f7f7; #fafafa merges here, 3 units darker */ - --surface-tint: color-mix(in srgb, CanvasText, Canvas 94%); /* #f1f1f1; #eee merges here, 3 units lighter */ - --hairline: color-mix(in srgb, CanvasText, Canvas 91%); /* #e8e8e8; #ececec-as-border merges here */ - --hairline-faint: color-mix(in srgb, CanvasText, Canvas 94%); /* #f1f1f1 as border */ + --surface-raised: color-mix(in srgb, CanvasText, Canvas 97%); /* #f7f7f7 */ + --surface-tint: color-mix(in srgb, CanvasText, Canvas 94%); /* #f1f1f1 */ + --hairline: color-mix(in srgb, CanvasText, Canvas 91%); /* #e8e8e8 */ + --hairline-faint: color-mix(in srgb, CanvasText, Canvas 94%); /* #f1f1f1 */ --border: color-mix(in srgb, CanvasText, Canvas 87%); /* #ddd */ --frame-fill: color-mix(in srgb, CanvasText, Canvas 83%); /* lightgrey */ --field-border: color-mix(in srgb, CanvasText, Canvas 60%); /* #989898 */ @@ -30,7 +31,7 @@ --action-solid: #1565c0; /* ...and on hover */ --action-surface: #e3f2fd; - --selected: #1a4d8f; /* pressed toggle, selected thumbnail */ + --selected: #1a4d8f; /* selected thumbnail */ --compute: #00838f; --compute-surface: #e0f2f1; @@ -155,7 +156,7 @@ input[type=radio] { margin: 2rem auto; padding: 1.25rem; border: 1px solid var(--hairline); - border-radius: 6px; + border-radius: var(--radius); } #login_form h1 { @@ -397,7 +398,7 @@ input[type="submit"] { } input[type="submit"]:hover { - color: var(--on-solid); + color: var(--surface); background-color: var(--text); } @@ -426,7 +427,7 @@ input[type="submit"]:hover { #main_navigation a:hover, #main_navigation form.button_to button:hover { - color: var(--on-solid); + color: var(--surface); background-color: var(--text); } @@ -479,7 +480,7 @@ form.button_to svg { .dashboard_widget { flex: 1 1 300px; border: 1px solid var(--hairline); - border-radius: 6px; + border-radius: var(--radius); padding: 0.5rem 0.75rem; } @@ -776,7 +777,7 @@ div.layout_row_content { .layout_row_content.info_group { border: 1px solid var(--hairline); - border-radius: 6px; + border-radius: var(--radius); padding: 0.5rem 0.75rem; } @@ -1024,7 +1025,7 @@ div#admin_layout { #admin_layout a.action_button:hover, .action_button:hover { - color: var(--on-solid);; + color: var(--surface); background-color: var(--text); } -- cgit v1.3