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

now the waybar looks nice on lappy :)

Browse source
This commit is contained in:
kirreen 2024-10-11 21:24:15 +02:00
parent c16d765cf3
commit 3841c491b0
2 changed files with 33 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
home/.config/waybar/config.jsonc
View file

@ -3,7 +3,7 @@
// "layer": "top", // Waybar at top layer
// "position": "bottom", // Waybar position (top|bottom|left|right)
"height": 30, // Waybar height (to be removed for auto height)
// "width": 1280, // Waybar width
// "width": 90%, // Waybar width
"spacing": 4, // Gaps between modules (4px)
// Choose the order of the modules
"modules-left": [
@ -29,8 +29,8 @@
"sway/language",
"battery",
"battery#bat2",
"clock",
"tray"
"tray",
"clock"
],
// Modules configuration
"hyprland/workspaces": {

55
home/.config/waybar/style.css
View file

@ -10,12 +10,13 @@
* {
border: none;
border-radius: 0;
border-radius: 24px;
font-family: Nerd Font Hack;
font-size: 14px;
min-height: 24px;
min-height: 16px;
background-color: rgba(40, 42, 46, 0.86);
}
/*
window#waybar {
background: transparent;
}
@ -23,9 +24,9 @@ window#waybar {
window#waybar.hidden {
opacity: 0.2;
}
*/
#window {
margin-top: 8px;
margin-top: 0px;
padding-left: 16px;
padding-right: 16px;
border-radius: 26px;
@ -35,7 +36,7 @@ window#waybar.hidden {
background: #282a36;
*/
color: white;
background: #585858;
background-color: rgba(88, 88, 88, 0.0);
}
window#waybar.termite #window,
@ -47,10 +48,10 @@ window#waybar.PCSX2 #window {
}
#workspaces {
margin-top: 8px;
margin-left: 12px;
margin-top: 0px;
margin-left: 2px;
margin-bottom: 0;
border-radius: 26px;
/*border-radius: 26px;*/
background: #282a36;
transition: none;
}
@ -63,18 +64,20 @@ window#waybar.PCSX2 #window {
}
#workspaces button.active {
color: #9aedfe;
/*color: #9aedfe;*/
color: #d65d0e;
/*background-color: #231531;*/
}
#workspaces button:hover {
transition: none;
box-shadow: inherit;
text-shadow: inherit;
color: #ff79c6;
color: #9aedfe;
}
#mpd {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
@ -93,7 +96,7 @@ window#waybar.PCSX2 #window {
}
#network {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
@ -101,11 +104,11 @@ window#waybar.PCSX2 #window {
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #bd93f9;
background: #282A2E;
}
#pulseaudio {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
@ -113,11 +116,11 @@ window#waybar.PCSX2 #window {
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #9aedfe;
background: #282A2E;
}
#temperature {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
@ -125,11 +128,11 @@ window#waybar.PCSX2 #window {
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #5af78e;
background: #282A2E;
}
#cpu {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
@ -137,11 +140,11 @@ window#waybar.PCSX2 #window {
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #f1fa8c;
background: #282A2E;
}
#memory {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
@ -149,11 +152,11 @@ window#waybar.PCSX2 #window {
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #ff6e67;
background: #282A2E;
}
#clock {
margin-top: 8px;
margin-top: 0px;
margin-left: 8px;
margin-right: 12px;
padding-left: 16px;
@ -161,6 +164,8 @@ window#waybar.PCSX2 #window {
margin-bottom: 0;
border-radius: 26px;
transition: none;
color: #f8f8f2;
background: #282a36;
color: #d65d0e;
font-size: 16px;
font-weight: bold;
background: #282A2E;
}