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

Complete workout of waybar CSS

pull/42/head
JaKooLit 2 years ago
parent
8bd4369340
commit
9434d00294
16 changed files with 258 additions and 212 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      config/waybar/style/Black & White.css
  2. 36
      config/waybar/style/Catppuccin-Latte.css
  3. 51
      config/waybar/style/Catppuccin-Mocha.css
  4. 12
      config/waybar/style/Chroma Tally.css
  5. 24
      config/waybar/style/Colored (Bordered).css
  6. 37
      config/waybar/style/Crimson.css
  7. 15
      config/waybar/style/Dark.css
  8. 42
      config/waybar/style/Golden Noir.css
  9. 17
      config/waybar/style/Light.css
  10. 34
      config/waybar/style/Purpl.css
  11. 36
      config/waybar/style/Pywal.css
  12. 12
      config/waybar/style/Rainbow Spectrum.css
  13. 24
      config/waybar/style/Rose-Pine.css
  14. 41
      config/waybar/style/Simple Pink.css
  15. 18
      config/waybar/style/Translucent Chromatic.css
  16. 19
      config/waybar/style/Transparent.css

52
config/waybar/style/Black & White.css
Unescape View File

@ -56,6 +56,10 @@ tooltip label{
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: black;;
@ -63,6 +67,10 @@ tooltip label{
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
background-color: black;
@ -70,40 +78,44 @@ tooltip label{
border-style: solid;
border-color: white;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
background-color: transparent;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
color: grey;
background-color: rgba(0,153,153,0);
padding-left: 3px;
padding-right: 3px;
background-color: rgba(0,153,153,0.2);
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.focused {
background-color: rgba(0,85,102,0);
}
#workspaces button.active {
color: white;
background-color: rgba(191, 191, 191,0.1);
padding-left: 12px;
padding-right: 12px;
background: rgba(191, 191, 191,0.1);
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.persistent {
border-radius: 10px;
}
#backlight,
#backlight-slider,
#battery,
@ -150,10 +162,10 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#mode {
color: #cc3436;
@ -195,15 +207,15 @@ tooltip label{
#taskbar button.active {
background-color: #7f849c;
padding-left: 12px;
padding-right: 12px;
padding-left: 6px;
padding-right: 6px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
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);
}

36
config/waybar/style/Catppuccin-Latte.css
Unescape View File

@ -90,10 +90,10 @@ window#waybar.hidden {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#idle_inhibitor {
@ -165,44 +165,44 @@ window#waybar.hidden {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button:hover {
border-radius: 8px;
border-radius: 10px;
color: @overlay0;
background-color: @surface0;
padding-left: 3px;
padding-right: 3px;
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.persistent {
color: @surface1;
border-radius: 0px;
color: @surface1;
border-radius: 10px;
}
#workspaces button.active {
color: @peach;
border-radius: 8px;
padding-left: 12px;
padding-right: 12px;
border-radius: 10px;
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.urgent {
color: @red;
border-radius: 0px;
color: @red;
border-radius: 0px;
}
#taskbar button.active {
padding-left: 12px;
padding-right: 12px;
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);
}

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

@ -32,15 +32,22 @@ window#waybar.hidden {
/* This section can be use if you want to separate waybar modules */
.modules-left, .modules-center, .modules-right {
background: @theme_base_color;
border: 0.5px solid @overlay0;
padding: 0px 5px;
border-radius: 10px;
background: @theme_base_color;
border: 0.5px solid @overlay0;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 10px;
}
.modules-left, .modules-right {
border: 1px solid @blue;
/*margin: 0px 5px;*/
.modules-left, .modules-right {
border: 1px solid @blue;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#backlight,
@ -89,10 +96,10 @@ window#waybar.hidden {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#idle_inhibitor {
@ -164,8 +171,8 @@ window#waybar.hidden {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -174,22 +181,22 @@ window#waybar.hidden {
border-radius: 8px;
color: @overlay0;
background-color: @surface0;
padding-left: 3px;
padding-right: 3px;
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.persistent {
color: @surface1;
border-radius: 0px;
border-radius: 10px;
}
#workspaces button.active {
color: @peach;
border-radius: 8px;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -200,15 +207,15 @@ window#waybar.hidden {
}
#taskbar button.active {
padding-left: 12px;
padding-right: 12px;
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);
}
#taskbar button:hover {
padding-left: 3px;
padding-right: 3px;
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);
}

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

