Browse Source

tweak waybar styles

pull/73/head
JaKooLit 2 years ago
parent
commit
d0743cbd39
  1. 8
      config/waybar/configs/SouthEast [BR]
  2. 8
      config/waybar/configs/SouthWest [BL]
  3. 6
      config/waybar/configs/SummitSplit [Top & Bot]
  4. 4
      config/waybar/style/Aurora Blossom.css
  5. 4
      config/waybar/style/Aurora.css
  6. 5
      config/waybar/style/Catppuccin-Latte.css
  7. 5
      config/waybar/style/Catppuccin-Mocha.css
  8. 5
      config/waybar/style/Chroma Edge.css
  9. 5
      config/waybar/style/Chroma Glow.css
  10. 5
      config/waybar/style/Chroma Tally.css
  11. 5
      config/waybar/style/Crimson.css
  12. 5
      config/waybar/style/Crystal Clear.css
  13. 5
      config/waybar/style/Golden Noir.css
  14. 5
      config/waybar/style/Monochrome Contrast.css
  15. 11
      config/waybar/style/Monochrome Manifest.css
  16. 5
      config/waybar/style/Obsidian Edge.css
  17. 5
      config/waybar/style/Obsidian Glow.css
  18. 8
      config/waybar/style/Purpl.css
  19. 6
      config/waybar/style/Pywallete.css
  20. 8
      config/waybar/style/Rainbow Spectrum.css
  21. 6
      config/waybar/style/Rose Pine.css
  22. 11
      config/waybar/style/Translucent Chromatic.css

8
config/waybar/configs/SouthEast [BR]

