dotfiles/waybar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

some change

Browse source
This commit is contained in:
pika 2025-01-18 01:34:24 +01:00
parent 08d69ede58
commit 18ae941c91
2 changed files with 92 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

30
config.jsonc
View file

@ -83,11 +83,27 @@
}, },
"window-rewrite-default": "", "window-rewrite-default": "",
"window-rewrite": { "window-rewrite": {
"class<nvim>": " ", "class<nvim>": " ",
"class<neovide>": " ", "class<neovide>": " ",
"class<shell>": "", "class<shell>": "",
"class<kitty>": "", "class<kitty>": "",
"class<feh>": "", "class<alacritty>": "",
"class<foot>": "",
"class<wezterm>": "",
"class<feh>": "",
"class<thunar>": "󰝰",
"class<nautilus>": "󰝰",
"class<nemo>": "󰝰",
"class<pcmanfm>": "󰝰",
"class<dolphin>": "󰝰",
"class<yazi>": "󰝰",
"class<qflipper>": "󱐋",
"class<cursor>": "󱙺",
"class<python>": "",
"class<python3>": "",
"title<*.py>": "",
"title<*.sh>": "",
"title<yazi>": "󰝰",
"thorium": "󰊯", "thorium": "󰊯",
"class<thunar>": "󰝰", "class<thunar>": "󰝰",
"class<nautilus>": "󰝰", "class<nautilus>": "󰝰",
@ -122,6 +138,10 @@
"(.*) - Tidal": "󰽰 Tidal", "(.*) - Tidal": "󰽰 Tidal",
" ~": " pika@home", " ~": " pika@home",
"(.*) - Obsidian(.*)": "󱓧 Obsidian", "(.*) - Obsidian(.*)": "󱓧 Obsidian",
"(.*) - Cursor": "󱙺 Cursor AI",
"(.*) - QFlipper": "󱐋 QFlipper",
"(.*) - yazi": "󰝰 yazi",
"(.*)python(.*)": " Python",
}, },
"separate-outputs": false "separate-outputs": false
}, },

94
style.css
View file

@ -1,5 +1,5 @@
* { * {
font-size: 1rem; font-size: 0.95rem;
font-family: Rubik, iMWritingMono Nerd Font; font-family: Rubik, iMWritingMono Nerd Font;
} }
@ -92,7 +92,9 @@ window#waybar {
border-radius: 6px; border-radius: 6px;
background: transparent; /* background: transparent; */
background: rgba(89, 87, 102, 0.336);
transition: 600ms; transition: 600ms;
} }
@ -103,12 +105,13 @@ window#waybar.empty {
border: solid 2px rgba(136, 136, 136, 0.8); border: solid 2px rgba(136, 136, 136, 0.8);
} }
window#waybar.fullscreen { window#waybar.fullscreen {
background: rgba(55, 55, 55, 0.6); background: rgba(55, 55, 55, 0.6);
margin: 0; margin: 0;
border: solid 3px rgba(145, 11, 53, 0.8); border: solid 3px rgba(189, 12, 68, 0.85);
border-radius: 8px 8px 4px 4px; border-radius: 8px 8px 4px 4px;
transition: 300ms; transition: 300ms;
@ -119,26 +122,35 @@ window#waybar.fullscreen {
border-right: solid 1px currentcolor; border-right: solid 1px currentcolor;
border-bottom: solid 1px transparent; border-bottom: solid 1px transparent;
margin-top: 5px; margin-top: 4px;
margin-left: 0px; margin-left: 1px;
margin-right: 1px;
padding: 0; padding: 0 6px;
padding-right: 4px;
transition: 200ms; transition: all 200ms ease;
border-radius: 2px 2px 2 0; border-radius: 4px 4px 2px 0;
background: rgba(255, 255, 255, 0.02);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
} }
#workspaces button:hover { #workspaces button:hover {
margin-top: 3px; margin-top: 2px;
background: rgba(255, 255, 255, 0.05);
border-top: solid 2px currentcolor;
border-right: solid 2px currentcolor;
transition: 200ms; transition: all 200ms ease;
} }
#workspaces button.empty {} #workspaces button.empty {
opacity: 0.7;
}
#workspaces button.active { #workspaces button.active {
color: rgba(255, 238, 0, 0.9); color: rgba(255, 238, 0, 0.9);
background: rgba(255, 255, 255, 0.08);
padding: 0 8px; padding: 0 8px;
@ -150,11 +162,13 @@ window#waybar.fullscreen {
border-right: solid 2px currentcolor; border-right: solid 2px currentcolor;
border-radius: 8px 4px 2px 0; border-radius: 8px 4px 2px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
} }
#workspaces button.urgent { #workspaces button.urgent {
color: red; color: red;
border-color: red;
background: rgba(255, 0, 0, 0.1);
animation: urgent-workspace ease-out 4s infinite; animation: urgent-workspace ease-out 4s infinite;
} }
@ -162,6 +176,21 @@ window#waybar.fullscreen {
color: #cbb643; color: #cbb643;
} }
#p-info,
#info,
#memory,
#cpu,
#battery,
#disk,
#clock,
#network,
#not-power,
#pulseaudio,
#tray {
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
background-color: rgba(47, 44, 63, 0.425);
}
#p-info, #p-info,
#info, #info,
#memory { #memory {
@ -194,15 +223,13 @@ window#waybar.fullscreen {
#custom-lock, #custom-lock,
#custom-powerm, #custom-powerm,
#custom-power { #custom-power {
padding: 0.2rem 1rem; padding: 0 1rem;
margin: 0 2px;
margin: 0 1px; font-weight: 500;
border-radius: 6px;
font-weight: 600; background: rgba(255, 255, 255, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-top: solid 1px currentcolor; transition: all 100ms ease-in-out;
transition: 350ms;
} }
#custom-reboot:hover, #custom-reboot:hover,
@ -210,14 +237,14 @@ window#waybar.fullscreen {
#custom-powerm:hover, #custom-powerm:hover,
#custom-lock:hover, #custom-lock:hover,
#custom-power:hover { #custom-power:hover {
border-top: solid 2px red; border-top: solid 2px currentcolor;
transition: 250ms; transition: 130ms;
margin: 0; margin: 0;
/* border-radius: 2rem; */ /* border-radius: 2rem; */
font-size: 1.5rem; font-size: 1.1rem;
} }
#pulseaudio, #pulseaudio,
@ -229,15 +256,14 @@ window#waybar.fullscreen {
#network, #network,
#not-power, #not-power,
#tray { #tray {
padding: 6px; padding: 4px 8px;
margin: 0px 4px 0; margin: 0px 4px 0;
font-weight: 600; font-weight: 600;
border-top: solid 2px transparent; border-top: solid 2px transparent;
border-radius: 6px;
transition: 550ms; background: rgba(255, 255, 255, 0.02);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
transition: all 300ms ease;
} }
#pulseaudio:hover, #pulseaudio:hover,
@ -248,6 +274,8 @@ window#waybar.fullscreen {
#clock:hover, #clock:hover,
#network:hover { #network:hover {
border-top: solid 2px currentcolor; border-top: solid 2px currentcolor;
background: rgba(255, 255, 255, 0.05);
transition: 250ms; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
/* transform: translateY(-1px); */
transition: all 200ms ease;
} }