app: move ui code to ui library

3 files changed, 72 insertions, 0 deletions

diff --git a/style/CMakeLists.txt b/style/CMakeLists.txt
new file mode 100644
index 0000000..8ddbae8
--- /dev/null
+++ b/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/style/style-dark.css b/style/style-dark.css
new file mode 100644
index 0000000..926150f
--- /dev/null
+++ b/style/style-dark.css
@@ -0,0 +1,27 @@
+button.disposition-hostile {
+  background-color: mix(shade(@red_3, 0.8), @window_bg_color, 0.5);
+}
+
+button:checked.disposition-hostile {
+  background-color: mix(shade(@red_3, 0.5), @window_bg_color, 0.5);
+}
+
+button.disposition-friendly {
+  background-color: mix(shade(@green_3, 0.8), @window_bg_color, 0.5);
+}
+
+button:checked.disposition-friendly {
+  background-color: mix(shade(@green_3, 0.5), @window_bg_color, 0.5);
+}
+
+button.disposition-secret {
+  background-color: mix(shade(@purple_1, 0.8), @window_bg_color, 0.5);
+}
+
+button:checked.disposition-secret {
+  background-color: mix(shade(@purple_1, 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/style/style.css b/style/style.css
new file mode 100644
index 0000000..fbc70ad
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,27 @@
+button.disposition-hostile {
+  background-color: mix(shade(@red_3, 1.6), @window_bg_color, 0.5);
+}
+
+button:checked.disposition-hostile {
+  background-color: mix(shade(@red_3, 1), @window_bg_color, 0.5);
+}
+
+button.disposition-friendly {
+  background-color: mix(shade(@green_3, 1.6), @window_bg_color, 0.5);
+}
+
+button:checked.disposition-friendly {
+  background-color: mix(shade(@green_3, 1), @window_bg_color, 0.5);
+}
+
+button.disposition-secret {
+  background-color: mix(shade(@purple_3, 1.6), @window_bg_color, 0.5);
+}
+
+button:checked.disposition-secret {
+  background-color: mix(shade(@purple_3, 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