3 files changed, 81 insertions, 0 deletions
diff --git a/gui/style/CMakeLists.txt b/gui/style/CMakeLists.txt
new file mode 100644
index 0000000..8ddbae8
--- /dev/null
+++ b/gui/style/CMakeLists.txt
@@ -0,0 +1,18 @@
+add_library("style")
+
+add_library("turns::style" ALIAS "style")
+
+target_add_glib_resources("style"
+  PREFIX "ch/arknet/Turns"
+  CSS_FILES
+  "style.css"
+  "style-dark.css"
+)
+
+target_link_libraries("style" PUBLIC
+  "PkgConfig::giomm"
+  PRIVATE
+  "$<$<AND:$<CXX_COMPILER_ID:GNU,Clang>,$<CONFIG:Debug>>:gcov>"
+)
+
+enable_coverage("style")
diff --git a/gui/style/style-dark.css b/gui/style/style-dark.css
new file mode 100644
index 0000000..928264a
--- /dev/null
+++ b/gui/style/style-dark.css
@@ -0,0 +1,32 @@
+@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);
+}
+
+:checked.disposition-hostile {
+  background-color: mix(shade(@hostile, 0.5), @window_bg_color, 0.5);
+}
+
+.disposition-friendly {
+  background-color: mix(shade(@friendly, 0.8), @window_bg_color, 0.5);
+}
+
+:checked.disposition-friendly {
+  background-color: mix(shade(@friendly, 0.5), @window_bg_color, 0.5);
+}
+
+.disposition-secret {
+  background-color: mix(shade(@secret, 0.8), @window_bg_color, 0.5);
+}
+
+:checked.disposition-secret {
+  background-color: mix(shade(@secret, 0.5), @window_bg_color, 0.5);
+}
+
+.active-participant {
+  background-color: mix(shade(@accent_bg_color, 0.5), @card_bg_color, 0.5);
+}
+\ No newline at end of file
diff --git a/gui/style/style.css b/gui/style/style.css
new file mode 100644
index 0000000..a185c9b
--- /dev/null
+++ b/gui/style/style.css
@@ -0,0 +1,31 @@
+@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);
+}
+
+:checked.disposition-hostile {
+  background-color: mix(shade(@hostile, 1), @window_bg_color, 0.5);
+}
+
+.disposition-friendly {
+  background-color: mix(shade(@friendly, 1.6), @window_bg_color, 0.5);
+}
+
+:checked.disposition-friendly {
+  background-color: mix(shade(@friendly, 1), @window_bg_color, 0.5);
+}
+
+.disposition-secret {
+  background-color: mix(shade(@secret, 1.6), @window_bg_color, 0.5);
+}
+
+:checked.disposition-secret {
+  background-color: mix(shade(@secret, 1), @window_bg_color, 0.5);
+}
+
+.active-participant {
+  background-color: mix(shade(@accent_bg_color, 1.5), @card_bg_color, 0.5);
+}
+\ No newline at end of file