@ -1,6 +1,6 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### BOTTOM and LEFT PANEL
// ### BOTTOM and RIGHT PANEL
[{
"include": "~/.config/waybar/modules",
@ -46,12 +46,12 @@
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "left",
"position": "right",
"height": 650,
"margin-top": 8,
"margin-bottom": 8,
"margin-left": 3,
//"margin-right": 3,
//"margin-left": 3,
"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,

8
config/waybar/configs/SouthWest [BR] → config/waybar/configs/SouthWest [BL]

@ -1,6 +1,6 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
// ### BOTTOM and RIGHT PANEL
// ### BOTTOM and LEFT PANEL
[{
"include": "~/.config/waybar/modules",
@ -46,12 +46,12 @@
{
"include": "~/.config/waybar/modules",
"layer": "top",
"position": "right",
"position": "left",
"height": 650,
"margin-top": 8,
"margin-bottom": 8,
//"margin-left": 3,
"margin-right": 3,
"margin-left": 3,
//"margin-right": 3,
"spacing": 3,
"fixed-center": true,
"ipc": true,

6
config/waybar/configs/SummitSplit [Top & Bot]

@ -12,7 +12,7 @@
"spacing": 3,
"fixed-center": true,
"ipc": true,
"margin-top": 2,
"margin-top": 1,
"margin-left": 8,
"margin-right": 8,
@ -48,12 +48,12 @@
"exclusive": true,
"passthrough": false,
"position": "bottom",
"spacing": 3,
"spacing": 5,
"fixed-center": true,
"ipc": true,
"margin-left": 8,
"margin-right": 8,
"margin-bottom": 2,
//"margin-bottom": 0,
"modules-left": [
"custom/menu",

4
config/waybar/style/Aurora Blossom.css

@ -140,8 +140,8 @@ tooltip label{
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding-right: 5px;
padding-left: 5px;
}
#custom-power {
padding: 1px 3px;

4
config/waybar/style/Aurora.css

@ -133,8 +133,8 @@ tooltip label{
border: 1px;
border-style: solid;
border-radius: 4px;
padding-top: 3px;
padding-bottom: 3px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 6px;
padding-left: 6px;
}

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

@ -88,10 +88,7 @@ window#waybar.hidden {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding: 5px;
}
#idle_inhibitor {

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

@ -94,10 +94,7 @@ window#waybar.hidden {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding: 5px;
}
#idle_inhibitor {

5
config/waybar/style/Chroma Edge.css

@ -129,15 +129,12 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
color: #e5e5e5;
/* color: #bf616a; */
border-radius: 12px;
background-color: rgba(50, 50, 50, 0.1);
border: 2px solid @color2;
padding: 5px;
}
#workspaces {

5
config/waybar/style/Chroma Glow.css

@ -137,10 +137,7 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
padding: 5px;
}
#window,

5
config/waybar/style/Chroma Tally.css

@ -94,10 +94,7 @@ window#waybar {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
padding: 6px;
}
/* -----------------------------------------------------------------------------

5
config/waybar/style/Crimson.css

@ -151,10 +151,7 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: wheat;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
padding: 5px;
}
#temperature.critical {

5
config/waybar/style/Crystal Clear.css

@ -134,10 +134,7 @@ tooltip {
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
padding: 5px;
}
#temperature.critical {

5
config/waybar/style/Golden Noir.css

@ -163,10 +163,7 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #e5d9f5;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding: 5px;
}
#temperature.critical {

5
config/waybar/style/Monochrome Contrast.css

@ -149,10 +149,7 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding: 5px;
}
#custom-power {
padding: 1px 3px;

11
config/waybar/style/Monochrome Manifest.css

@ -39,7 +39,7 @@ tooltip label{
.modules-right {
background-color: black;
color: white;
border-bottom: 2px;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
@ -51,7 +51,7 @@ tooltip label{
.modules-center {
background-color: black;
color: white;
border-bottom: 2px;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
@ -63,7 +63,7 @@ tooltip label{
.modules-left {
background-color: black;
color: white;
border-bottom: 2px;
border-bottom: 1px;
border-style: solid;
border-color: white;
border-radius: 10px;
@ -148,10 +148,7 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding: 5px;
}
#custom-power {
padding: 1px 3px;

5
config/waybar/style/Obsidian Edge.css

@ -156,11 +156,8 @@ tooltip label {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @foreground;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 8px;
padding: 5px;
}
#temperature.critical {

5
config/waybar/style/Obsidian Glow.css

@ -125,11 +125,8 @@ tooltip label {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: #000000;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 8px;
padding: 5px;
}
#temperature.critical {

8
config/waybar/style/Purpl.css

@ -161,10 +161,10 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: whitesmoke;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 6px;
padding-left: 6px;
}

6
config/waybar/style/Pywallete.css

@ -145,10 +145,7 @@ tooltip {
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
color: @color2;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 6px;
padding-left: 6px;
padding: 5px;
}
#mode {
@ -181,6 +178,7 @@ tooltip {
}
#taskbar button.active {
color: @foreground;
background-color: @color2;
border-radius: 30px;
animation: gradient_f 20s ease-in infinite;

8
config/waybar/style/Rainbow Spectrum.css

@ -4,6 +4,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: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -93,11 +94,12 @@ tooltip label{
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
border-radius: 10px;
padding: 0px 4px;
padding-top: 2px;
padding-bottom: 2px;
color: #3A3B3C;
border: 1px solid #b4befe;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}
#backlight {

6
config/waybar/style/Rose Pine.css

@ -13,7 +13,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: 96%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
@ -143,14 +142,11 @@ tooltip {
color: @main-fg;
background: @main-bg;
opacity: 1;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
border-bottom: 2px;
border-color: #2B5D34;
border-style: solid;
border-radius: 10px;
padding: 6px;
}
#temperature.critical {

11
config/waybar/style/Translucent Chromatic.css

@ -25,7 +25,7 @@ padding: 1px;
}
window#waybar {
background-color: rgba(0,0,0,0.2);
background-color: rgba(0,0,0,0.3);
color: #ffffff;
transition-property: background-color;
transition-duration: .5s;
@ -150,14 +150,7 @@ tooltip label{
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight,
#custom-weather.sunnyDay {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
#window,
#workspaces {
padding: 5px;
}
/* If workspaces is the leftmost module, omit left margin */

Loading…
Cancel
Save