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

removal of margins on waybar styles, added highway dark and light wallpapers, some small tweaks on waybar configs(layouts)

pull/39/head
JaKooLit 2 years ago
parent
6adf09409e
commit
310f3c880c
22 changed files with 160 additions and 250 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/waybar/configs/Camellia [Bottom]
  2. 4
      config/waybar/configs/Camellia [TOP]
  3. 4
      config/waybar/configs/Chrysanthemum [Bottom]
  4. 3
      config/waybar/configs/Chrysanthemum [TOP]
  5. 19
      config/waybar/style/Black & White.css
  6. 14
      config/waybar/style/Catppuccin-Latte.css
  7. 12
      config/waybar/style/Catppuccin-Mocha.css
  8. 19
      config/waybar/style/Chroma Tally.css
  9. 47
      config/waybar/style/Colored (Bordered).css
  10. 24
      config/waybar/style/Crimson.css
  11. 43
      config/waybar/style/Dark.css
  12. 22
      config/waybar/style/Golden Noir.css
  13. 55
      config/waybar/style/Light.css
  14. 18
      config/waybar/style/Purpl.css
  15. 33
      config/waybar/style/Pywal.css
  16. 16
      config/waybar/style/Rainbow Spectrum.css
  17. 12
      config/waybar/style/Rose-Pine.css
  18. 25
      config/waybar/style/Simple Pink.css
  19. 16
      config/waybar/style/Translucent Chromatic.css
  20. 20
      config/waybar/style/Transparent.css
  21. BIN
      wallpapers/Dynamic-Wallpapers/Dark/highway_dark.jpg
  22. BIN
      wallpapers/Dynamic-Wallpapers/Light/highway_light.jpg

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

