From 5d8f19f4ecb6f364acba34b1c2303f30c2d0fb0d Mon Sep 17 00:00:00 2001
From: ochibani <11yzyv86j@relay.firefox.com>
Date: Mon, 16 Oct 2023 17:50:39 +0200
Subject: [PATCH] update ui

---
 interfaces/main.ui    |  5 ++++
 src/styles/global.css | 65 ++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 69 insertions(+), 1 deletion(-)

diff --git a/interfaces/main.ui b/interfaces/main.ui
index 919036a..db71669 100644
--- a/interfaces/main.ui
+++ b/interfaces/main.ui
@@ -134,6 +134,7 @@
 				</child>
 				<child type="bottom">
 					<object class="GtkToggleButton" id="delay_window_stopbutton">
+						<property name="name">delay_window_stop_button</property>
 						<property name="visible">True</property>
 						<property name="can-focus">True</property>
 						<property name="receives-default">True</property>
@@ -497,6 +498,7 @@
 							<object class="GtkLabel" id="audio_source_label">
 								<property name="visible">True</property>
 								<property name="can-focus">True</property>
+								<property name="halign">start</property>
 								<property name="margin-top">5</property>
 								<property name="margin-bottom">5</property>
 								<property name="label" translatable="yes">label</property>
@@ -530,6 +532,7 @@
 				<property name="can-focus">True</property>
 				<child>
 					<object class="GtkButton" id="recordbutton">
+						<property name="name">record_button</property>
 						<property name="visible">True</property>
 						<property name="can-focus">True</property>
 						<property name="receives-default">True</property>
@@ -559,6 +562,7 @@
 				</child>
 				<child>
 					<object class="GtkButton" id="stopbutton">
+						<property name="name">stop_button</property>
 						<property name="visible">True</property>
 						<property name="can-focus">True</property>
 						<property name="receives-default">True</property>
@@ -588,6 +592,7 @@
 				</child>
 				<child>
 					<object class="GtkLabel" id="record_time_label">
+						<property name="name">record_time_label</property>
 						<property name="visible">False</property>
 						<property name="can-focus">True</property>
 					</object>
diff --git a/src/styles/global.css b/src/styles/global.css
index bb997c1..ded9c6c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -22,13 +22,76 @@
 #delay_window_label {
     font-size: 350%;
     font-weight: 250;
+    color: @theme_selected_bg_color;
 }
 
 #delay_window_title {
     font-size: 120%;
     font-weight: 50;
+    font-weight: bold;
+}
+
+#delay_window_stop_button {
+    background: rgb(237, 51, 59);
+    border: 1px solid rgb(237, 51, 59);
+    color: rgb(246, 245, 244);
+    font-weight: bold;
+}
+
+#delay_window_stop_button:active {
+    background:  rgb(192, 28, 40);
+    border: 1px solid rgb(192, 28, 40);
+    color: rgb(246, 245, 244);
+    font-weight: normal;
+}
+
+#delay_window_stop_button:hover {
+    background:  rgb(224, 27, 36);
+    border: 1px solid rgb(224, 27, 36);
+    color: rgb(246, 245, 244);
+    font-weight: bold;
 }
 
 .disabled {
     opacity: 0.5;
-}
\ No newline at end of file
+}
+
+#record_button {
+    color: rgb(237, 51, 59);
+    font-weight: bold;
+}
+
+#record_button:active {
+    color: rgb(237, 51, 59);
+    font-weight: normal;
+}
+
+#record_button:hover {
+    color: rgb(237, 51, 59);
+    font-weight: bold;
+}
+
+#record_time_label {
+    color: @theme_selected_bg_color;
+}
+
+#stop_button {
+    background: rgb(237, 51, 59);
+    border: 1px solid rgb(237, 51, 59);
+    color: rgb(246, 245, 244);
+    font-weight: bold;
+}
+
+#stop_button:active {
+    background:  rgb(192, 28, 40);
+    border: 1px solid rgb(192, 28, 40);
+    color: rgb(246, 245, 244);
+    font-weight: normal;
+}
+
+#stop_button:hover {
+    background:  rgb(224, 27, 36);
+    border: 1px solid rgb(224, 27, 36);
+    color: rgb(246, 245, 244);
+    font-weight: bold;
+}