From 4d0a7d99ebf55ad2d0e583759699b8b4d77a7907 Mon Sep 17 00:00:00 2001 From: Felix Morgner Date: Wed, 24 Jul 2024 13:23:55 +0200 Subject: app: move ui code to ui library --- style/CMakeLists.txt | 18 ++++++++++++++++++ style/style-dark.css | 27 +++++++++++++++++++++++++++ style/style.css | 27 +++++++++++++++++++++++++++ 3 files changed, 72 insertions(+) create mode 100644 style/CMakeLists.txt create mode 100644 style/style-dark.css create mode 100644 style/style.css (limited to 'style') 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 + "$<$,$>: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 -- cgit v1.2.3