TileOS/tileos-settings-sway
TileOS/tileos-settings-sway
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adapat Waybar style.css

Browse source
This commit is contained in:
Aleksey Samoilov 2023-05-19 20:34:17 +04:00
parent 41c397f190
commit 1315a27e7e
1 changed files with 39 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
etc/skel/.config/waybar/style.css
View file

@ -22,18 +22,12 @@
/* Reset all styles */ /* Reset all styles */
* { * {
border: none; border: 0;
border-radius: 4; border-radius: 0;
min-height: 0; padding: 0 0;
margin: 0; margin-right: 2px;
padding: 0; margin-left: 2px;
} font-family: "Noto Sans", "Font Awesome 6 Free", "Font Awesome";
/* The whole bar */
#waybar {
background: @theme_bg_color;
color: @theme_fg_color;
font-family: "Ubuntu", "Font Awesome 6 Free", "Font Awesome";
font-size: 14px; font-size: 14px;
} }
@ -42,8 +36,7 @@
} }
window#waybar { window#waybar {
margin-left: 10px; background: #24273a;
border-radius: 0;
} }
window#waybar.hidden { window#waybar.hidden {
@ -51,36 +44,34 @@ window#waybar.hidden {
} }
#workspaces button { #workspaces button {
/* To compensate for the top border and still have vertical centering */ padding: 2px 0px;
padding: 0 0.5em; border-bottom: 2px;
margin: 4px 3px; border-color: #24273a;
color: @wm_icon_bg; border-style: solid;
} }
#workspaces button.focused { #workspaces button.focused {
border-color: @theme_selected_bg_color; color: #7dc4e4;
color: @wm_icon_bg; border-color: #7dc4e4;
background-color: @theme_selected_bg_color;
} }
#workspaces button.urgent { #workspaces button.urgent {
border-color: @error_color; border-color: #ed8796;
color: @error_color; color: #ed8796;
} }
#mode { #mode {
background: @background_color; color: #ebcb8b;
} }
#clock, #clock,
#custom-playerctl, #custom-playerctl,
#custom-power, #custom-power,
#custom-scratchpad, #custom-scratchpad,
#custom-weather,
#custom-wlsunset, #custom-wlsunset,
#custom-clipboard, #custom-clipboard,
#custom-menu, #custom-menu,
#custom-dnd, #custom-dunst,
#battery, #battery,
#cpu, #cpu,
#language, #language,
@ -91,62 +82,48 @@ window#waybar.hidden {
#tray, #tray,
#mode, #mode,
#idle_inhibitor { #idle_inhibitor {
padding-left: 10px; padding: 0 6px;
padding-right: 10px; border-bottom: 2px;
margin: 4px 3px; border-style: solid;
} }
#clock { #clock {
background: @theme_selected_bg_color; color: #b7bdf8;
color: @theme_selected_fg_color;
}
#custom-weather {
background: @theme_selected_bg_color;
color: @theme_selected_fg_color;
} }
#custom-wlsunset { #custom-wlsunset {
background: @theme_selected_bg_color; color: #f5bde6;
color: @theme_selected_fg_color;
} }
#custom-playerctl { #custom-playerctl {
background: @theme_selected_bg_color; color: #f0c6c6;
color: @theme_selected_fg_color;
} }
#custom-power { #custom-power {
background: @theme_selected_bg_color; color: #cad3f5;
color: @theme_selected_fg_color;
} }
#custom-scratchpad { #custom-scratchpad {
background: @theme_selected_bg_color; color: #f4dbd6;
color: @theme_selected_fg_color;
} }
#custom-clipboard { #custom-clipboard {
background: @theme_selected_bg_color; color: #f5a97f;
color: @theme_selected_fg_color;
} }
#custom-menu { #custom-menu {
background: @theme_selected_bg_color; color: #a6da95;
color: @theme_selected_fg_color;
} }
#custom-dnd { #custom-dunst {
background: @theme_selected_bg_color; color: #ed8796;
color: @theme_selected_fg_color;
} }
#battery { #battery {
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
background: @theme_selected_bg_color; color: #8bd5ca;
color: @theme_selected_fg_color;
} }
#battery.warning { #battery.warning {
@ -172,52 +149,38 @@ label:focus {
} }
#cpu { #cpu {
background: @theme_selected_bg_color; color: #eed49f;
color: @theme_selected_fg_color;
} }
#language { #language {
background: @theme_selected_bg_color; color: #ee99a0;
color: @theme_selected_fg_color;
} }
#memory { #memory {
background: @theme_selected_bg_color; color: #a6da95;
color: @theme_selected_fg_color;
}
#custom-gpu-usage {
background: @theme_selected_bg_color;
color: @theme_selected_fg_color;
} }
#network { #network {
background: @theme_selected_bg_color; color: #91d7e3;
color: @theme_selected_fg_color;
} }
#bluetooth { #bluetooth {
background: @theme_selected_bg_color; color: #7dc4e4;
color: @theme_selected_fg_color;
} }
#bluetooth.disabled { #bluetooth.disabled {
background: @theme_bg_color;
color: @wm_icon_bg; color: @wm_icon_bg;
} }
#network.disconnected { #network.disconnected {
background: @theme_bg_color;
color: @wm_icon_bg color: @wm_icon_bg
} }
#pulseaudio { #pulseaudio {
background: @theme_selected_bg_color; color: #8aadf4;
color: @theme_selected_fg_color;
} }
#pulseaudio.muted { #pulseaudio.muted {
background: @theme_bg_color;
color: @wm_icon_bg; color: @wm_icon_bg;
} }
@ -227,15 +190,10 @@ label:focus {
} }
#tray { #tray {
padding-left: 10px; padding-left: 5px;
padding-right: 10px; padding-right: 5px;
} }
#idle_inhibitor { #idle_inhibitor {
background: @theme_selected_bg_color; color: #c6a0f6;
}
#idle_inhibitor.activated {
background: @theme_selected_bg_color;
color: @theme_selected_fg_color;
} }