Browse Source

updated some waybar styles

pull/53/head
JaKooLit 2 years ago
parent
commit
86204c8dc9
  1. 1
      config/waybar/style/Catppuccin-Latte.css
  2. 15
      config/waybar/style/Catppuccin-Mocha.css
  3. 25
      config/waybar/style/Chroma Edge.css
  4. 2
      config/waybar/style/Chroma Glow.css
  5. 3
      config/waybar/style/Chroma Tally.css
  6. 6
      config/waybar/style/Monochrome Contrast.css
  7. 8
      config/waybar/style/Monochrome Manifest.css
  8. 2
      config/waybar/style/Pywal.css
  9. 7
      config/waybar/style/Translucent Chromatic.css

1
config/waybar/style/Catppuccin-Latte.css

@ -132,6 +132,7 @@ window#waybar.hidden {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}

15
config/waybar/style/Catppuccin-Mocha.css

@ -138,6 +138,7 @@ window#waybar.hidden {
color: @green;
}
#custom-keyboard,
#memory {
color: @sky;
}
@ -177,7 +178,7 @@ window#waybar.hidden {
}
#workspaces button:hover {
border-radius: 8px;
border-radius: 10px;
color: @overlay0;
background-color: @surface0;
padding-left: 2px;
@ -187,13 +188,13 @@ window#waybar.hidden {
}
#workspaces button.persistent {
color: @surface1;
border-radius: 10px;
color: @surface1;
border-radius: 10px;
}
#workspaces button.active {
color: @peach;
border-radius: 8px;
color: @peach;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
@ -201,8 +202,8 @@ window#waybar.hidden {
}
#workspaces button.urgent {
color: @red;
border-radius: 0px;
color: @red;
border-radius: 0px;
}
#taskbar button.active {

25
config/waybar/style/Chroma Edge.css

@ -49,9 +49,10 @@ tooltip {
tooltip label{
color: #cdd6f4;
}
#workspaces button {
color: #7984a4;
background-color: transparent;
background-color: transparent;
color: grey;
box-shadow: none;
text-shadow: none;
padding: 0px;
@ -62,21 +63,24 @@ tooltip label{
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspace button.hover {
background-color: transparent;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.active {
color: white;
background-color: transparent;
color: #D3D3D3;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: #D3D3D3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
@ -163,6 +167,7 @@ tooltip label{
background-color: rgba(50, 50, 50, 0.1);
}
#custom-keyboard,
#memory {
color: #ebcb8b;
}

2
config/waybar/style/Chroma Glow.css

@ -72,6 +72,7 @@ tooltip label{
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: #D3D3D3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
@ -193,6 +194,7 @@ label:focus {
background-color: #000000;
}
#custom-keyboard,
#custom-menu{
color: yellow;
/*padding: 3px;*/

3
config/waybar/style/Chroma Tally.css

@ -43,6 +43,7 @@ window#waybar {
}
#workspaces button:hover {
color: @color2;
background-color: rgba(0,153,153,0);
padding-left: 2px;
padding-right: 2px;
@ -146,6 +147,8 @@ window#waybar {
#disk {
color: #94e2d5;
}
#custom-keyboard,
#memory {
color: #d3869b;
}

6
config/waybar/style/Monochrome Contrast.css

@ -40,7 +40,7 @@ tooltip label{
.modules-right {
background-color: white;
color: black;
border-bottom: 4px;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;
@ -52,7 +52,7 @@ tooltip label{
.modules-center {
background-color: white;
color: black;
border-bottom: 4px;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;
@ -64,7 +64,7 @@ tooltip label{
.modules-left {
background-color: white;
color: black;
border-bottom: 4px;
border-bottom: 2px;
border-style: solid;
border-color: black;
border-radius: 10px;

8
config/waybar/style/Monochrome Manifest.css

@ -40,7 +40,7 @@ tooltip label{
.modules-right {
background-color: black;
color: white;
border-bottom: 3px;
border-bottom: 2px;
border-style: solid;
border-color: white;
border-radius: 10px;
@ -52,7 +52,7 @@ tooltip label{
.modules-center {
background-color: black;
color: white;
border-bottom: 3px;
border-bottom: 2px;
border-style: solid;
border-color: white;
border-radius: 10px;
@ -64,7 +64,7 @@ tooltip label{
.modules-left {
background-color: black;
color: white;
border-bottom: 3px;
border-bottom: 2px;
border-style: solid;
border-color: white;
border-radius: 10px;
@ -85,7 +85,7 @@ tooltip label{
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
color: grey;
color: white;
background-color: rgba(0,153,153,0.2);
padding-left: 2px;
padding-right: 2px;

2
config/waybar/style/Pywal.css

@ -8,7 +8,7 @@
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 94%;
font-size: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}

7
config/waybar/style/Translucent Chromatic.css

@ -76,7 +76,7 @@ tooltip label{
#workspaces button.active {
background-color: transparent;
color: #D3D3D3;
color: @accent1;
padding-left: 8px;
padding-right: 8px;
animation: gradient_f 20s ease-in infinite;
@ -85,6 +85,7 @@ tooltip label{
#workspaces button:hover {
background: rgba(0, 0, 0, 0.2);
color: @accent3;
padding-left: 2px;
padding-right: 2px;
animation: gradient_f 20s ease-in infinite;
@ -93,7 +94,7 @@ tooltip label{
#workspaces button.focused {
background-color: #bbccdd;
color: #323232;
color: @accent2;
/* box-shadow: inset 0 -3px #ffffff; */
}
@ -211,6 +212,7 @@ label:focus {
/*padding: 3px;*/
}
#custom-keyboard,
#cpu {
color: @accent1;
}
@ -278,6 +280,7 @@ label:focus {
color: #ffa000;
}
#keyboard-state,
#temperature {
color: @accent6;
/* background-color: #f0932b; */

Loading…
Cancel
Save