styling fixes - less purple

CONFIG/gtk-3.0/settings.ini

@@ -1,5 +1,5 @@
 [Settings]
-gtk-theme-name=Arc-Dark
+gtk-theme-name=Adwaita-dark
 gtk-icon-theme-name=Qogir-dark
 gtk-font-name=Noto Sans 10
 gtk-cursor-theme-name=Qogir-dark

CONFIG/gtklock/config.ini

@@ -1,5 +1,5 @@
 [main]
-gtk-theme=Arc-Dark
+gtk-theme-name=Adwaita-dark
 time-format=%H:%M
 start-hidden=1
 modules=powerbar-module

CONFIG/gtklock/style.css

@@ -1,43 +1,45 @@
 * {
   border: none;
-  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8)
+  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
+  border-radius: 0px;
 }
 window {
   background-image: url("EndeavourOS_Astronaut_SpaceWalk.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
-  background-color: black;
+  background-color: #0a0a0a;
 }
 #clock-label {
   font-family: JetBrainsMono;
-  font-size: 64.0px;
+  font-size: 64px;
+  color: #00e5ff;
 }
 #unlock-button {
-  background: none;
+  background-color: rgba(10, 10, 10, 0.8);
-  background-color: rgba(127, 63, 191, 0.4);
+  border: 2px solid #333333;
-  border: 2px solid rgba(127, 63, 191, 0.5);
   padding: 4px;
+  color: #ffffff;
 }
 #unlock-button:hover {
-  background-color: rgba(127, 63, 191, 0.9);
+  border-color: #00e5ff;
+  background-color: #000000;
 }
 #input-field {
-  border-radius: 10px;
+  background-color: rgba(0, 0, 0, 0.8);
-  background-color: rgba(127, 127, 255, 0.1);
+  border: 2px solid #00e5ff;
-  border: 2px solid rgba(127, 63, 191, 0.5);
   padding-top: 5px;
   padding-bottom: 5px;
+  color: #ffffff;
 }
 #powerbar-box button {
-  background: none;
+  background-color: rgba(10, 10, 10, 0.8);
-  background-color: rgba(127, 63, 191, 0.4);
+  border: 2px solid #333333;
-  border: 2px solid rgba(127, 63, 191, 0.5);
+  padding: 6px;
-  border-radius: 10px;
-  padding: 4px;
 }
 #powerbar-box button:hover {
-  background-color: rgba(127, 63, 191, 0.9);
+  border-color: #00e5ff;
+  color: #00e5ff;
 }
 #input-label {
   font-size: 0px;

CONFIG/nwg-drawer/drawer.css

@@ -1,38 +1,43 @@
 window {
-    background-color: rgba (38, 18, 57, 0.9);
+  background-color: rgba(10, 10, 10, 0.95);
-    color: #eceff4;
+  color: #ffffff;
-    border-radius: 30px
+  border-radius: 0px;
+  border-right: 2px solid #00e5ff;
 }
 
 /* search entry */
 entry {
-    box-shadow: 0 0 6px 5px #2e3440;
+  box-shadow: none;
-    background-color: rgba (0, 0, 0, 0.5)
+  border: 1px solid #00e5ff;
+  background-color: #000000;
+  color: #00e5ff;
+  padding: 5px;
 }
 
-button, image {
+button,
-    background-color: #3b4252;
+image {
+  background-color: transparent;
   background: none;
-    border: none;
+  border: 1px solid transparent;
-    margin: 10px
+  margin: 5px;
 }
 
 button:hover {
-    background-color: rgba (127, 63, 191, .4);
+  background-color: #111111;
-    box-shadow: 0 0 6px 5px #190C26
+  border: 1px solid #00e5ff;
+  box-shadow: none;
 }
 
-/* in case you wanted to give category buttons a different look */
 #category-button {
-    margin: 0 0px 0 0px
+  margin: 0;
 }
 
 #pinned-box {
-    padding-bottom: 1px;
+  padding-bottom: 5px;
-    border-bottom: 1px solid gray
+  border-bottom: 2px solid #333333;
 }
 
 #files-box {
-    padding: 1px;
+  padding: 5px;
-    border: 1px solid gray
+  border: 1px solid #333333;
 }

CONFIG/waybar/style.css

@@ -1,45 +1,35 @@
-/* =============================================================================
- *
- * Waybar configuration
- *
- * Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration
- *
- * =========================================================================== */
-
 /* -----------------------------------------------------------------------------
- * Keyframes
+ * Keyframes & Colors
  * -------------------------------------------------------------------------- */
-
+@define-color highlight #00E5FF;
-@define-color highlight #685878 ;
+@define-color base1     #0A0A0A;
-@define-color base1  #19191e ;
+@define-color text      #FFFFFF;
+@define-color urgent    #FF0033;
+@define-color dim       #333333;
 
 @keyframes blink-warning {
   70% {
-        color: white;
+    color: @text;
   }
-
   to {
-        color: white;
+    color: @text;
     background-color: orange;
   }
 }
 
 @keyframes blink-critical {
   70% {
-      color: white;
+    color: @text;
   }
-
   to {
-        color: white;
+    color: @text;
-        background-color: red;
+    background-color: @urgent;
   }
 }
 
 /* -----------------------------------------------------------------------------
  * Base styles
  * -------------------------------------------------------------------------- */
-
-/* Reset all styles */
 * {
   border: none;
   border-radius: 0;
@@ -48,13 +38,13 @@
   padding: 0;
 }
 
-/* The whole bar */
 #waybar {
   background: transparent;
-    color: #e3e3ea;
+  color: @text;
   background-color: @base1;
   font-family: JetBrainsMono;
   font-size: 13px;
+  border-bottom: 2px solid @dim;
 }
 
 /* Every modules */
@@ -76,37 +66,29 @@
 /* -----------------------------------------------------------------------------
  * Module styles
  * -------------------------------------------------------------------------- */
-
-#custom-launcher {
-    margin-left:15px;
-    margin-right:10px;
-}
-
-#workspaces {
-    font-size:13px;
-}
-
 #workspaces button {
-    border-radius: 5px;
+  border-radius: 0px;
-    color: #eceff4;
+  color: @text;
   padding: 1px 6px;
   margin-right: 2px;
   margin-left: 2px;
+  border-bottom: 2px solid transparent;
 }
 
 #workspaces button.focused {
-    border: 1px solid #d8dee9;
+  border-bottom: 2px solid @highlight;
+  color: @highlight;
 }
 
 #workspaces button.urgent {
-    border-color: #c9545d;
+  border-color: @urgent;
-    color: #c9545d;
+  color: @urgent;
 }
 
 #mode {
   background: @highlight;
-    border-bottom: 3px transparent;
+  color: #000000;
-    color:white;
+  font-weight: bold;
   margin-left: 5px;
   padding: 7px;
 }