@ -131,7 +131,7 @@
}, },
"tray#cam": { "tray#cam": {
"icon-size": 16, //"icon-size": 16,
"spacing": 10 "spacing": 10
}, },
@ -151,7 +151,7 @@
"wlr/taskbar": { "wlr/taskbar": {
"format": "{icon}", "format": "{icon}",
"icon-size": 14, //"icon-size": 14,
//"icon-theme": "Numix-Circle", //"icon-theme": "Numix-Circle",
"tooltip-format": "{title}", "tooltip-format": "{title}",
"on-click": "activate", "on-click": "activate",

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

@ -131,7 +131,7 @@
}, },
"tray#cam": { "tray#cam": {
"icon-size": 16, //"icon-size": 16,
"spacing": 10 "spacing": 10
}, },
@ -151,7 +151,7 @@
"wlr/taskbar": { "wlr/taskbar": {
"format": "{icon}", "format": "{icon}",
"icon-size": 14, //"icon-size": 14,
//"icon-theme": "Numix-Circle", //"icon-theme": "Numix-Circle",
"tooltip-format": "{title}", "tooltip-format": "{title}",
"on-click": "activate", "on-click": "activate",

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

@ -14,8 +14,8 @@
"spacing": 5, "spacing": 5,
"fixed-center": false, "fixed-center": false,
"ipc": true, "ipc": true,
//"margin-top": 0, "margin-left": 5,
//"margin-bottom": 5, "margin-right": 5,
"modules-left": ["clock#gar","tray"], "modules-left": ["clock#gar","tray"],

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

@ -14,8 +14,9 @@
"spacing": 5, "spacing": 5,
"fixed-center": false, "fixed-center": false,
"ipc": true, "ipc": true,
"margin-left": 5,
"margin-right": 5,
"margin-top": 0, "margin-top": 0,
//"margin-bottom": 5,
"modules-left": ["clock#gar","tray"], "modules-left": ["clock#gar","tray"],

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

@ -21,14 +21,12 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
window > box { window > box {
/*margin: 1px 2px 2px;*/
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border-bottom: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0);
color: white; color: white;
@ -54,7 +52,6 @@ tooltip label{
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
background-color: black; background-color: black;
/*margin: 2px 10px 0 0;*/
border: 1px; border: 1px;
border-style: solid; border-style: solid;
border-color: white; border-color: white;
@ -62,14 +59,12 @@ tooltip label{
} }
.modules-center { .modules-center {
background-color: black;; background-color: black;;
/*margin: 2px 0 0 0;*/
border: 1px; border: 1px;
border-style: solid; border-style: solid;
border-color: white; border-color: white;
border-radius: 10px; border-radius: 10px;
} }
.modules-left { .modules-left {
/*margin: 2px 0 0 5px;*/
background-color: black; background-color: black;
border: 1px; border: 1px;
border-style: solid; border-style: solid;
@ -83,8 +78,6 @@ tooltip label{
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -105,10 +98,8 @@ tooltip label{
#workspaces button.active { #workspaces button.active {
color: white; color: white;
background-color: rgba(191, 191, 191,0.1); background-color: rgba(191, 191, 191,0.1);
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -159,16 +150,16 @@ tooltip label{
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
padding: 0px 6px; padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
} }
#mode { #mode {
color: #cc3436; color: #cc3436;
font-weight: bold; font-weight: bold;
} }
#custom-power { #custom-power {
/*background-color: rgba(0,119,179,0.6);*/
/*border-radius: 50px;*/
margin: 5px 5px;
padding: 1px 3px; padding: 1px 3px;
} }
/*-----Indicators----*/ /*-----Indicators----*/
@ -204,10 +195,8 @@ tooltip label{
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -17,7 +17,7 @@ window#waybar {
transition-property: background-color; transition-property: background-color;
transition-duration: 0.5s; transition-duration: 0.5s;
/*background: transparent;*/ /*background: transparent;*/
border: 2px solid @sapphire; border-bottom: 3px solid @sapphire;
background: @theme_base_color; background: @theme_base_color;
border-radius: 10px; border-radius: 10px;
} }
@ -90,7 +90,10 @@ window#waybar.hidden {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
padding: 0px 6px; padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
} }
#idle_inhibitor { #idle_inhibitor {
@ -162,8 +165,6 @@ window#waybar.hidden {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -188,10 +189,8 @@ window#waybar.hidden {
#workspaces button.active { #workspaces button.active {
color: @peach; color: @peach;
border-radius: 8px; border-radius: 8px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -202,10 +201,8 @@ window#waybar.hidden {
} }
#taskbar button.active { #taskbar button.active {
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -223,7 +220,6 @@ window#waybar.hidden {
#custom-power { #custom-power {
color: @red; color: @red;
margin-right: 3px;
} }
#custom-updater { #custom-updater {

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

@ -89,7 +89,10 @@ window#waybar.hidden {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
padding: 0px 6px; padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
} }
#idle_inhibitor { #idle_inhibitor {
@ -161,8 +164,6 @@ window#waybar.hidden {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -187,10 +188,8 @@ window#waybar.hidden {
#workspaces button.active { #workspaces button.active {
color: @peach; color: @peach;
border-radius: 8px; border-radius: 8px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -201,10 +200,8 @@ window#waybar.hidden {
} }
#taskbar button.active { #taskbar button.active {
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -222,7 +219,6 @@ window#waybar.hidden {
#custom-power { #custom-power {
color: @red; color: @red;
margin-right: 3px;
} }
#custom-updater { #custom-updater {

