Updated hypr, rofi and waybar theme

hypr/.config/hypr/hyprconf/base.lua

@@ -7,8 +7,9 @@ hl.config({
 		gaps_out = 10,
 		border_size = 2,
 		col = {
-			active_border = { colors = { "rgba(7fbbb3ee)", "rgba(a7c080ee)" }, angle = 45 },
+			-- Cursor Dark: accent blue gradient, neutral dark inactive
-			inactive_border = "rgba(384b55aa)",
+			active_border = { colors = { "rgba(2472c8ee)", "rgba(3b8eeaee)" }, angle = 45 },
+			inactive_border = "rgba(2b2b2baa)",
 		},
 		resize_on_border = false,
 		allow_tearing = false,

hypr/.config/hypr/hyprlock.conf

@@ -1,7 +1,7 @@
 background {
     monitor =
     path = $HOME/.config/hypr/wp.png
-    color = rgba(59,66,82,1) 
+    color = rgba(24,24,24,1)
 
     # all these options are taken from hyprland, see https://wiki.hyprland.org/Configuring/Variables/#blur for explanations
     blur_size = 5
@@ -20,9 +20,9 @@ input-field {
     dots_size = 0.2 # Scale of input-field height, 0.2 - 0.8
     dots_spacing = 1.00 # Scale of dots' absolute size, 0.0 - 1.0
     dots_center = true
-    outer_color = rgba(59,66,82,1)
+    outer_color = rgba(36,114,200,1)
-    inner_color = rgba(59,66,82,1) 
+    inner_color = rgba(43,43,43,1)
-    font_color = rgba(235,203,139,1) 
+    font_color = rgba(204,204,204,1)
     fade_on_empty = true
     placeholder_text = <i>Password...</i> # Text rendered in the input box when it's empty.
     hide_input = false
@@ -56,7 +56,7 @@ label {
 label {
     monitor =
     text = cmd[update:1000] echo "<b><big> $(date +"%d %b") </big></b>"
-    color =rgb(163,190,140) 
+    color =rgb(59,142,234)
     font_size = 16
     font_family = HackJBMLigatured-Regular 10
     position = 0, -160
@@ -66,7 +66,7 @@ label {
 label {
     monitor =
     text = cmd[update:1000] echo "<b><big> $(date +"%A") </big></b>"
-    color =rgb(163,190,140) 
+    color =rgb(59,142,234)
     font_size = 16
     font_family = HackJBMLigatured-Regular 10
     position = 0, -180

rofi/.config/rofi/config.rasi

@@ -11,15 +11,16 @@ configuration {
 
 @theme "/dev/null"
 
+/* Cursor Dark */
 * {
-    bgdark:           #272E33;
+    bgdark:           #181818;
-    bgalt:            #3C4841;
+    bgalt:            #2b2b2b;
-    bggreen:          #56635F;
+    bgraised:         #313131;
-    fg0:              #A7C080;
+    fg0:              #cccccc;
-    fgalt:            #4f5b58;
+    fgalt:            #6e6e6e;
 
-    accent-color:     #A7C080;
+    accent-color:     #2472c8;
-    urgent-color:     #DBBC7F;
+    urgent-color:     #e2c08d;
     
     font:   "Roboto 12";
 
@@ -32,7 +33,7 @@ configuration {
 }
 
 element selected {
-    text-color: @bgalt;
+    text-color: #ffffff;
 }
 
 window {
@@ -49,7 +50,7 @@ mainbox {
 
 inputbar {
     background-color:   @bgalt;
-    border-color:       @bggreen;
+    border-color:       @bgraised;
 
     border:         2px;
     border-radius:  8px;
@@ -60,7 +61,7 @@ inputbar {
 }
 
 prompt {
-    text-color: @fg0;
+    text-color: @accent-color;
 }
 
 entry {
@@ -71,8 +72,8 @@ entry {
 message {
     margin:             12px 0 0;
     border-radius:      8px;
-    border-color:       @bggreen;
+    border-color:       @bgraised;
-    background-color:   @bggreen;
+    background-color:   @bgraised;
 }
 
 textbox {
@@ -96,15 +97,15 @@ element {
 }
 
 element normal active {
-    text-color: @fg0;
+    text-color: @accent-color;
 }
 
 element alternate active {
-    text-color: @fg0;
+    text-color: @accent-color;
 }
 
 element selected normal, element selected active {
-    background-color:   @fg0;
+    background-color:   @accent-color;
 }
 
 element-icon {

waybar/.config/waybar/config

@@ -124,13 +124,13 @@
         "tooltip": false,
         "format": "{} {icon}",
         "format-icons": {
-            "notification": "<span foreground='red'><sup></sup></span> ",
+            "notification": "<span foreground='#f14c4c'><sup></sup></span> ",
             "none": "",
-            "dnd-notification": "<span foreground='red'><sup></sup></span> ",
+            "dnd-notification": "<span foreground='#f14c4c'><sup></sup></span> ",
             "dnd-none": "",
-            "inhibited-notification": "<span foreground='red'><sup></sup></span> ",
+            "inhibited-notification": "<span foreground='#f14c4c'><sup></sup></span> ",
             "inhibited-none": "",
-            "dnd-inhibited-notification": "<span foreground='red'><sup></sup></span> ",
+            "dnd-inhibited-notification": "<span foreground='#f14c4c'><sup></sup></span> ",
             "dnd-inhibited-none": ""
         },
         "return-type": "json",

waybar/.config/waybar/style.css

@@ -1,11 +1,12 @@
-@define-color bg_dim #1e2326;
+/* Cursor Dark */
-@define-color bg0 #272e33;
+@define-color bg_dim #141414;
-@define-color bg2 #374145;
+@define-color bg0 #181818;
-@define-color fg #D3C6AA;
+@define-color bg2 #2b2b2b;
-@define-color red #E67E80;
+@define-color fg #cccccc;
-@define-color blue #7fbbb3;
+@define-color red #f14c4c;
-@define-color orange #e69875;
+@define-color blue #3b8eea;
-@define-color bg4 #495156;
+@define-color orange #e2c08d;
+@define-color bg4 #2472c8;
 
 * {
     transition: none;
@@ -37,6 +38,8 @@
 #workspaces button.active {
     border-radius: 10px;
     background-color: @bg4;
+    /* @fg on the accent blue is too low-contrast to read */
+    color: #ffffff;
 }
 
 #workspaces button.urgent {