pnx/dotfiles
1
0
Fork 0
mirror of https://github.com/pnx/dotfiles synced 2026-06-18 20:10:03 +02:00
Code Activity

update waybar

Browse source
This commit is contained in:
Henrik Hautakoski 2024-10-24 22:00:48 +02:00
parent e4f891da45
commit d9d2925b11
3 changed files with 123 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

26
waybar/colors.css Normal file
View file

@ -0,0 +1,26 @@
@define-color rosewater #f5e0dc;
@define-color flamingo #f2cdcd;
@define-color pink #f5c2e7;
@define-color mauve #cba6f7;
@define-color red #f38ba8;
@define-color maroon #eba0ac;
@define-color peach #fab387;
@define-color yellow #f9e2af;
@define-color green #a6e3a1;
@define-color teal #94e2d5;
@define-color sky #89dceb;
@define-color sapphire #74c7ec;
@define-color blue #89b4fa;
@define-color lavender #b4befe;
@define-color text #cdd6f4;
@define-color subtext1 #bac2de;
@define-color subtext0 #a6adc8;
@define-color overlay2 #9399b2;
@define-color overlay1 #7f849c;
@define-color overlay0 #6c7086;
@define-color surface2 #585b70;
@define-color surface1 #45475a;
@define-color surface0 #313244;
@define-color base #1a1c2d;
@define-color mantle #0D0F17;
@define-color crust #0C0D14;

5
waybar/config
View file

@ -1,3 +1,4 @@
// vim: ft=jsonc
// -*- mode: jsonc -*- // -*- mode: jsonc -*-
{ {
"output": "DP-1", "output": "DP-1",
@ -30,10 +31,10 @@
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>" "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
}, },
"cpu": { "cpu": {
"format": "{usage}%", "format": "{usage}%",
"tooltip": false "tooltip": false
}, },
"memory": { "memory": {
"format": "{}%" "format": "{}%"
} }
} }

128
waybar/style.css
View file

@ -1,46 +1,56 @@
@import "colors.css";
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-size: 18px; font-size: 18px;
min-height: 0;
font-weight: bold;
} }
window#waybar { window#waybar {
background-color: #0e1019; background: transparent;
border-top: 1px solid #191b2b; background-color: @mantle;
color: #eceef4; color: @overlay0;
transition-property: background-color; transition-property: background-color;
transition-duration: 0.3s; transition-duration: 0.1s;
padding: 0 24px; }
opacity: 0.95;
#window {
margin: 8px;
padding-left: 8;
padding-right: 8;
} }
button { button {
/* Avoid rounded borders under each button name */ /*box-shadow: inset 0 -3px transparent;*/
border: none; border: none;
border-radius: 0; padding-bottom: 2px;
border-radius: 0;
} }
button:hover { #workspaces button:hover,
border: none; #workspaces button.active,
box-shadow: none; /* Remove predefined box-shadow */ #workspaces button.focused {
text-shadow: none; /* Remove predefined text-shadow */ /*background: inherit;*/
background: none; /* Remove predefined background color (white) */ color: @blue;
transition: none; /* Disable predefined animations */ padding-bottom: 3px;
border-top: 3px solid @blue;
} }
#workspaces button { #workspaces button {
color: #eceef4; padding: 0 8px;
padding: 0 5px;
} }
#workspaces button:hover { #workspaces button.active,
border: none; #workspaces button.focused {
background-color: rgba(0, 0, 0, 0.3);
} }
#workspaces button.active { #workspaces button.urgent {
color: #89b4fa; background-color: @red;
background: #191b2b;
} }
#pulseaudio,
#clock, #clock,
#battery, #battery,
#cpu, #cpu,
@ -48,16 +58,66 @@ button:hover {
#disk, #disk,
#temperature, #temperature,
#backlight, #backlight,
#network,
#pulseaudio,
#wireplumber, #wireplumber,
#custom-media,
#tray, #tray,
#network,
#mode, #mode,
#idle_inhibitor, #scratchpad {
#scratchpad, margin-bottom: 2px;
#power-profiles-daemon, margin-left: 8px;
#mpd { margin-right: 8px;
padding: 0 10px; padding-left: 8px;
color: #eceef4; padding-right: 8px;
} }
#clock {
color: @mauve;
border-bottom: 2px solid @mauve;
}
#clock.date {
color: @mauve;
}
#pulseaudio {
color: @blue;
}
#network {
color: @yellow;
}
#cpu {
color: @sky;
border-bottom: 2px solid @sapphire;
}
#memory {
color: @peach;
border-bottom: 2px solid @peach;
}
#idle_inhibitor {
margin-right: 12px;
color: @green;
}
#idle_inhibitor.activated {
color: @red;
}
#battery {
color: @green;
border-bottom: 2px solid @green;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left>widget:first-child>#workspaces {
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right>widget:last-child>#workspaces {
margin-right: 0;
}