19
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: 96%; font-size: 98%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
@ -23,8 +23,6 @@ window#waybar {
#workspaces button { #workspaces button {
color: #eceff4; color: #eceff4;
margin-top: 2px;
margin-bottom: 3px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
@ -41,10 +39,8 @@ window#waybar {
border-style: solid; border-style: solid;
border-radius: 15px; border-radius: 15px;
background-color: @color2; background-color: @color2;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -103,7 +99,10 @@ window#waybar {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
padding: 1px 4px; padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
} }
/* ----------------------------------------------------------------------------- /* -----------------------------------------------------------------------------
@ -194,13 +193,11 @@ window#waybar {
#custom-menu, #custom-menu,
#custom-power{ #custom-power{
color: #eba0ac; color: #eba0ac;
margin-top:2px;
} }
#window{ #window{
border-style: hidden; border-style: hidden;
margin-top:1px;
} }
#custom-lock, #custom-lock,
@ -214,10 +211,8 @@ window#waybar {
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -1,6 +1,8 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Colored - Bordered */ /* Colored - Bordered */
@import '../../.cache/wal/colors-waybar.css';
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
@ -20,14 +22,12 @@ window#waybar {
/* border-top: 8px transparent; */ /* border-top: 8px transparent; */
border-radius: 0px; border-radius: 0px;
transition-duration: 0.5s; transition-duration: 0.5s;
margin: 0px 0px;
} }
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
} }
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
@ -40,10 +40,10 @@ window#waybar.hidden {
tooltip { tooltip {
background: #1e1e2e; background: #1e1e2e;
opacity: 0.8; opacity: 0.8;
border-radius: 10px; border-radius: 12px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
border-color: #11111b; border-color: @color2;
} }
tooltip label{ tooltip label{
@ -56,8 +56,6 @@ tooltip label{
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -76,10 +74,8 @@ tooltip label{
} }
#workspaces button.active { #workspaces button.active {
color: white; color: white;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -97,8 +93,6 @@ tooltip label{
#cpu, #cpu,
#disk, #disk,
#idle_inhibitor, #idle_inhibitor,
#keyboard-state label,
#keyboard-state label.locked,
#keyboard-state, #keyboard-state,
#memory, #memory,
#mode, #mode,
@ -106,7 +100,6 @@ tooltip label{
#network, #network,
#pulseaudio, #pulseaudio,
#pulseaudio-slider, #pulseaudio-slider,
#taskbar button,
#taskbar, #taskbar,
#temperature, #temperature,
#tray, #tray,
@ -134,35 +127,33 @@ tooltip label{
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
padding: 0px 10px; padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
color: #e5e5e5; color: #e5e5e5;
/* color: #bf616a; */ /* color: #bf616a; */
border-radius: 8px; border-radius: 12px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe; border: 2px solid @color2;
} }
#workspaces { #workspaces {
border-radius: 6px; border-radius: 12px;
padding: 0px 6px; padding: 0px 6px;
border: 1px solid #b4befe;
} }
#cpu { #cpu {
color: #fb958b; color: #fb958b;
padding: 3px; padding: 3px;
border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe;
} }
#custom-cycle_wall, #custom-cycle_wall,
#custom-updater { #custom-updater {
color: #cba7f7; color: #cba7f7;
padding: 3px; padding: 3px;
border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe;
} }
@ -170,9 +161,7 @@ tooltip label{
color: #FFFFFF; color: #FFFFFF;
padding: 6px; padding: 6px;
padding-right: 6px; padding-right: 6px;
border-radius: 8px;
background-color: rgba(50, 50, 50, 0.1); background-color: rgba(50, 50, 50, 0.1);
border: 1px solid #b4befe;
} }
#memory { #memory {
@ -186,7 +175,6 @@ tooltip label{
#custom-launcher { #custom-launcher {
background-color: #1b242b; background-color: #1b242b;
color: #6a92d7; color: #6a92d7;
border-radius: 6px;
padding: 0 0px; padding: 0 0px;
} }
@ -221,16 +209,6 @@ tooltip label{
color: #ebecf0; color: #ebecf0;
} }
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
#pulseaudio { #pulseaudio {
color: #FFD580; color: #FFD580;
} }
@ -342,10 +320,8 @@ label:focus {
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -356,6 +332,7 @@ label:focus {
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);
} }
#pulseaudio-slider slider { #pulseaudio-slider slider {
min-width: 0px; min-width: 0px;
min-height: 0px; min-height: 0px;

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

