add wallpapers to autoload

hypr/autostart.conf

@@ -2,4 +2,7 @@ $statusbar = waybar
 $statusBarConf = ~/.config/waybar/config.jsonc
 $statusBarStyle = ~/.config/waybar/style.css
 
+$wallpapers = waypaper
+
+exec-once = $wallpapers
 exec-once = $statusbar -c $statusBarConf -s $statusBarStyle

hypr/hyprland.conf

@@ -68,7 +68,8 @@ env = HYPRCURSOR_SIZE,24
 #####################
 
 # Refer to https://wiki.hyprland.org/Configuring/Variables/
-
+$red = rgb(C6716F)
+$navy = rgb(4C546C)
 # https://wiki.hyprland.org/Configuring/Variables/#general
 general {
     gaps_in = 5
@@ -77,8 +78,9 @@ general {
     border_size = 2
 
     # https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors
-    col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg
+    # col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg
-    col.inactive_border = rgba(595959aa)
+    col.active_border = $red
+    col.inactive_border = $navy
 
     # Set to true enable resizing windows by clicking and dragging on borders and gaps
     resize_on_border = false
@@ -91,7 +93,7 @@ general {
 
 # https://wiki.hyprland.org/Configuring/Variables/#decoration
 decoration {
-    rounding = 10
+    rounding = 8
 
     # Change transparency of focused and unfocused windows
     active_opacity = 1.0
@@ -143,6 +145,7 @@ animations {
     animation = workspacesIn, 1, 1.21, almostLinear, fade
     animation = workspacesOut, 1, 1.94, almostLinear, fade
 }
+windowrulev2 = opacity 0.6 override 0.6 override,class:^(kitty)$
 
 # Ref https://wiki.hyprland.org/Configuring/Workspace-Rules/
 # "Smart gaps" / "No gaps when only"

waybar/config.jsonc

@@ -16,16 +16,14 @@
         "hyprland/window"
     ],
     "modules-right": [
-        "mpd",
+        "clock",
-       // "idle_inhibitor",
         "mpris",
         "pulseaudio",
         "cpu",
         "memory",
         "hyprland/language",
-        "clock",
+        "tray"
-        "tray",
+        //"custom/power"
-        "custom/power"
     ],
     "hyprland/workspaces": {
 	"format": "{icon}",
@@ -36,7 +34,7 @@
 	"separate-outputs": true
     },
     "hyprland/language": {
-	"format": "🌏 {}",
+	"format": " {}",
 	"format-en": "EN",
 	"format-ru": "RU"
     },
@@ -131,49 +129,6 @@
         "format": "{temperatureC}°C {icon}",
         "format-icons": ["", "", ""]
     },
-    "backlight": {
-        // "device": "acpi_video1",
-        "format": "{percent}% {icon}",
-        "format-icons": ["", "", "", "", "", "", "", "", ""]
-    },
-    "battery": {
-        "states": {
-            // "good": 95,
-            "warning": 30,
-            "critical": 15
-        },
-        "format": "{capacity}% {icon}",
-        "format-full": "{capacity}% {icon}",
-        "format-charging": "{capacity}% ",
-        "format-plugged": "{capacity}% ",
-        "format-alt": "{time} {icon}",
-        // "format-good": "", // An empty format will hide the module
-        // "format-full": "",
-        "format-icons": ["", "", "", "", ""]
-    },
-    "battery#bat2": {
-        "bat": "BAT2"
-    },
-    "power-profiles-daemon": {
-      "format": "{icon}",
-      "tooltip-format": "Power profile: {profile}\nDriver: {driver}",
-      "tooltip": true,
-      "format-icons": {
-        "default": "",
-        "performance": "",
-        "balanced": "",
-        "power-saver": ""
-      }
-    },
-    "network": {
-        // "interface": "wlp2*", // (Optional) To force the use of this interface
-        "format-wifi": "{essid} ({signalStrength}%) ",
-        "format-ethernet": "{ipaddr}/{cidr} ",
-        "tooltip-format": "{ifname} via {gwaddr} ",
-        "format-linked": "{ifname} (No IP) ",
-        "format-disconnected": "Disconnected ⚠",
-        "format-alt": "{ifname}: {ipaddr}/{cidr}"
-    },
     "pulseaudio": {
         // "scroll-step": 1, // %, can be a float
         "format": "{volume}% {icon} {format_source}",

waybar/style.css

@@ -1,3 +1,21 @@
+@define-color waybar-bg rgba(0, 0, 0, 0.0);
+@define-color waybar-fg #FFFFFF;
+
+/* Buildings.png */
+@define-color red #C6716F;
+@define-color navy #4C546C;
+@define-color grey #3C4454;
+@define-color yellow #E9CC90;
+@define-color pink #B48CAC;
+@define-color blue #5C84AC;
+@define-color light-blue #85A7C3;
+
+@define-color workspaces-color rgba(0, 0, 0, 0.0);
+@define-color workspaces-hover-bg rgba(0, 0, 0, 0.2);
+@define-color workspaces-hover-fg #FFFFFF;
+@define-color workspaces-active-bg rgba(0, 0, 0, 0.5);
+@define-color workspaces-active-fg #FFFFFF;
+
 * {
     /* `otf-font-awesome` is required to be installed for icons */
     font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
@@ -5,9 +23,8 @@
 }
 
 window#waybar {
-    /* background-color: rgba(43, 48, 59, 0.5); */
+    background-color: @waybar-bg;
-    /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
+    color: @waybar-fg;
-    color: #ffffff;
     transition-property: background-color;
     transition-duration: .5s;
 }
@@ -16,15 +33,6 @@ window#waybar.hidden {
     opacity: 0.2;
 }
 
-/*
-window#waybar.empty {
-    background-color: transparent;
-}
-window#waybar.solo {
-    background-color: #FFFFFF;
-}
-*/
-
 window#waybar.termite {
     background-color: #3F3F3F;
 }
