From fb917713e55147c6b0de514924c4867d9e8d5894 Mon Sep 17 00:00:00 2001
From: Felix Morgner <felix.morgner@gmail.com>
Date: Sat, 17 Aug 2024 11:41:43 +0200
Subject: ui: add participant shading color preferences

---
 style/style-dark.css | 29 +++++++++++++++++------------
 style/style.css      |  6 +++---
 2 files changed, 20 insertions(+), 15 deletions(-)

(limited to 'style')

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);
-- 
cgit v1.2.3