Browse Source

tweaked waybar styles

pull/73/head
JaKooLit 2 years ago
parent
commit
5e19174a97
  1. 1
      config/waybar/style/Aurora Blossom.css
  2. 225
      config/waybar/style/Aurora.css
  3. 1
      config/waybar/style/Catppuccin-Latte.css
  4. 1
      config/waybar/style/Catppuccin-Mocha.css
  5. 1
      config/waybar/style/Chroma Edge.css
  6. 2
      config/waybar/style/Chroma Fusion Edge.css
  7. 2
      config/waybar/style/Chroma Glow.css
  8. 2
      config/waybar/style/Chroma Tally.css
  9. 2
      config/waybar/style/Crimson.css
  10. 4
      config/waybar/style/Crystal Clear.css
  11. 4
      config/waybar/style/Golden Noir.css
  12. 2
      config/waybar/style/Monochrome Contrast.css
  13. 2
      config/waybar/style/Monochrome Manifest.css
  14. 2
      config/waybar/style/Obsidian Edge.css
  15. 2
      config/waybar/style/Obsidian Glow.css
  16. 3
      config/waybar/style/Purpl.css
  17. 7
      config/waybar/style/Pywallete Chroma.css
  18. 4
      config/waybar/style/Pywallete.css
  19. 1
      config/waybar/style/Rainbow Spectrum.css
  20. 3
      config/waybar/style/Rose Pine.css
  21. 2
      config/waybar/style/Simple Pink.css
  22. 2
      config/waybar/style/Translucent Chromatic.css

1
config/waybar/style/Aurora Blossom.css

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

225
config/waybar/style/Aurora.css

@ -0,0 +1,225 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Aurora Blossom */
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
}
window#waybar {
background: transparent;
}
window#waybar.empty {
background-color: transparent;
}
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
color: black;
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
opacity: 0.8;
border-radius: 10px;
}
tooltip label{
color: black;
}
/*-----module groups----*/
.modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-center {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.modules-left {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
/*-----modules indv----*/
#workspaces button {
color: black;
box-shadow: none;
text-shadow: none;
padding: 0px;
border-radius: 9px;
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.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.active {
color: grey;
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,
#bluetooth,
#cava,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state,
#memory,
#mode,
#mpris,
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-backlight,
#custom-cycle_wall,
#custom-keybinds,
#custom-keyboard,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-speaker,
#custom-updater,
#custom-weather,
#custom-weather.clearNight,
#custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight,
#custom-weather.default,
#custom-weather.rainyDay,
#custom-weather.rainyNight,
#custom-weather.severe,
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
background-image: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%);
color: black;
border: 1px;
border-style: solid;
border-radius: 4px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 6px;
padding-left: 6px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
@keyframes blink {
to {
color: #000000;
}
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#taskbar button.active {
color: black;
background-color: #7f849c;
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,
#taskbar button:hover {
color: black;
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);
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 5px;
border-radius: 5px;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
background-color: #7f849c;
min-width: 80px;
min-height: 10px;
border-radius: 5px;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
}

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

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

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

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

1
config/waybar/style/Chroma Edge.css

@ -6,7 +6,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

2
config/waybar/style/Chroma Fusion Edge.css

@ -22,7 +22,7 @@
* {
font-family: "JetBrains Mono Nerd Font";
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

2
config/waybar/style/Chroma Glow.css

@ -5,7 +5,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -110,7 +109,6 @@ tooltip label{
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

2
config/waybar/style/Chroma Tally.css

@ -6,7 +6,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -67,7 +66,6 @@ window#waybar {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

2
config/waybar/style/Crimson.css

@ -7,7 +7,6 @@
*{
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -123,7 +122,6 @@ tooltip {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

4
config/waybar/style/Crystal Clear.css

@ -6,8 +6,7 @@
*{
font-family: "JetBrains Mono Nerd Font";
font-weight: bold;
min-height: 0;
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -108,7 +107,6 @@ tooltip {
#mpris,
#network,
#pulseaudio,
#taskbar button,
#taskbar,
#temperature,
#tray,

4
config/waybar/style/Golden Noir.css

@ -7,8 +7,7 @@
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -135,7 +134,6 @@ tooltip {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

2
config/waybar/style/Monochrome Contrast.css

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -122,7 +121,6 @@ tooltip label{
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

2
config/waybar/style/Monochrome Manifest.css

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -121,7 +120,6 @@ tooltip label{
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

2
config/waybar/style/Obsidian Edge.css

@ -6,7 +6,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -128,7 +127,6 @@ tooltip label {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

2
config/waybar/style/Obsidian Glow.css

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -97,7 +96,6 @@ tooltip label {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

3
config/waybar/style/Purpl.css

@ -7,7 +7,7 @@
* {
font-family: "JetBrains Mono Nerd Font";
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -132,7 +132,6 @@ tooltip {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

7
config/waybar/style/Pywallete Chroma.css

@ -1,13 +1,13 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* pywal */
/* pywallete Chroma*/
@import '../../.cache/wal/colors-waybar.css';
* {
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 */
min-height: 0;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px;
@ -129,7 +129,6 @@ tooltip {
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

4
config/waybar/style/Pywallete.css

@ -1,7 +1,9 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
/* pywallete */
*{
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

1
config/waybar/style/Rainbow Spectrum.css

@ -4,7 +4,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

3
config/waybar/style/Rose Pine.css

@ -12,8 +12,7 @@
* {
font-family: "JetBrainsMono Nerd Font";
font-weight: bold;
min-height: 0;
font-weight: bold;
/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
font-size: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

2
config/waybar/style/Simple Pink.css

@ -7,7 +7,7 @@
* {
font-family: "JetBrains Mono Nerd Font";
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 */
font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

2
config/waybar/style/Translucent Chromatic.css

@ -18,7 +18,6 @@
* {
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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -123,7 +122,6 @@ tooltip label{
#network,
#pulseaudio,
#pulseaudio-slider,
#taskbar button,
#taskbar,
#temperature,
#tray,

Loading…
Cancel
Save