@@ -48,34 +56,28 @@ button:hover {
     box-shadow: inset 0 -3px #ffffff;
 }
 
-/* you can set a style on hover for any module like this */
-#pulseaudio:hover {
-    background-color: #a37800;
-}
-
 #workspaces button {
-    padding: 0 5px;
+    padding: 0 10px;
-    background-color: transparent;
+    background-color: @workspaces-color;
     color: #ffffff;
 }
 
 #workspaces button:hover {
-    background: rgba(0, 0, 0, 0.2);
+    background-color: @workspaces-hover-bg;
+    box-shadow: inset 0 2px #ffffff;
+
 }
 
-#workspaces button.focused {
+#workspaces button.active {
+    background-color: @workspaces-active-bg;
+    color: @workspaces-active-fg;
+    box-shadow: inset 0 2px @red;
+}
+
+/*#mode {
     background-color: #64727D;
     box-shadow: inset 0 -3px #ffffff;
-}
+}*/
-
-#workspaces button.urgent {
-    background-color: #eb4d4b;
-}
-
-#mode {
-    background-color: #64727D;
-    box-shadow: inset 0 -3px #ffffff;
-}
 
 #clock,
 #battery,
@@ -93,16 +95,52 @@ button:hover {
 #idle_inhibitor,
 #scratchpad,
 #power-profiles-daemon,
-#mpd {
-    padding: 0 10px;
-    color: #ffffff;
-}
-
 #window,
 #workspaces {
     margin: 0 4px;
 }
 
+#window {
+    color: @red;
+    box-shadow: inset 0 2px @red;
+}
+
+#clock {
+    color: @yellow;
+    box-shadow: inset 0 2px @yellow;
+}
+
+#mpris {
+    color: @pink;
+    box-shadow: inset 0 2px @pink;
+}
+
+#pulseaudio {
+    color: @blue;
+    box-shadow: inset 0 2px @blue;
+}
+
+#cpu {
+    color: @red;
+    box-shadow: inset 0 2px @red;
+}
+
+#memory {
+    color: @red;
+    box-shadow: inset 0 2px @red;
+}
+
+#language {
+    color: @yellow;
+    box-shadow: inset 0 2px @yellow;
+}
+
+#tray {
+    color: @navy;
+    box-shadow: inset 0 2px @navy;
+}
+
+
 /* If workspaces is the leftmost module, omit left margin */
 .modules-left > widget:first-child > #workspaces {
     margin-left: 0;