@ -16,7 +16,7 @@ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
window#waybar { window#waybar {
background: #240303; background: #240303;
color: wheat; color: wheat;
border-radius: 00px 0px 100px 100px; border-radius: 0px 0px 100px 100px;
border: 1px solid grey; border: 1px solid grey;
} }
@ -29,7 +29,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
@ -46,17 +45,24 @@ tooltip {
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
padding-right: 5px; padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px;
} }
.modules-center { .modules-center {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
} }
.modules-left { .modules-left {
padding-right: 5px; padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px;
} }
#workspaces button { #workspaces button {
@ -65,8 +71,6 @@ tooltip {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -78,10 +82,8 @@ tooltip {
background-color: #000000; background-color: #000000;
border: 1px solid grey; border: 1px solid grey;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -152,6 +154,8 @@ tooltip {
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: wheat; color: wheat;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px; padding-right: 10px;
padding-left: 10px; padding-left: 10px;
} }
@ -169,10 +173,8 @@ tooltip {
#taskbar button.active { #taskbar button.active {
background-color: rgb(128, 31, 31); background-color: rgb(128, 31, 31);
border: 1px solid grey; border: 1px solid grey;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -1,6 +1,8 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Dark */ /* Dark */
@import '../../.cache/wal/colors-waybar.css';
* { * {
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
font-weight: bold; font-weight: bold;
@ -25,21 +27,21 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
} }
tooltip { tooltip {
background: rgba(0, 0, 0, 0.6); color: @foreground;
background: rgba(0, 0, 0, 0.8);
border-radius: 10px; border-radius: 10px;
} }
tooltip label { tooltip label {
color: #cba6f7; color: @foreground;
margin-right: 2px; padding-right: 2px;
margin-left: 2px; padding-left: 2px;
} }
/*-----module groups----*/ /*-----module groups----*/
@ -47,33 +49,38 @@ tooltip label {
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-right: 2px; padding-top: 2px;
padding-left: 2px; padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
} }
.modules-center { .modules-center {
background-color: rgba(0, 0, 0, 0.8); 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-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
} }
.modules-left { .modules-left {
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-right: 2px; padding-top: 2px;
padding-left: 2px; padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
} }
#workspaces button { #workspaces button {
color: #6E6A86; color: @color2;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -81,12 +88,10 @@ tooltip label {
} }
#workspaces button.active { #workspaces button.active {
color: #cba6f7; color: @foreground;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -155,7 +160,9 @@ tooltip label {
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: #cba7f7; color: @foreground;
padding-top: 2px;
padding-bottom: 2px;
padding: 1px 4px; padding: 1px 4px;
border-radius: 8px; border-radius: 8px;
} }
@ -172,10 +179,8 @@ tooltip label {
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -32,7 +32,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* background-color: rgba(66,66,66,0.5); */
/* transparent */ /* transparent */
@ -51,6 +50,8 @@ tooltip {
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
@ -60,14 +61,17 @@ tooltip {
border-left: 1px solid #ffd700; border-left: 1px solid #ffd700;
border-right: 1px solid #ffd700; border-right: 1px solid #ffd700;
border-radius: 20px; border-radius: 20px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
} }
.modules-left { .modules-left {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
#workspaces button { #workspaces button {
@ -76,8 +80,6 @@ tooltip {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -89,10 +91,8 @@ tooltip {
border-radius: 50%; border-radius: 50%;
background-color: black; background-color: black;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -166,8 +166,8 @@ tooltip {
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: #e5d9f5; color: #e5d9f5;
padding-right: 10px; padding-right: 8px;
padding-left: 15px; padding-left: 8px;
} }
#temperature.critical { #temperature.critical {
@ -182,10 +182,8 @@ tooltip {
#taskbar button.active { #taskbar button.active {
background-color: rgb(47, 46, 46); background-color: rgb(47, 46, 46);
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -25,7 +25,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
@ -38,8 +37,8 @@ tooltip {
tooltip label { tooltip label {
color: #373737; color: #373737;
margin-right: 2px; padding-right: 2px;
margin-left: 2px; padding-left: 2px;
} }
/*-----module groups----*/ /*-----module groups----*/
@ -47,23 +46,30 @@ tooltip label {
background-color: rgba(232, 236, 241, 0.8); background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-right: 2px; padding-top: 2px;
padding-left: 2px; padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
} }
.modules-center { .modules-center {
background-color: rgba(232, 236, 241, 0.8); background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
} }
.modules-left { .modules-left {
background-color: rgba(232, 236, 241, 0.8); background-color: rgba(232, 236, 241, 0.8);
border: 0px solid #b4befe; border: 0px solid #b4befe;
border-radius: 10px; border-radius: 10px;
padding-right: 2px; padding-top: 2px;
padding-left: 2px; padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
} }
#workspaces button { #workspaces button {
@ -72,8 +78,6 @@ tooltip label {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -83,10 +87,8 @@ tooltip label {
#workspaces button.active { #workspaces button.active {
color: #000000; color: #000000;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -173,10 +175,8 @@ tooltip label {
#taskbar button.active { #taskbar button.active {
background-color: #585b70; background-color: #585b70;
color: #cdd6f4; color: #cdd6f4;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -196,6 +196,7 @@ tooltip label {
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
#pulseaudio-slider slider { #pulseaudio-slider slider {
min-width: 0px; min-width: 0px;
min-height: 0px; min-height: 0px;
@ -204,16 +205,18 @@ tooltip label {
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
#pulseaudio-slider trough { #pulseaudio-slider trough {
min-width: 80px; min-width: 80px;
min-height: 5px; min-height: 5px;
border-radius: 5px; border-radius: 5px;
background-color: #22252a;
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #ba5663;
} }
#backlight-slider slider { #backlight-slider slider {
@ -224,14 +227,16 @@ tooltip label {
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
#backlight-slider trough { #backlight-slider trough {
min-width: 80px; min-width: 80px;
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #22252a;
} }
#backlight-slider highlight { #backlight-slider highlight {
min-width: 10px; min-width: 10px;
border-radius: 5px; border-radius: 5px;
} background-color: #ba5663;
}

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

@ -31,14 +31,12 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* background-color: rgba(66,66,66,0.5); */
/* transparent */ /* transparent */
background-color: transparent; background-color: transparent;
} }
tooltip { tooltip {
background: #1e1e2e; background: #1e1e2e;
border-radius: 10px; border-radius: 10px;
@ -53,8 +51,8 @@ tooltip {
border: 5px solid #20052a; border: 5px solid #20052a;
border-radius: 100px 0px 0px 0px; border-radius: 100px 0px 0px 0px;
background-color: #3d174b; background-color: #3d174b;
padding-right: 5px; padding-right: 10px;
padding-left: 5px; padding-left: 10px;
} }
.modules-center { .modules-center {
@ -68,20 +66,16 @@ tooltip {
border: 5px solid #20052a; border: 5px solid #20052a;
border-radius: 0px 0px 100px 0px; border-radius: 0px 0px 100px 0px;
background-color: #441a53; background-color: #441a53;
padding-right: 5px; padding-right: 10px;
padding-left: 5px; padding-left: 10px;
} }
#workspaces button { #workspaces button {
color: #6E6A86; color: #6E6A86;
margin-right: 5px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -92,10 +86,8 @@ tooltip {
color: #cba6f7; color: #cba6f7;
border-radius: 50%; border-radius: 50%;
background-color: black; background-color: black;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -181,10 +173,8 @@ tooltip {
#taskbar button.active { #taskbar button.active {
background-color: purple; background-color: purple;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -27,10 +27,7 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */
/* transparent */
background-color: transparent; background-color: transparent;
} }
@ -40,34 +37,32 @@ tooltip {
border-radius: 10px; border-radius: 10px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: @foreground; border-color: @color2;
} }
/*-----module groups----*/ /*-----module groups----*/
.modules-right { .modules-right {
border: 3px solid @color14; border: 3px solid @color14;
border-radius: 100px 0px 0px 0px; border-radius: 40px 0px 0px 0px;
background-color: @color1; background-color: @color1;
padding-right: 2px; padding-left: 8px;
padding-left: 2px; padding-right: 8px;
} }
.modules-center { .modules-center {
border: 3px solid @color14; border: 3px solid @color14;
border-radius: 100px 0px 100px 0px; border-radius: 60px 0px 60px 0px;
background-color: @background; background-color: @background;
padding-left: 8px;
padding-right: 8px;
} }
.modules-left { .modules-left {
padding-right: 2px;
padding-left: 2px;
border: 3px solid @color14; border: 3px solid @color14;
border-radius: 0px 0px 100px 0px; border-radius: 0px 0px 40px 0px;
background-color: @color1; background-color: @color1;
padding-left: 8px;
padding-right: 8px;
} }
#workspaces button { #workspaces button {
@ -76,8 +71,6 @@ tooltip {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -85,12 +78,10 @@ tooltip {
} }
#workspaces button.active { #workspaces button.active {
color: @foreground; color: @background;
background-color: @color0; background-color: @color2;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

16
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: 96%; font-size: 98%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
padding: 1px; padding: 1px;
} }
@ -30,7 +30,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
@ -95,9 +94,10 @@ tooltip label{
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
border-radius: 8px; border-radius: 10px;
margin: 4px 1px;
padding: 0px 4px; padding: 0px 4px;
padding-top: 2px;
padding-bottom: 2px;
color: #3A3B3C; color: #3A3B3C;
border: 1px solid #b4befe; border: 1px solid #b4befe;
} }
@ -170,8 +170,6 @@ tooltip label{
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -181,15 +179,15 @@ tooltip label{
#workspaces button.active { #workspaces button.active {
background-color: #eba0ac; background-color: #eba0ac;
color: #3A3B3C; color: #3A3B3C;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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:hover { #workspaces button:hover {
background: #eb6f92;
color: #f6c177;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -205,10 +203,8 @@ tooltip label{
#taskbar button.active { #taskbar button.active {
background-color: #b4befe; background-color: #b4befe;
color: #3A3B3C; color: #3A3B3C;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -36,8 +36,6 @@ tooltip {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
color: @main-fg; color: @main-fg;
@ -48,10 +46,8 @@ tooltip {
#workspaces button.active { #workspaces button.active {
background: @wb-act-bg; background: @wb-act-bg;
color: @wb-act-fg; color: @wb-act-fg;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -70,8 +66,6 @@ tooltip {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
color: @wb-color; color: @wb-color;
@ -82,10 +76,8 @@ tooltip {
#taskbar button.active { #taskbar button.active {
background: @wb-act-bg; background: @wb-act-bg;
color: @wb-act-color; color: @wb-act-color;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -148,8 +140,8 @@ tooltip {
color: @main-fg; color: @main-fg;
background: @main-bg; background: @main-bg;
opacity: 1; opacity: 1;
padding-top: 2px; padding-top: 3px;
padding-bottom: 2px; padding-bottom: 3px;
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
} }

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

@ -30,7 +30,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* background-color: rgba(66,66,66,0.5); */
/* transparent */ /* transparent */
@ -52,13 +51,18 @@ tooltip {
border: 5px solid #19141b; border: 5px solid #19141b;
border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;
background-color: #ba5663; background-color: #ba5663;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px; padding-right: 10px;
padding-left: 10px; padding-left: 10px;
margin: 3px;
} }
.modules-center { .modules-center {
background-color: black; background-color: black;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
} }
@ -67,6 +71,10 @@ tooltip {
border: 5px solid #0d0a0f; border: 5px solid #0d0a0f;
border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;
background-color: #ba5663; background-color: #ba5663;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
} }
#workspaces button { #workspaces button {
@ -75,8 +83,6 @@ tooltip {
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -85,11 +91,10 @@ tooltip {
#workspaces button.active { #workspaces button.active {
color: whitesmoke; color: whitesmoke;
background-color: pink;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-left: 3px; padding-left: 10px;
padding-left: 12px; padding-right: 10px;
padding-right: 12px;
margin-right: 3px;
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,7 +168,6 @@ tooltip {
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: whitesmoke; color: whitesmoke;
padding: 0px 10px; padding: 0px 10px;
margin: 3px;
} }
@ -179,11 +183,8 @@ tooltip {
#taskbar button.active { #taskbar button.active {
background-color: pink; background-color: pink;
border: 1px solid #22252a;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }

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

@ -45,7 +45,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent; background-color: transparent;
@ -71,8 +70,6 @@ tooltip label{
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -82,10 +79,8 @@ tooltip label{
#workspaces button.active { #workspaces button.active {
background-color: transparent; background-color: transparent;
color: #D3D3D3; color: #D3D3D3;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -165,17 +160,14 @@ tooltip label{
#window, #window,
#workspaces { #workspaces {
margin: 0 4px;
} }
/* If workspaces is the leftmost module, omit left margin */ /* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces { .modules-left > widget:first-child > #workspaces {
margin-left: 0;
} }
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces { .modules-right > widget:last-child > #workspaces {
margin-right: 0;
} }
#clock { #clock {
@ -313,10 +305,8 @@ label:focus {
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -345,18 +335,12 @@ label:focus {
} }
#custom-language { #custom-language {
/* background: #bbccdd;
color: #333333;
padding: 0 5px;
margin: 4px 3px 6px 3px; */
color: @accent5; color: @accent5;
min-width: 16px; min-width: 16px;
} }
#custom-separator { #custom-separator {
color: #606060; color: #606060;
margin: 0 1px;
padding-bottom: 5px;
} }
#pulseaudio-slider slider { #pulseaudio-slider slider {
min-width: 0px; min-width: 0px;

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

