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

Rework on waybar styles. Added keyhints wiki page

pull/45/head
JaKooLit 2 years ago
parent
2f35d78ff0
commit
203071f58d
23 changed files with 62 additions and 78 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. 4
      config/hypr/scripts/KeyHints.sh
  2. 4
      config/waybar/configs/Camellia [Bottom]
  3. 4
      config/waybar/configs/Camellia [TOP]
  4. 2
      config/waybar/configs/Chrysanthemum [Bottom]
  5. 2
      config/waybar/configs/Chrysanthemum [TOP]
  6. 2
      config/waybar/configs/Default [Bottom]
  7. 4
      config/waybar/configs/Peony [Bottom]
  8. 4
      config/waybar/configs/Peony [TOP]
  9. 2
      config/waybar/style/Black & White.css
  10. 8
      config/waybar/style/Black Bar.css
  11. 2
      config/waybar/style/Catppuccin-Latte.css
  12. 2
      config/waybar/style/Catppuccin-Mocha.css
  13. 2
      config/waybar/style/Chroma Tally.css
  14. 2
      config/waybar/style/Colored (Bordered).css
  15. 6
      config/waybar/style/Crimson.css
  16. 2
      config/waybar/style/Golden Noir.css
  17. 7
      config/waybar/style/Purpl.css
  18. 2
      config/waybar/style/Rainbow Spectrum.css
  19. 35
      config/waybar/style/Rose-Pine.css
  20. 2
      config/waybar/style/Simple Pink.css
  21. 2
      config/waybar/style/Translucent Chromatic.css
  22. 2
      config/waybar/style/Transparent.css
  23. 38
      config/waybar/style/White Bar.css

4
config/hypr/scripts/KeyHints.sh
Unescape View File

@ -35,6 +35,8 @@ yad --width=1000 --height=1000 \
" H" "Launch this app" "" \ " H" "Launch this app" "" \
" E" "View or EDIT Keybinds, Settings, Monitor" "" \ " E" "View or EDIT Keybinds, Settings, Monitor" "" \
"" "" "" \ "" "" "" \
"" "This window will auto-close in 60 secs" ""\ "" "More tips on Hyprland-Dots github wiki page" ""\
"" "" "" \
"" "" "This window will auto-close in 60 secs" ""\

4
config/waybar/configs/Camellia [Bottom]
Unescape View File

@ -12,8 +12,8 @@
"exclusive": true, "exclusive": true,
"passthrough": false, "passthrough": false,
"position": "bottom", "position": "bottom",
"spacing": 0, "spacing": 4,
"fixed-center": false, "fixed-center": true,
"ipc": true, "ipc": true,
//"margin-top": 0, //"margin-top": 0,
//"margin-bottom": 0, //"margin-bottom": 0,

4
config/waybar/configs/Camellia [TOP]
Unescape View File

@ -12,8 +12,8 @@
"exclusive": true, "exclusive": true,
"passthrough": false, "passthrough": false,
"position": "top", "position": "top",
"spacing": 0, "spacing": 3,
"fixed-center": false, "fixed-center": true,
"ipc": true, "ipc": true,
//"margin-top": 0, //"margin-top": 0,
//"margin-bottom": 0, //"margin-bottom": 0,

2
config/waybar/configs/Chrysanthemum [Bottom]
Unescape View File

@ -12,7 +12,7 @@
"passthrough": false, "passthrough": false,
"position": "bottom", "position": "bottom",
"spacing": 5, "spacing": 5,
"fixed-center": false, "fixed-center": true,
"ipc": true, "ipc": true,
"margin-left": 5, "margin-left": 5,
"margin-right": 5, "margin-right": 5,

2
config/waybar/configs/Chrysanthemum [TOP]
Unescape View File

@ -12,7 +12,7 @@
"passthrough": false, "passthrough": false,
"position": "top", "position": "top",
"spacing": 5, "spacing": 5,
"fixed-center": false, "fixed-center": true,
"ipc": true, "ipc": true,
"margin-left": 5, "margin-left": 5,
"margin-right": 5, "margin-right": 5,

2
config/waybar/configs/Default [Bottom]
Unescape View File

@ -11,7 +11,7 @@
"spacing": 3, "spacing": 3,
"fixed-center": true, "fixed-center": true,
"ipc": true, "ipc": true,
"margin-bottom": 2, //"margin-top": 6,
"margin-left": 8, "margin-left": 8,
"margin-right": 8, "margin-right": 8,

4
config/waybar/configs/Peony [Bottom]
Unescape View File

@ -12,8 +12,8 @@
"exclusive": true, "exclusive": true,
"passthrough": false, "passthrough": false,
"position": "bottom", "position": "bottom",
"spacing": 0, "spacing": 4,
"fixed-center": false, "fixed-center": true,
"ipc": true, "ipc": true,
//"margin-top": 5, //"margin-top": 5,
"margin-bottom": 5, "margin-bottom": 5,

4
config/waybar/configs/Peony [TOP]
Unescape View File

