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

addet pywal css file

Browse source
This commit is contained in:
pika 2024-06-01 19:36:38 +02:00
parent 566252d2b8
commit 7548190cd5
2 changed files with 210 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

204
pywal_style.css Normal file
View file

@ -0,0 +1,204 @@
@import "pywal_style.css";
@import "mocha.css";
* {
padding: 0px;
margin: 0px;
font-family: "Rubik", "JetBrains Mono Nerd Font";
font-size: 12px;
font-weight: bold;
}
/* ------ Set a Uniform Border Radius ------ */
.modules-left, .modules-center, .modules-right, #cpu, #memory, #temperature, #pulseaudio, #backlight, #custom-spotify, #custom-icon, #custom-updates, #network, #battery, #tray, #idle_inhibitor, #custom-power, #custom-notification {
border-radius: 6px;
}
/* ------ Modules Left ------ */
.modules-left {
background-color: @base;
padding-right: 5px;
padding-left: 5px;
}
/* ------ Modules Center ------ */
.modules-center {
background-color: @base;
padding-right: 5px;
padding-left: 5px;
}
/* ------ Modules Right ------ */
.modules-right {
background-color: @base;
padding-right: 5px;
padding-left: 5px;
}
/* ------ Cpu Usage, Temperature, and Memory ------ */
#cpu, #temperature, #memory {
background-color: @surface0;
padding: 4px 4px;
margin: 4px 4px;
font-size: 12px;
}
#cpu { color: @peach; }
#memory { color: @mauve; }
#temperature { color: @maroon; }
/* ------ Window Title ------ */
#window {
color: @color7;
padding-right: 4px;
}
window#waybar {
background-color: rgba(0, 0, 0, 0);
/* border-bottom: 0px solid #ffffff; */
/* color: #FFFFFF; */
background: transparent;
transition-property: background-color;
transition-duration: .5s;
}
/* -----------------------------------------------------
* Workspaces
* ----------------------------------------------------- */
#workspaces button.empty {
color: @color2;
font-family: JetBrainsMono Nerd Font;
}
#workspaces {
margin: 0px 1px 0px 1px;
padding: 0px 1px;
font-family: JetBrainsMono Nerd Font;
}
#workspaces button {
padding: 0px 2px;
margin: 4px 2px;
color: @color7;
font-family: JetBrainsMono Nerd Font;
}
#workspaces button:hover {
opacity:0.5;
color: @color3;
}
/* ------ Pulseaudio ------ */
#pulseaudio {
color: @peach;
background-color: @surface0;
padding: 2px 5px;
margin: 4px 2px;
}
/* ------ Backlight ------ */
#backlight {
color: @sky;
background-color: @surface0;
padding: 2px 5px;
margin: 4px 2px;
}
/* ------ Network ------ */
#network {
color: @mauve;
background-color: @surface0;
padding: 2px 5px;
margin: 4px 2px;
}
/* ------ Battery ------ */
#battery {
color: @maroon;
background-color: @surface0;
padding: 2px 5px;
margin: 4px 2px;
}
/* ------ Clock ------ */
#clock {
padding-left: 10px;
color: @color7;
font-weight: bold;
font-size: 13px;
}
/* ------ System Tray ------ */
#tray {
background-color: @surface0;
padding: 2px 5px;
margin: 4px 2px;
}
/* ------ Custom Modules ------ */
#custom-icon {
font-size: 18px;
color: @color2;
padding-right: 5px;
}
#custom-separator-arrow {
font-size: 14px;
color: @text;
}
#custom-separator-dot {
font-size: 15px;
color: @text;
}
#custom-spotify {
color: @mauve;
background-color: @surface0;
padding: 2px 9px;
margin: 4px 2px;
}
#custom-power {
color: @red;
background-color: @surface0;
padding: 2px 9px;
margin: 4px 2px;
font-size: 15px;
}
#idle_inhibitor {
color: @green;
background-color: @surface0;
padding: 2px 9px;
margin: 4px 2px;
font-size: 15px;
}
#custom-updates {
padding: 2px 8px;
margin: 4px 4px;
background-color: @surface0;
}
#custom-updates.green {
color: @text;
}
#custom-updates.yellow {
color: @peach;
}
#custom-updates.red {
color: @red;
}
#custom-notification {
color: @teal;
background-color: @surface0;
padding: 2px 9px;
margin: 4px 2px;
font-size: 15px;
}
tooltip {
background: @base;
border: 1px solid @blue;
}

13
style.css
View file

@ -1,4 +1,3 @@
@import "../../.cache/wal/colors.css";
@import "mocha.css";
* {
@ -67,7 +66,7 @@ window#waybar {
* ----------------------------------------------------- */
#workspaces button.empty {
color: @color2;
color: @lavender;
font-family: JetBrainsMono Nerd Font;
}
@ -80,13 +79,13 @@ window#waybar {
#workspaces button {
padding: 0px 2px;
margin: 4px 2px;
color: @color7;
color: @mauve;
font-family: JetBrainsMono Nerd Font;
}
#workspaces button:hover {
opacity:0.5;
color: @color3;
color: @blue;
}
/* ------ Pulseaudio ------ */
@ -124,8 +123,8 @@ window#waybar {
/* ------ Clock ------ */
#clock {
padding-left: 10px;
color: @color7;
font-weight: bold;
color: @red;
font-weight: bold;
font-size: 13px;
}
@ -139,7 +138,7 @@ window#waybar {
/* ------ Custom Modules ------ */
#custom-icon {
font-size: 18px;
color: @color2;
color: @teal;
padding-right: 5px;
}