diff options
| author | Felix Morgner <felix.morgner@gmail.com> | 2024-08-17 11:41:43 +0200 |
|---|---|---|
| committer | Felix Morgner <felix.morgner@gmail.com> | 2024-08-17 11:41:43 +0200 |
| commit | fb917713e55147c6b0de514924c4867d9e8d5894 (patch) | |
| tree | 5668c2772759a5b4d01cbca15cc03ce36199cbed /style | |
| parent | 46c93e74067de844b35c1249122fcf878a0db924 (diff) | |
| download | turns-fb917713e55147c6b0de514924c4867d9e8d5894.tar.xz turns-fb917713e55147c6b0de514924c4867d9e8d5894.zip | |
ui: add participant shading color preferences
Diffstat (limited to 'style')
| -rw-r--r-- | style/style-dark.css | 29 | ||||
| -rw-r--r-- | style/style.css | 6 |
2 files changed, 20 insertions, 15 deletions
diff --git a/style/style-dark.css b/style/style-dark.css index 6a060da..928264a 100644 --- a/style/style-dark.css +++ b/style/style-dark.css @@ -1,25 +1,30 @@ -button.disposition-hostile { - background-color: mix(shade(@red_3, 0.8), @window_bg_color, 0.5); +@define-color hostile #e01b24; +@define-color friendly #33d17a; +@define-color secret #9141ac; + + +.disposition-hostile { + background-color: mix(shade(@hostile, 0.8), @window_bg_color, 0.5); } -button:checked.disposition-hostile { - background-color: mix(shade(@red_3, 0.5), @window_bg_color, 0.5); +:checked.disposition-hostile { + background-color: mix(shade(@hostile, 0.5), @window_bg_color, 0.5); } -button.disposition-friendly { - background-color: mix(shade(@green_3, 0.8), @window_bg_color, 0.5); +.disposition-friendly { + background-color: mix(shade(@friendly, 0.8), @window_bg_color, 0.5); } -button:checked.disposition-friendly { - background-color: mix(shade(@green_3, 0.5), @window_bg_color, 0.5); +:checked.disposition-friendly { + background-color: mix(shade(@friendly, 0.5), @window_bg_color, 0.5); } -button.disposition-secret { - background-color: mix(shade(@purple_3, 0.8), @window_bg_color, 0.5); +.disposition-secret { + background-color: mix(shade(@secret, 0.8), @window_bg_color, 0.5); } -button:checked.disposition-secret { - background-color: mix(shade(@purple_3, 0.5), @window_bg_color, 0.5); +:checked.disposition-secret { + background-color: mix(shade(@secret, 0.5), @window_bg_color, 0.5); } .active-participant { diff --git a/style/style.css b/style/style.css index 78be454..a185c9b 100644 --- a/style/style.css +++ b/style/style.css @@ -1,6 +1,6 @@ -@define-color hostile @red_3; -@define-color friendly @green_3; -@define-color secret @purple_3; +@define-color hostile #e01b24; +@define-color friendly #33d17a; +@define-color secret #9141ac; .disposition-hostile { background-color: mix(shade(@hostile, 1.6), @window_bg_color, 0.5); |