refactor: border sizes reduced, background opacity reduced;
refactor: animations changed
This commit is contained in:
@@ -178,6 +178,7 @@
|
||||
"format-icons": ["", "", "", "", "", "", "", "", ""]
|
||||
},
|
||||
"battery": {
|
||||
"full-at": 98,
|
||||
"states": {
|
||||
"good": 85,
|
||||
"warning": 30,
|
||||
@@ -185,7 +186,7 @@
|
||||
},
|
||||
"format": "{icon} {capacity}%",
|
||||
"format-full": "{icon} {capacity}%",
|
||||
"format-charging": "{icon} {capacity}%",
|
||||
"format-charging": "{icon}{capacity}%",
|
||||
"format-plugged": "{icon} {capacity}%",
|
||||
"format-alt": "{time} {icon}",
|
||||
// "format-good": "", // An empty format will hide the module
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user