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/style-dark.css | |
| parent | 46c93e74067de844b35c1249122fcf878a0db924 (diff) | |
| download | turns-fb917713e55147c6b0de514924c4867d9e8d5894.tar.xz turns-fb917713e55147c6b0de514924c4867d9e8d5894.zip | |
ui: add participant shading color preferences
Diffstat (limited to 'style/style-dark.css')
| -rw-r--r-- | style/style-dark.css | 29 |
1 files changed, 17 insertions, 12 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 { |