Style change of ags which should work well with Dark / Light switcher. Keybinds moved to UserConfigs

config/ags/user/style.css

@@ -5,6 +5,11 @@
 @import '../../../.cache/wal/colors-waybar.css';
 /* @import '../../../.cache/wal/colors-waybar-rgba.css'; */
 
+/* define some colors */
+@define-color border-color	@color2;
+@define-color border-color-alt	@color7;
+@define-color noti-bg rgba(0, 0, 0, 0.8);
+@define-color noti-bg-alt #111111;
 
 widget {
   border-radius: 0.818rem;
@@ -19,24 +24,24 @@ widget {
   transition: 300ms cubic-bezier(0, 0.55, 0.45, 1);
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid @color7;
+  border-top: 1px solid @border-color;
-  border-left: 1px solid @color7;
+  border-left: 1px solid @border-color-alt;
-  border-right: 1px solid @color7;
+  border-right: 1px solid @border-color-alt;
-  border-bottom: 1px solid @color7;
+  border-bottom: 1px solid @border-color;
   /* box-shadow: 0px 2px 3px alpha(@color0, 0.45); */
   margin: 0.476rem;
   min-width: 13.636rem;
   min-height: 3.409rem;
   padding: 0rem 1.364rem;
   padding-right: 2.864rem;
-  background-color: alpha(@color0, 0.5);
+  background-color: @noti-bg;
-  color: alpha(@color7, 0.9);
+  color: @color2a;
   caret-color: transparent;
   font-weight: bold;
 }
 .overview-search-box selection {
-  background-color: #DEBCDF;
+  background-color: @noti-bg;
-  color: #402843;
+  color: @color2;
 }
 
 .overview-search-box-extended {
@@ -45,7 +50,7 @@ widget {
 }
 
 .overview-search-prompt {
-  color: alpha(@color7, 0.9);
+  color: @color2;
 }
 
 .overview-search-icon {
@@ -65,16 +70,16 @@ widget {
 .overview-search-results {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid @color7;
+  border-top: 1px solid @border-color;
-  border-left: 1px solid @color7;
+  border-left: 1px solid @border-color-alt;
-  border-right: 1px solid @color7;
+  border-right: 1px solid @border-color-alt;
-  border-bottom: 1px solid @color7;
+  border-bottom: 1px solid @border-color;
   box-shadow: 0px 2px 3px @color9;
   margin: 0.476rem;
   min-width: 28.773rem;
   padding: 0.682rem;
-  background-color: alpha(@color2, 0.5);
+background-color: @noti-bg;
-  color: alpha(@color7, 1.5);
+  color: @color2;
   font-weight: bold;
 }
 
@@ -106,22 +111,22 @@ widget {
 
 .overview-search-result-btn:hover,
 .overview-search-result-btn:focus {
-  background-color: alpha(@color7, 0.4);
+  background-color: alpha(@color7, 0.9);
   color: alpha(@color0, 0.7);
 }
 
 .overview-search-result-btn:active {
-  background-color: alpha(@color7, 0.4);
+  background-color: alpha(@color7, 0.9);
   color: @color4;
 }
 
 .overview-tasks {
   border-radius: 1.705rem;
   -gtk-outline-radius: 1.705rem;
-  border-top: 1px solid @color7;
+  border-top: 1px solid @border-color;
-  border-left: 1px solid @color7;
+  border-left: 1px solid @border-color-alt;
-  border-right: 1px solid @color7;
+  border-right: 1px solid @border-color-alt;
-  border-bottom: 1px solid @color7;
+  border-bottom: 1px solid @border-color;
   box-shadow: 0px 2px 3px @color5;
   margin: 0.476rem;
   padding: 0.341rem;

config/hypr/UserConfigs/UserKeybinds.conf

@@ -14,6 +14,7 @@ $UserScripts = $HOME/.config/hypr/UserScripts
 # rofi App launcher
 #bindr = $mainMod, $mainMod_L, exec, pkill rofi || rofi -show drun -modi drun,filebrowser,run,window # Super Key to Launch rofi menu
 bind = $mainMod, D, exec, pkill rofi || rofi -show drun -modi drun,filebrowser,run,window
+bind = $mainMod, A, exec, pkill rofi || true && ags -t 'overview'
 
 bind = $mainMod, Return, exec, $term  # Launch terminal
 bind = $mainMod, T, exec, $files

config/hypr/configs/Keybinds.conf

@@ -30,7 +30,6 @@ bind = $mainMod ALT, L, exec, $scriptsDir/ChangeLayout.sh # Toggle Master or Dwi
 bind = $mainMod ALT, V, exec, $scriptsDir/ClipManager.sh # Clipboard Manager
 bind = $mainMod SHIFT, N, exec, swaync-client -t -sw # swayNC panel
 bind = SHIFT, ALT_L, exec, $scriptsDir/SwitchKeyboardLayout.sh # Switch Keyboard Layout
-bind = $mainMod, A, exec, pkill rofi || true && ags -t 'overview'
 
 # FEATURES / EXTRAS (UserScripts)
 bind = $mainMod, E, exec, $UserScripts/QuickEdit.sh # Quick Edit Hyprland Settings

config/hypr/scripts/DarkLight.sh

@@ -9,6 +9,7 @@ dark_wallpapers="$wallpaper_base_path/Dark"
 light_wallpapers="$wallpaper_base_path/Light"
 hypr_config_path="$HOME/.config/hypr"
 swaync_style="$HOME/.config/swaync/style.css"
+ags_style="$HOME/.config/ags/user/style.css"
 SCRIPTSDIR="$HOME/.config/hypr/scripts"
 notif="$HOME/.config/swaync/images/bell.png"
 dark_rofi_pywal="$HOME/.cache/wal/colors-rofi-dark.rasi"
@@ -74,6 +75,15 @@ else
 	sed -i '/@define-color noti-bg-alt/s/#.*;/#F0F0F0;/' "${swaync_style}"
 fi
 
+# ags color change
+if [ "$next_mode" = "Dark" ]; then
+    sed -i '/@define-color noti-bg/s/rgba([0-9]*,\s*[0-9]*,\s*[0-9]*,\s*[0-9.]*);/rgba(0, 0, 0, 0.8);/' "${ags_style}"
+	sed -i '/@define-color noti-bg-alt/s/#.*;/#111111;/' "${ags_style}"
+else
+    sed -i '/@define-color noti-bg/s/rgba([0-9]*,\s*[0-9]*,\s*[0-9]*,\s*[0-9.]*);/rgba(255, 255, 255, 0.9);/' "${ags_style}"
+	sed -i '/@define-color noti-bg-alt/s/#.*;/#F0F0F0;/' "${ags_style}"
+fi
+
 # Set Dynamic Wallpaper for Dark or Light Mode
 if [ "$next_mode" = "Dark" ]; then
     next_wallpaper="$(find "${dark_wallpapers}" -type f \( -iname "*.jpg" -o -iname "*.png" \) -print0 | shuf -n1 -z | xargs -0)"