@ -29,7 +29,6 @@ window#waybar.empty {
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px;
border: 0px; border: 0px;
background-color: transparent; background-color: transparent;
} }
@ -58,13 +57,10 @@ tooltip {
#workspaces button { #workspaces button {
color: #6E6A86; color: #6E6A86;
margin-right: 5px;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
padding: 0px; padding: 0px;
border-radius: 9px; border-radius: 9px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
animation: gradient_f 20s ease-in infinite; animation: gradient_f 20s ease-in infinite;
@ -74,10 +70,8 @@ tooltip {
#workspaces button.active { #workspaces button.active {
color: whitesmoke; color: whitesmoke;
border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -166,10 +160,8 @@ tooltip {
#taskbar button.active { #taskbar button.active {
background-color: #7f849c; background-color: #7f849c;
margin-left: 3px;
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
margin-right: 3px;
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);
} }
@ -193,14 +185,14 @@ tooltip {
} }
#pulseaudio-slider trough { #pulseaudio-slider trough {
min-width: 80px; /* Ajusta el ancho según tus preferencias */ min-width: 80px;
min-height: 10px; /* Ajusta la altura según tus preferencias */ min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: black; background-color: black;
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; /* Ajusta la altura según tus preferencias */ min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: wheat; background-color: wheat;
} }
@ -215,14 +207,14 @@ tooltip {
} }
#backlight-slider trough { #backlight-slider trough {
min-width: 80px; /* Ajusta el ancho según tus preferencias */ min-width: 80px;
min-height: 10px; /* Ajusta la altura según tus preferencias */ min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: black; background-color: black;
} }
#backlight-slider highlight { #backlight-slider highlight {
min-width: 10px; /* Ajusta el ancho según tus preferencias */ min-width: 10px;
border-radius: 5px; border-radius: 5px;
background-color: wheat; background-color: wheat;
} }

BIN
wallpapers/Dynamic-Wallpapers/Dark/highway_dark.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 KiB

BIN
wallpapers/Dynamic-Wallpapers/Light/highway_light.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 203 KiB

Write Preview
Loading…
Cancel
Save