@@ -113,20 +151,6 @@ button:hover {
     margin-right: 0;
 }
 
-#clock {
-    background-color: #64727D;
-}
-
-#battery {
-    background-color: #ffffff;
-    color: #000000;
-}
-
-#battery.charging, #battery.plugged {
-    color: #ffffff;
-    background-color: #26A65B;
-}
-
 @keyframes blink {
     to {
         background-color: #ffffff;
@@ -134,194 +158,7 @@ button:hover {
     }
 }
 
-/* Using steps() instead of linear as a timing function to limit cpu usage */
-#battery.critical:not(.charging) {
-    background-color: #f53c3c;
-    color: #ffffff;
-    animation-name: blink;
-    animation-duration: 0.5s;
-    animation-timing-function: steps(12);
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
-}
-
-#power-profiles-daemon {
-    padding-right: 15px;
-}
-
-#power-profiles-daemon.performance {
-    background-color: #f53c3c;
-    color: #ffffff;
-}
-
-#power-profiles-daemon.balanced {
-    background-color: #2980b9;
-    color: #ffffff;
-}
-
-#power-profiles-daemon.power-saver {
-    background-color: #2ecc71;
-    color: #000000;
-}
-
 label:focus {
     background-color: #000000;
 }
 
-#cpu {
-    background-color: #2ecc71;
-    color: #FFFFFF;
-}
-
-#memory {
-    background-color: #9b59b6;
-}
-
-#disk {
-    background-color: #964B00;
-}
-
-#backlight {
-    background-color: #90b1b1;
-}
-
-#network {
-    background-color: #2980b9;
-}
-
-#network.disconnected {
-    background-color: #f53c3c;
-}
-
-#pulseaudio {
-    background-color: #f1c40f;
-    color: #000000;
-}
-
-#pulseaudio.muted {
-    background-color: #90b1b1;
-    color: #2a5c45;
-}
-
-#wireplumber {
-    background-color: #fff0f5;
-    color: #000000;
-}
-
-#wireplumber.muted {
-    background-color: #f53c3c;
-}
-
-#custom-media {
-    background-color: #66cc99;
-    color: #2a5c45;
-    min-width: 100px;
-}
-
-#custom-media.custom-spotify {
-    background-color: #66cc99;
-}
-
-#custom-media.custom-vlc {
-    background-color: #ffa000;
-}
-
-#temperature {
-    background-color: #f0932b;
-}
-
-#temperature.critical {
-    background-color: #eb4d4b;
-}
-
-#tray {
-    background-color: #2980b9;
-}
-
-#tray > .passive {
-    -gtk-icon-effect: dim;
-}
-
-#tray > .needs-attention {
-    -gtk-icon-effect: highlight;
-    background-color: #eb4d4b;
-}
-
-#idle_inhibitor {
-    background-color: #2d3436;
-}
-
-#idle_inhibitor.activated {
-    background-color: #ecf0f1;
-    color: #2d3436;
-}
-
-#mpd {
-    background-color: #66cc99;
-    color: #2a5c45;
-}
-
-#mpd.disconnected {
-    background-color: #f53c3c;
-}
-
-#mpd.stopped {
-    background-color: #90b1b1;
-}
-
-#mpd.paused {
-    background-color: #51a37a;
-}
-
-#language {
-    background: #00b093;
-    color: #740864;
-    padding: 0 5px;
-    margin: 0 5px;
-    min-width: 16px;
-}
-
-#keyboard-state {
-    background: #97e1ad;
-    color: #000000;
-    padding: 0 0px;
-    margin: 0 5px;
-    min-width: 16px;
-}
-
-#keyboard-state > label {
-    padding: 0 5px;
-}
-
-#keyboard-state > label.locked {
-    background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad {
-    background: rgba(0, 0, 0, 0.2);
-}
-
-#scratchpad.empty {
-	background-color: transparent;
-}
-
-#privacy {
-    padding: 0;
-}
-
-#privacy-item {
-    padding: 0 5px;
-    color: white;
-}
-
-#privacy-item.screenshare {
-    background-color: #cf5700;
-}
-
-#privacy-item.audio-in {
-    background-color: #1ca000;
-}
-
-#privacy-item.audio-out {
-    background-color: #0069d4;
-}