statemachine and styles

style.css

@@ -1,15 +1,29 @@
+/*
+green #24e895
+grey  #404040
+white #edf2f4
+blue  #0077fd
+red   #d63429
+*/
+
+
 QMainWindow {
     background-color: #404040;
     border-color: #edf2f4;
 }
 
-QPushButton {
-    background-color: #404040;
+QPushButton[on=true] {
+    background-color: #d63429;
     color: #edf2f4;
 }
 
+QPushButton[on=false] {
+    background-color: #24e895;
+    color: #404040;
+}
+
 QPushButton:hover {
-    border: 1px solid #0077fd;
+    border: 1px solid #edf2f4;
 }
 
 QLineEdit {
@@ -26,9 +40,17 @@ QLabel {
     color: #edf2f4;
 }
 
+QLabel#lbl_timer[on=false] {
+    border: 1px solid #d63429;
+}
+
+QLabel#lbl_timer[on=true] {
+    border: 1px solid #24e895;
+}
+
 QGroupBox {
     color: #edf2f4;
-    border: 1px solid #0077fd;
+    border: 1px solid #edf2f4;
     margin-top: 5px;
 }
 
@@ -37,7 +59,7 @@ QGroupBox::title {
     left: 5px;
     padding: 0px 5px 0px 5px;
  }
-
+/*
 QLabel#lbl_volume:hover {
-    border: 1px solid #0077fd;
-}
+    border: 1px solid var(--highlight-blue);
+}*/