refactor: border sizes reduced, background opacity reduced;

refactor: animations changed
This commit is contained in:
2025-09-30 15:04:13 +03:00
parent 0a89858cf4
commit 678ce34802
8 changed files with 42 additions and 30 deletions

View File

@@ -1,7 +1,7 @@
/* GTK Color Definitions */
@define-color bg-primary rgba(23, 28, 39, 0.8);
@define-color bg-secondary rgba(23, 28, 39, 0.7);
@define-color border-color rgba(90, 104, 115, 0.8);
@define-color border-color rgba(90, 104, 115, 1);
@define-color text-primary #ffffff;
@define-color text-secondary #888888;
@define-color accent-color #E96375;
@@ -40,7 +40,7 @@ window#waybar.chromium {
/* Common module styling */
#mpd {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color;
border: 1px solid @border-color;
border-top: none;
padding: 0 10px;
}
@@ -74,7 +74,7 @@ window#waybar.chromium {
/* Workspaces */
#workspaces {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color;
border: 1px solid @border-color;
border-top: none;
border-left: none;
border-radius: 0 0 10px 0;
@@ -114,21 +114,21 @@ window#waybar.chromium {
#cpu {
margin-left: 20px;
border: 3px solid @border-color;
border: 1px solid @border-color;
border-top: none;
border-right: none;
border-radius: 0 0 0 10px;
}
#memory {
border: 3px solid @border-color;
border: 1px solid @border-color;
border-left: none;
border-top: none;
border-right: none;
}
#memory.swap {
border: 3px solid @border-color;
border: 1px solid @border-color;
border-left: none;
border-top: none;
border-radius: 0 0 10px 0;
@@ -136,7 +136,7 @@ window#waybar.chromium {
#custom-goal {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color;
border: 1px solid @border-color;
border-top: none;
border-radius: 0 0 10px 10px;
padding: 0 10px;
@@ -155,7 +155,7 @@ window#waybar.chromium {
#network, #pulseaudio, #wireplumber, #custom-media, #tray, #mode,
#idle_inhibitor, #scratchpad {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color;
border: 1px solid @border-color;
border-top: none;
border-left: none;
border-right: none;
@@ -165,7 +165,7 @@ window#waybar.chromium {
}
#pulseaudio {
border-left: 3px solid @border-color;
border-left: 1px solid @border-color;
border-radius: 0 0 0 10px;
margin-left: 20px;
}
@@ -176,7 +176,6 @@ window#waybar.chromium {
#wireplumber:hover, #custom-media:hover, #mode:hover, #idle_inhibitor:hover,
#scratchpad:hover, #power-profiles-daemon:hover {
color: @accent-color;
background: rgba(0, 0, 0, 0.2);
transition: color 0.5s ease-out, border-bottom 0.5s ease-out, background 0.5s ease-out;
}