goodhumored/dotfiles-test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

waybar styles updated

Browse Source
This commit is contained in:
Некрасов Кирилл Сергеевич 2024-08-03 22:31:42 +03:00
parent 862ac0088e
commit 3cc07734dc
1 changed files with 94 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
.config/waybar/style.css
View File

@ -19,7 +19,7 @@
} }
window#waybar { window#waybar {
background-color: rgba(0,0,0,0); background-color: rgba(0, 0, 0, 0);
border-bottom: 0px; border-bottom: 0px;
/* color: #FFFFFF; */ /* color: #FFFFFF; */
transition-property: background-color; transition-property: background-color;
@ -31,7 +31,7 @@ window#waybar {
* ----------------------------------------------------- */ * ----------------------------------------------------- */
#workspaces { #workspaces {
background-color: rgba(0,0,0,.2); background-color: rgba(0, 0, 0, .2);
margin: 3px 7px 3px 3px; margin: 3px 7px 3px 3px;
padding: 0px 4px; padding: 0px 4px;
border: 0px; border: 0px;
@ -42,8 +42,8 @@ window#waybar {
#workspaces button { #workspaces button {
border: 0px; border: 0px;
margin:4px 5px 4px 0px; margin: 4px 5px 4px 0px;
padding:0px 16px; padding: 0px 16px;
color: @textcolor3; color: @textcolor3;
border-radius: 16px; border-radius: 16px;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
@ -67,9 +67,9 @@ window#waybar {
tooltip { tooltip {
border-radius: 10px; border-radius: 10px;
background-color: @backgroundlight; background-color: @backgroundlight;
opacity:0.8; opacity: 0.8;
padding:20px; padding: 20px;
margin:0px; margin: 0px;
} }
tooltip label { tooltip label {
@ -83,24 +83,24 @@ tooltip label {
#window { #window {
margin: 0px 15px 0px 0px; margin: 0px 15px 0px 0px;
border-radius: 12px; border-radius: 12px;
color:@textcolor; color: @textcolor;
font-size:14px; font-size: 14px;
font-weight:normal; font-weight: normal;
} }
window#waybar.empty #window { window#waybar.empty #window {
background-color:transparent; background-color: transparent;
} }
/* ----------------------------------------------------- /* -----------------------------------------------------
* Modules * Modules
* ----------------------------------------------------- */ * ----------------------------------------------------- */
.modules-left > widget:first-child > #workspaces { .modules-left>widget:first-child>#workspaces {
margin-left: 0; margin-left: 0;
} }
.modules-right > widget:last-child > #workspaces { .modules-right>widget:last-child>#workspaces {
margin-right: 0; margin-right: 0;
} }
@ -108,19 +108,19 @@ window#waybar.empty #window {
* Custom Quicklinks * Custom Quicklinks
* ----------------------------------------------------- */ * ----------------------------------------------------- */
#custom-brave, #custom-brave,
#custom-browser, #custom-browser,
#custom-keybindings, #custom-keybindings,
#custom-outlook, #custom-outlook,
#custom-filemanager, #custom-filemanager,
#custom-teams, #custom-teams,
#custom-chatgpt, #custom-chatgpt,
#custom-calculator, #custom-calculator,
#custom-windowsvm, #custom-windowsvm,
#custom-cliphist, #custom-cliphist,
#custom-wallpaper, #custom-wallpaper,
#custom-settings, #custom-settings,
#custom-wallpaper, #custom-wallpaper,
#custom-system, #custom-system,
#custom-hyprshade, #custom-hyprshade,
#custom-hypridle, #custom-hypridle,
@ -132,8 +132,7 @@ window#waybar.empty #window {
#custom-quicklink4, #custom-quicklink4,
#custom-quicklink5, #custom-quicklink5,
#custom-quicklink6, #custom-quicklink6,
#mpd #mpd #custom-quicklink7,
#custom-quicklink7,
#custom-quicklink8, #custom-quicklink8,
#custom-quicklink9, #custom-quicklink9,
#custom-quicklink10, #custom-quicklink10,
@ -145,15 +144,15 @@ window#waybar.empty #window {
} }
#custom-tools { #custom-tools {
margin-right:12px; margin-right: 12px;
} }
#custom-hyprshade { #custom-hyprshade {
margin-right:12px; margin-right: 12px;
} }
#custom-hypridle { #custom-hypridle {
margin-right:16px; margin-right: 16px;
} }
#custom-hypridle.active { #custom-hypridle.active {
@ -184,8 +183,9 @@ window#waybar.empty #window {
padding-right: 23px; padding-right: 23px;
} }
#custom-waybarthemes,#custom-system { #custom-waybarthemes,
margin-right:15px; #custom-system {
margin-right: 15px;
} }
@ -194,7 +194,7 @@ window#waybar.empty #window {
background-image: url("../assets/ml4w-icon.svg"); background-image: url("../assets/ml4w-icon.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
padding-right: 20px; padding-right: 20px;
} }
@ -241,8 +241,8 @@ window#waybar.empty #window {
#custom-exit { #custom-exit {
margin: 0px 20px 0px 0px; margin: 0px 20px 0px 0px;
padding:0px; padding: 0px;
font-size:16px; font-size: 16px;
color: @iconcolor; color: @iconcolor;
} }
@ -257,8 +257,7 @@ window#waybar.empty #window {
margin: 0px 15px 0px 0px; margin: 0px 15px 0px 0px;
} }
#custom-updates.green { #custom-updates.green {}
}
#custom-updates.yellow { #custom-updates.yellow {
color: #ff9a3c; color: #ff9a3c;
@ -284,15 +283,18 @@ window#waybar.empty #window {
* Hardware Group * Hardware Group
* ----------------------------------------------------- */ * ----------------------------------------------------- */
#disk,#memory,#cpu,#language { #disk,
margin:0px; #memory,
padding:0px; #cpu,
font-size:14px; #language {
color:@iconcolor; margin: 0px;
padding: 0px;
font-size: 14px;
color: @iconcolor;
} }
#language { #language {
margin-right:10px; margin-right: 10px;
} }
/* ----------------------------------------------------- /* -----------------------------------------------------
@ -355,7 +357,9 @@ window#waybar.empty #window {
* Bluetooth * Bluetooth
* ----------------------------------------------------- */ * ----------------------------------------------------- */
#bluetooth, #bluetooth.on, #bluetooth.connected { #bluetooth,
#bluetooth.on,
#bluetooth.connected {
font-size: 14px; font-size: 14px;
color: @textcolor; color: @textcolor;
border-radius: 15px; border-radius: 15px;
@ -379,15 +383,16 @@ window#waybar.empty #window {
margin: 10px 15px 10px 0px; margin: 10px 15px 10px 0px;
} }
#battery.charging, #battery.plugged { #battery.charging,
#battery.plugged {
color: @textcolor; color: @textcolor;
} }
@keyframes blink { @keyframes blink {
to { to {
background-color: @backgroundlight; background-color: @backgroundlight;
color: @textcolor2; color: @textcolor2;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
@ -404,14 +409,14 @@ to {
* ----------------------------------------------------- */ * ----------------------------------------------------- */
#tray { #tray {
margin:0px 10px 0px 0px; margin: 0px 10px 0px 0px;
} }
#tray > .passive { #tray>.passive {
-gtk-icon-effect: dim; -gtk-icon-effect: dim;
} }
#tray > .needs-attention { #tray>.needs-attention {
-gtk-icon-effect: highlight; -gtk-icon-effect: highlight;
background-color: #eb4d4b; background-color: #eb4d4b;
} }
@ -425,12 +430,45 @@ to {
color: #fff; color: #fff;
} }
#mpd.disconnected { #mpd.disconnected {}
#mpd.stopped {}
#mpd.paused {}
#playerctl {
background-color: rgba(0, 0, 0, .2);
margin-top: 2px;
margin-right: 20px;
padding: 4px 16px 0px;
border: 0px;
font-family: monospace;
font-size: 14px;
color: @textcolor3;
border-radius: 16px;
} }
#mpd.stopped { #playerctl * {
transition: all 0.5s ease-in-out;
color: #ccc;
} }
#mpd.paused { #playerctl *:hover {
color: #fff;
} }
#custom-playerctl-pause-play {
margin: 0px 10px;
}
.Playing {
color: @textcolor3;
}
.Paused {
color: rgb(180, 180, 180);
}
#custom-playerctl-title {
margin-left: 20px;
}