weirdcat/dotfiles
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improved taskbar;

Browse Source 
refactor: hyprland blur
This commit is contained in:
Николай
2025-12-25 02:10:29 +03:00
parent fc6b2a4291
commit deace16b64
6 changed files with 48 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
waybar/style/colors.css
View File

@@ -1,3 +1,4 @@
/* Normal view */
@define-color bg-panel rgba(28, 28, 28, 0.81);
@define-color text-secondary rgba(86, 86, 86, 0.81);
@define-color bg-opaque rgba(23, 28, 39, 0.8);

23
waybar/style/style_bottom.css
View File

@@ -60,7 +60,7 @@ window#waybar.chromium {
#scratchpad {
padding: 0 10px;
color: @text-primary;
transition: color 0.3s ease, text-shadow 0.3s ease, background 0.3s ease;
transition: color 0.3s ease, text-shadow 0.3s ease, background 0.3s ease, padding 0.3s ease;
}
/* --------------------------------------------------------------------------
@@ -151,7 +151,7 @@ window#waybar.chromium {
/* --------------------------------------------------------------------------
SIDE PANEL GROUPS
-------------------------------------------------------------------------- */
.modules-left, .modules-center, .modules-right {
.modules-left, .modules-right {
/* Layout & Box Model */
border: 1px solid @border-color;
border-radius: 12px;
@@ -165,6 +165,17 @@ window#waybar.chromium {
/* transition-duration: 0.5s; */
}
.modules-center {
background: linear-gradient(to right,
alpha(#000000, 0) 0%,
alpha(@bg-panel, 1) 20%,
alpha(@bg-panel, 1) 80%,
alpha(#000000, 0) 100%
);
padding: 0 20px;
}
.modules-left {
}
@@ -223,10 +234,16 @@ window#waybar.chromium {
}
#taskbar button.active {
background: radial-gradient(circle, alpha(@accent, 1) 0%, alpha(@accent, 1) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 25, 0) 100%);
background: radial-gradient(circle, alpha(@accent, 1) 0%, alpha(@accent, 1) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
transition: color 0.3s, box-shadow 0.3s, background 0.3s;
}
#taskbar button.active image {
min-width: 24px;
min-height: 24px;
padding: 0 5px;
}
/* POMODORO STATES */
#custom-pomodoro.work {
color: @accent;