jonny
/
Hyprland-Dots
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

updated some waybar styles

pull/53/head
JaKooLit 2 years ago
parent
86733c1873
commit
86204c8dc9
9 changed files with 42 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      config/waybar/style/Catppuccin-Latte.css
  2. 5
      config/waybar/style/Catppuccin-Mocha.css
  3. 21
      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
Unescape View File

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

5
config/waybar/style/Catppuccin-Mocha.css
Unescape View File

@ -138,6 +138,7 @@ window#waybar.hidden {
color: @green; color: @green;
} }
#custom-keyboard,
#memory { #memory {
color: @sky; color: @sky;
} }
@ -177,7 +178,7 @@ window#waybar.hidden {
} }
#workspaces button:hover { #workspaces button:hover {
border-radius: 8px; border-radius: 10px;
color: @overlay0; color: @overlay0;
background-color: @surface0; background-color: @surface0;
padding-left: 2px; padding-left: 2px;
@ -193,7 +194,7 @@ window#waybar.hidden {
#workspaces button.active { #workspaces button.active {
color: @peach; color: @peach;
border-radius: 8px; border-radius: 10px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;

21
config/waybar/style/Chroma Edge.css
Unescape View File

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

2
config/waybar/style/Chroma Glow.css
Unescape View File

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

3
config/waybar/style/Chroma Tally.css
Unescape View File

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

6
config/waybar/style/Monochrome Contrast.css
Unescape View File

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

8
config/waybar/style/Monochrome Manifest.css
Unescape View File

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

2
config/waybar/style/Pywal.css
Unescape View File

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

7
config/waybar/style/Translucent Chromatic.css
Unescape View File

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

Write Preview
Loading…
Cancel
Save