@ -12,8 +12,8 @@
"exclusive": true, "exclusive": true,
"passthrough": false, "passthrough": false,
"position": "top", "position": "top",
"spacing": 0, "spacing": 4,
"fixed-center": false, "fixed-center": true,
"ipc": true, "ipc": true,
"margin-top": 5, "margin-top": 5,
//"margin-bottom": 5, //"margin-bottom": 5,

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

@ -6,7 +6,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

8
config/waybar/style/Dark.css → config/waybar/style/Black Bar.css
Unescape View File

@ -8,13 +8,14 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
window#waybar { window#waybar {
background: rgba(0, 0, 0, 0); background: black;
border-radius: 12px;
} }
window#waybar.hidden { window#waybar.hidden {
@ -46,7 +47,6 @@ tooltip label {
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
background-color: rgba(0, 0, 0, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-top: 2px; padding-top: 2px;
@ -56,7 +56,6 @@ tooltip label {
} }
.modules-center { .modules-center {
background-color: rgba(0, 0, 0, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-top: 2px; padding-top: 2px;
@ -66,7 +65,6 @@ tooltip label {
} }
.modules-left { .modules-left {
background-color: rgba(0, 0, 0, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-top: 2px; padding-top: 2px;

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

@ -6,7 +6,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

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

@ -6,7 +6,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

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

@ -8,7 +8,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

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

@ -8,7 +8,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

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

@ -9,7 +9,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }
@ -154,8 +154,8 @@ tooltip {
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: wheat; color: wheat;
padding-top: 2px; padding-top: 3px;
padding-bottom: 2px; padding-bottom: 3px;
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
} }

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

@ -10,7 +10,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: 98%; font-size: 97%;
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/Purpl.css
Unescape View File

@ -9,14 +9,13 @@
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
window#waybar { window#waybar {
background: #100214; background: #100214;
border-radius: 10px;
color: #cba6f7; color: #cba6f7;
} }
@ -48,7 +47,7 @@ tooltip {
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
border: 5px solid #20052a; border: 3px solid #20052a;
border-radius: 100px 0px 0px 0px; border-radius: 100px 0px 0px 0px;
background-color: #3d174b; background-color: #3d174b;
padding-top: 2px; padding-top: 2px;
@ -68,7 +67,7 @@ tooltip {
.modules-left { .modules-left {
/*background-color: #1e1e2e;*/ /*background-color: #1e1e2e;*/
border: 5px solid #20052a; border: 3px solid #20052a;
border-radius: 0px 0px 100px 0px; border-radius: 0px 0px 100px 0px;
background-color: #441a53; background-color: #441a53;
padding-top: 2px; padding-top: 2px;

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

@ -6,7 +6,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

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

@ -15,19 +15,34 @@
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
border-radius: 12px; border-radius: 12px;
} }
window#waybar { window#waybar {
background: @bar-bg; background: #2B5D34;
border-bottom: 2px;
border-top: 1px;
border-color: #D4A2CB;
border-style: solid;
border-radius: 10px;
}
.modules-left, .modules-center, .modules-right {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
border-radius: 10px;
} }
tooltip { tooltip {
background: @main-bg; background: #2B5D34;
color: @main-fg; color: #D4A2CB;
border-radius: 8px; border-radius: 10px;
border-width: 0px; border-width: 0px;
} }
@ -38,7 +53,7 @@ tooltip {
border-radius: 9px; border-radius: 9px;
padding-left: 4px; padding-left: 4px;
padding-right: 4px; padding-right: 4px;
color: @main-fg; color: #D4A2CB;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
} }
@ -137,11 +152,11 @@ tooltip {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: @main-fg; color: #D4A2CB;
background: @main-bg; background: #2B5D34;
opacity: 1; opacity: 1;
padding-top: 2px; padding-top: 3px;
padding-bottom: 2px; padding-bottom: 3px;
padding-right: 4px; padding-right: 4px;
padding-left: 4px; padding-left: 4px;
} }

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

@ -9,7 +9,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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
} }

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

@ -20,7 +20,7 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

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

@ -9,7 +9,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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }

38
config/waybar/style/Light.css → config/waybar/style/White Bar.css
Unescape View File

@ -6,13 +6,14 @@ font-family: "JetBrainsMono Nerd Font";
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: 98%; font-size: 97%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
window#waybar { window#waybar {
background: rgba(0, 0, 0, 0) background: white;
border-radius: 12px;
} }
window#waybar.hidden { window#waybar.hidden {
@ -31,7 +32,7 @@ window#waybar.empty #window {
} }
tooltip { tooltip {
background: rgba(236, 236, 236, 0.8); background: white;
border-radius: 10px; border-radius: 10px;
} }
@ -41,37 +42,6 @@ tooltip label {
padding-left: 2px; padding-left: 2px;
} }
/*-----module groups----*/
.modules-right {
background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
.modules-center {
background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
.modules-left {
background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe;
border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
}
#workspaces button { #workspaces button {
color: #585b70; color: #585b70;
box-shadow: none; box-shadow: none;
Write Preview
Loading…
Cancel
Save