Browse Source

added Simple Style waybar

pull/73/head
JaKooLit 2 years ago
parent
commit
8f0c8274a8
  1. 117
      config/waybar/style/Simple Style.css

117
config/waybar/style/Simple Style.css

@ -0,0 +1,117 @@
@define-color background #1d2021;
@define-color foreground #ebdbb2;
@define-color dim #928374;
@define-color yellow #fabd2f;
@define-color red #fb4934;
@define-color green #b8bb26;
* {
background: @background;
border: none;
border-radius: 0;
font-family: "JetBrainsMono Nerd Font";
font-size: 97%;
}
window#waybar {
background: @background;
color: @foreground;
transition-property: background-color;
transition-duration: 0.5s;
}
#workspaces button {
padding: 0 10px;
background: transparent;
color: @foreground;
border-top: 3px solid @background;
border-bottom: 3px solid transparent;
}
#workspaces button.active {
border-bottom: 3px solid @green;
}
#workspaces button.urgent {
border-bottom: 3px solid @yellow;
}
#submap {
border-bottom: 3px solid @red;
}
#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning {
border-top: 3px solid @background;
border-bottom: 3px solid @yellow;
}
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical,
#custom-recording {
border-top: 3px solid @background;
border-bottom: 3px solid @red;
}
#battery.charging {
border-top: 3px solid @background;
border-bottom: 3px solid @green;
}
#tray {
margin-left: -1000000px;
}
#backlight,
#backlight-slider,
#battery,
#bluetooth,
#cava,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-speaker,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
padding: 0 6px;
margin: 0 6px;
}
Loading…
Cancel
Save