@ -27,8 +27,8 @@ window#waybar {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -39,16 +39,16 @@ window#waybar {
border-style: solid;
border-radius: 15px;
background-color: @color2;
padding-left: 12px;
padding-right: 12px;
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-color: rgba(0,153,153,0);
padding-left: 3px;
padding-right: 3px;
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);
}

24
config/waybar/style/Colored (Bordered).css
Unescape View File

@ -56,26 +56,23 @@ tooltip label{
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
#workspaces button.focused {
background-color: transparent;
}
#workspace button.hover {
background-color: transparent;
padding-left: 3px;
padding-right: 3px;
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;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -84,6 +81,7 @@ tooltip label{
background-color: #eb4d4b;
}
#backlight,
#backlight-slider,
#battery,
@ -127,10 +125,10 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
color: #e5e5e5;
/* color: #bf616a; */
border-radius: 12px;

37
config/waybar/style/Crimson.css
Unescape View File

@ -45,24 +45,24 @@ tooltip {
/*-----module groups----*/
.modules-right {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
@ -71,8 +71,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -82,8 +82,8 @@ tooltip {
background-color: #000000;
border: 1px solid grey;
border-radius: 15px 15px 15px 15px;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -156,8 +156,8 @@ tooltip {
color: wheat;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px;
padding-left: 10px;
padding-right: 4px;
padding-left: 4px;
}
#temperature.critical {
@ -172,6 +172,7 @@ tooltip {
#taskbar button.active {
background-color: rgb(128, 31, 31);
border-radius: 8px;
border: 1px solid grey;
padding-left: 12px;
padding-right: 12px;

15
config/waybar/style/Dark.css
Unescape View File

@ -81,8 +81,8 @@ tooltip label {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -90,8 +90,8 @@ tooltip label {
#workspaces button.active {
color: @foreground;
border-radius: 15px 15px 15px 15px;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -108,8 +108,8 @@ tooltip label {
#workspaces button:hover {
color: #9CCFD8;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -163,7 +163,8 @@ tooltip label {
color: @foreground;
padding-top: 2px;
padding-bottom: 2px;
padding: 1px 4px;
padding-right: 4px;
padding-left: 4px;
border-radius: 8px;
}

42
config/waybar/style/Golden Noir.css
Unescape View File

@ -50,10 +50,10 @@ tooltip {
/*-----module groups----*/
.modules-right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
@ -61,17 +61,17 @@ tooltip {
border-left: 1px solid #ffd700;
border-right: 1px solid #ffd700;
border-radius: 20px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
@ -80,8 +80,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -91,8 +91,8 @@ tooltip {
border-radius: 50%;
background-color: black;
border-radius: 15px 15px 15px 15px;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -109,8 +109,8 @@ tooltip {
#workspaces button:hover {
color: #ffd700;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -166,8 +166,10 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #e5d9f5;
padding-right: 8px;
padding-left: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#temperature.critical {

17
config/waybar/style/Light.css
Unescape View File

@ -78,8 +78,8 @@ tooltip label {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -87,8 +87,8 @@ tooltip label {
#workspaces button.active {
color: #000000;
border-radius: 15px 15px 15px 15px;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -105,8 +105,8 @@ tooltip label {
#workspaces button:hover {
color: #000000;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -158,7 +158,10 @@ tooltip label {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #000000;
padding: 1px 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 8px;
}

34
config/waybar/style/Purpl.css
Unescape View File

@ -51,12 +51,17 @@ tooltip {
border: 5px solid #20052a;
border-radius: 100px 0px 0px 0px;
background-color: #3d174b;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
/*background-color: #1e1e2e;*/
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
@ -66,8 +71,10 @@ tooltip {
border: 5px solid #20052a;
border-radius: 0px 0px 100px 0px;
background-color: #441a53;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
@ -76,8 +83,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -86,8 +93,8 @@ tooltip {
color: #cba6f7;
border-radius: 50%;
background-color: black;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -104,8 +111,8 @@ tooltip {
#workspaces button:hover {
color: #9CCFD8;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -157,7 +164,10 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: whitesmoke;
padding: 0px 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}

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

@ -45,24 +45,30 @@ tooltip {
border: 3px solid @color14;
border-radius: 40px 0px 0px 0px;
background-color: @color1;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
border: 3px solid @color14;
border-radius: 60px 0px 60px 0px;
background-color: @background;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
border: 3px solid @color14;
border-radius: 0px 0px 40px 0px;
background-color: @color1;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
@ -71,8 +77,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -80,8 +86,8 @@ tooltip {
#workspaces button.active {
color: @background;
background-color: @color2;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -97,8 +103,8 @@ tooltip {
#workspaces button:hover {
color: @color4;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -154,8 +160,10 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
padding-right: 8px;
padding-left: 8px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 6px;
padding-left: 6px;
}
#temperature.critical {

12
config/waybar/style/Rainbow Spectrum.css
Unescape View File

@ -170,8 +170,8 @@ tooltip label{
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -179,8 +179,8 @@ tooltip label{
#workspaces button.active {
background-color: #eba0ac;
color: #3A3B3C;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -188,8 +188,8 @@ tooltip label{
#workspaces button:hover {
background: #eb6f92;
color: #f6c177;
padding-left: 3px;
padding-right: 3px;
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);
}

24
config/waybar/style/Rose-Pine.css
Unescape View File

@ -36,8 +36,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
color: @main-fg;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
@ -46,8 +46,8 @@ tooltip {
#workspaces button.active {
background: @wb-act-bg;
color: @wb-act-fg;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -55,8 +55,8 @@ tooltip {
#workspaces button:hover {
background: @wb-hvr-bg;
color: @wb-hvr-fg;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -76,8 +76,8 @@ tooltip {
#taskbar button.active {
background: @wb-act-bg;
color: @wb-act-color;
padding-left: 12px;
padding-right: 12px;
padding-left: 6px;
padding-right: 6px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -140,10 +140,10 @@ tooltip {
color: @main-fg;
background: @main-bg;
opacity: 1;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#temperature.critical {

41
config/waybar/style/Simple Pink.css
Unescape View File

@ -51,18 +51,18 @@ tooltip {
border: 5px solid #19141b;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
background-color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
@ -71,10 +71,10 @@ tooltip {
border: 5px solid #0d0a0f;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
#workspaces button {
@ -83,8 +83,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -93,8 +93,8 @@ tooltip {
color: whitesmoke;
background-color: pink;
border-radius: 15px 15px 15px 15px;
padding-left: 10px;
padding-right: 10px;
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);
@ -113,8 +113,8 @@ tooltip {
color: #ba5663;
background-color: #0d0a0d;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
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);
@ -167,7 +167,10 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: whitesmoke;
padding: 0px 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}

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

@ -20,7 +20,7 @@ font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 95%;
font-size: 98%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
@ -68,8 +68,8 @@ tooltip label{
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -77,16 +77,16 @@ tooltip label{
#workspaces button.active {
background-color: transparent;
color: #D3D3D3;
padding-left: 12px;
padding-right: 12px;
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);
padding-left: 3px;
padding-right: 3px;
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);
}
@ -152,8 +152,8 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 3px;
padding-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}

19
config/waybar/style/Transparent.css
Unescape View File

@ -61,8 +61,8 @@ tooltip {
text-shadow: none;
padding: 0px;
border-radius: 9px;
padding-left: 3px;
padding-right: 3px;
padding-left: 4px;
padding-right: 4px;
animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
}
@ -70,8 +70,8 @@ tooltip {
#workspaces button.active {
color: whitesmoke;
border-radius: 15px 15px 15px 15px;
padding-left: 12px;
padding-right: 12px;
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);
}
@ -88,8 +88,8 @@ tooltip {
#workspaces button:hover {
color: whitesmoke;
border-radius: 15px;
padding-left: 3px;
padding-right: 3px;
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);
}
@ -137,9 +137,10 @@ tooltip {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color:whitesmoke;
padding: 0px 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
#temperature.critical {

Write Preview
Loading…
Cancel
Save