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

indent correction

pull/23/head
JaKooLit 2 years ago
parent
a0ec6493d6
commit
172133b57c
5 changed files with 817 additions and 830 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. 350
      config/waybar/style/Crimson.css
  2. 417
      config/waybar/style/Golden-Noir.css
  3. 375
      config/waybar/style/None.css
  4. 105
      config/waybar/style/Purple.css
  5. 400
      config/waybar/style/Simple-Pink.css

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

@ -5,208 +5,200 @@
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ *{
font-family: "JetBrainsMono Nerd Font"; 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: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; 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: 00px 0px 100px 100px;
border: 1px solid grey; border: 1px solid grey;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty { window#waybar.empty {
}
window#waybar.empty #window { }
padding: 0px;
margin: 0px; window#waybar.empty #window {
border: 0px; padding: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ margin: 0px;
background-color: transparent; border: 0px;
} /* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e; tooltip {
border-radius: 10px; background: #1e1e2e;
border-width: 2px; border-radius: 10px;
border-style: solid; border-width: 2px;
border-color: #11111b; border-style: solid;
color: #cba6f7; border-color: #11111b;
} color: #cba6f7;
/*-----module groups----*/ }
.modules-right {
padding-right: 5px;
padding-left: 5px;
} /*-----module groups----*/
.modules-right {
padding-right: 5px;
padding-left: 5px;
}
.modules-center { .modules-center {
}
}
.modules-left { .modules-left {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
}
}
#workspaces button { #workspaces button {
color: wheat; color: wheat;
padding: 5px; padding: 5px;
} }
#workspaces button.active { #workspaces button.active {
color: rgb(108, 18, 18); color: rgb(108, 18, 18);
background-color: #000000; background-color: #000000;
border: 1px solid grey; border: 1px solid grey;
} }
#workspaces button.focused { #workspaces button.focused {
color: #d8dee9; color: #d8dee9;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: #11111b; color: #11111b;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button:hover { #workspaces button:hover {
color: rgb(71, 14, 14); color: rgb(71, 14, 14);
background-color: #000000; background-color: #000000;
}
}
#backlight, #backlight,
#battery, #battery,
#bluetooth, #bluetooth,
#cava, #cava,
#clock, #clock,
#cpu, #cpu,
#disk, #disk,
#idle_inhibitor, #idle_inhibitor,
#keyboard-state label, #keyboard-state label,
#keyboard-state label.locked, #keyboard-state label.locked,
#keyboard-state, #keyboard-state,
#memory, #memory,
#mode, #mode,
#mpd, #mpd,
#network, #network,
#pulseaudio, #pulseaudio,
#taskbar button, #taskbar button,
#taskbar, #taskbar,
#temperature, #temperature,
#tray, #tray,
#window, #window,
#wireplumber, #wireplumber,
#workspaces, #workspaces,
#custom-cycle_wall, #custom-cycle_wall,
#custom-keybinds, #custom-keybinds,
#custom-light_dark, #custom-light_dark,
#custom-lock, #custom-lock,
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-spotify, #custom-spotify,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default #custom-weather.default
#custom-weather.rainyDay, #custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe, #custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: wheat; color: wheat;
padding-right: 10px; padding-right: 10px;
padding-left: 10px; padding-left: 10px;
} }
#temperature.critical { #temperature.critical {
background-color: #ff0000; background-color: #ff0000;
} }
@keyframes blink { @keyframes blink {
to { to {
color: #000000; color: #000000;
} }
} }
#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;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #f53c3c; color: #f53c3c;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
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;
opacity: 0; opacity: 0;
background-image: none; background-image: none;
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; background-color: #22252a;
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #ba5663; background-color: #ba5663;
} }
#backlight-slider slider { #backlight-slider slider {
min-width: 0px; min-width: 0px;
min-height: 0px; min-height: 0px;
opacity: 0; opacity: 0;
background-image: none; background-image: none;
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; background-color: #22252a;
} }
#backlight-slider highlight { #backlight-slider highlight {
min-width: 10px; min-width: 10px;
border-radius: 5px; border-radius: 5px;
background-color: #ba5663; background-color: #ba5663;
} }

417
config/waybar/style/Golden-Noir.css
Unescape View File

@ -5,212 +5,211 @@
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrainsMono Nerd Font"; 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: 100%; font-size: 100%;
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: #040406; background: #040406;
border-radius:30px; border-radius: 30px;
color: #cba6f7; color: #cba6f7;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty {
background-color: #040406; window#waybar.empty {
} background-color: #040406;
}
window#waybar.empty #window {
padding: 0px; window#waybar.empty #window {
margin: 0px; padding: 0px;
border: 0px; margin: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ border: 0px;
background-color: transparent; /* background-color: rgba(66,66,66,0.5); */
} /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px; tooltip {
border-width: 2px; background: #1e1e2e;
border-style: solid; border-radius: 10px;
border-color: #11111b; border-width: 2px;
color: #cba6f7; border-style: solid;
} border-color: #11111b;
/*-----module groups----*/ color: #cba6f7;
.modules-right { }
padding-right: 5px;
padding-left: 5px; /*-----module groups----*/
.modules-right {
} padding-right: 5px;
padding-left: 5px;
.modules-center {
border-left: 1px solid #ffd700; }
border-right:1px solid #ffd700;
border-radius: 20px; .modules-center {
border-left: 1px solid #ffd700;
border-right: 1px solid #ffd700;
} border-radius: 20px;
.modules-left {
padding-right: 5px; }
padding-left: 5px;
.modules-left {
} padding-right: 5px;
padding-left: 5px;
#workspaces button {
padding: 2px; }
color: #6E6A86;
margin-right: 5px; #workspaces button {
} padding: 2px;
color: #6E6A86;
#workspaces button.active { margin-right: 5px;
color: #ffd700; }
border-radius: 50%;
background-color: black; #workspaces button.active {
} color: #ffd700;
border-radius: 50%;
#workspaces button.focused { background-color: black;
color: #d8dee9; }
}
#workspaces button.focused {
#workspaces button.urgent { color: #d8dee9;
color: #11111b; }
border-radius: 10px;
} #workspaces button.urgent {
color: #11111b;
#workspaces button:hover { border-radius: 10px;
color: #ffd700; }
border-radius: 15px;
} #workspaces button:hover {
color: #ffd700;
#clock#2 { border-radius: 15px;
color: #cba6f7; }
}
#clock#2 {
#backlight, color: #cba6f7;
#battery, }
#bluetooth,
#cava, #backlight,
#clock, #battery,
#cpu, #bluetooth,
#disk, #cava,
#idle_inhibitor, #clock,
#keyboard-state label, #cpu,
#keyboard-state label.locked, #disk,
#keyboard-state, #idle_inhibitor,
#memory, #keyboard-state label,
#mode, #keyboard-state label.locked,
#mpd, #keyboard-state,
#network, #memory,
#pulseaudio, #mode,
#taskbar button, #mpd,
#taskbar, #network,
#temperature, #pulseaudio,
#tray, #taskbar button,
#window, #taskbar,
#wireplumber, #temperature,
#workspaces, #tray,
#custom-cycle_wall, #window,
#custom-keybinds, #wireplumber,
#custom-light_dark, #workspaces,
#custom-lock, #custom-cycle_wall,
#custom-menu, #custom-keybinds,
#custom-power_vertical, #custom-light_dark,
#custom-power, #custom-lock,
#custom-spotify, #custom-menu,
#custom-updater, #custom-power_vertical,
#custom-weather, #custom-power,
#custom-weather.clearNight, #custom-spotify,
#custom-weather.cloudyFoggyDay, #custom-updater,
#custom-weather.cloudyFoggyNight, #custom-weather,
#custom-weather.default #custom-weather.clearNight,
#custom-weather.rainyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.rainyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.severe, #custom-weather.default #custom-weather.rainyDay,
#custom-weather.showyIcyDay, #custom-weather.rainyNight,
#custom-weather.snowyIcyNight, #custom-weather.severe,
#custom-weather.sunnyDay { #custom-weather.showyIcyDay,
color: #e5d9f5; #custom-weather.snowyIcyNight,
padding-right: 10px; #custom-weather.sunnyDay {
padding-left: 15px; color: #e5d9f5;
} padding-right: 10px;
padding-left: 15px;
#temperature.critical { }
background-color: #ff0000;
} #temperature.critical {
background-color: #ff0000;
@keyframes blink { }
to {
color: #000000; @keyframes blink {
} to {
} color: #000000;
}
#taskbar button.active { }
background-color: rgb(47, 46, 46);
} #taskbar button.active {
background-color: rgb(47, 46, 46);
#battery.critical:not(.charging) { }
color: #f53c3c;
animation-name: blink; #battery.critical:not(.charging) {
animation-duration: 0.5s; color: #f53c3c;
animation-timing-function: linear; animation-name: blink;
animation-iteration-count: infinite; animation-duration: 0.5s;
animation-direction: alternate; animation-timing-function: linear;
} animation-iteration-count: infinite;
animation-direction: alternate;
#pulseaudio-slider slider { }
min-width: 0px;
min-height: 0px; #pulseaudio-slider slider {
opacity: 0; min-width: 0px;
background-image: none; min-height: 0px;
border: none; opacity: 0;
box-shadow: none; background-image: none;
} border: none;
box-shadow: none;
#pulseaudio-slider trough { }
min-width: 80px;
min-height: 5px; #pulseaudio-slider trough {
border-radius: 5px; min-width: 80px;
background-color: #22252a; min-height: 5px;
} border-radius: 5px;
background-color: #22252a;
#pulseaudio-slider highlight { }
min-height: 10px;
border-radius: 5px; #pulseaudio-slider highlight {
background-color: #ba5663; min-height: 10px;
} border-radius: 5px;
background-color: #ba5663;
#backlight-slider slider { }
min-width: 0px;
min-height: 0px; #backlight-slider slider {
opacity: 0; min-width: 0px;
background-image: none; min-height: 0px;
border: none; opacity: 0;
box-shadow: none; background-image: none;
} border: none;
box-shadow: none;
#backlight-slider trough { }
min-width: 80px;
min-height: 10px; #backlight-slider trough {
border-radius: 5px; min-width: 80px;
background-color: #22252a; min-height: 10px;
} border-radius: 5px;
background-color: #22252a;
#backlight-slider highlight { }
min-width: 10px;
border-radius: 5px; #backlight-slider highlight {
background-color: #ba5663; min-width: 10px;
} border-radius: 5px;
background-color: #ba5663;
}

375
config/waybar/style/None.css
Unescape View File

@ -4,7 +4,7 @@
/* ................................... */ /* ................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrains Mono Nerd Font"; font-family: "JetBrains Mono Nerd Font";
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
@ -12,194 +12,191 @@
font-size: 100%; font-size: 100%;
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:transparent; background: transparent;
border-radius: 1px; border-radius: 1px;
color: whitesmoke; color: whitesmoke;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty {
background-color: transparent; window#waybar.empty {
} background-color: transparent;
}
window#waybar.empty #window {
padding: 0px; window#waybar.empty #window {
margin: 0px; padding: 0px;
border: 0px; margin: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ border: 0px;
background-color: transparent; /* background-color: rgba(66,66,66,0.5); */
} /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px; tooltip {
border-width: 2px; background: #1e1e2e;
border-style: solid; border-radius: 10px;
border-color: #11111b; border-width: 2px;
color: #cba6f7; border-style: solid;
} border-color: #11111b;
/*-----module groups----*/ color: #cba6f7;
.modules-right { }
} /*-----module groups----*/
.modules-right {}
.modules-center {
.modules-center {}
.modules-left {}
}
#workspaces button {
.modules-left { padding: 2px;
color: #6E6A86;
margin-right: 5px;
} }
#workspaces button { #workspaces button.active {
padding: 2px; color: whitesmoke;
color: #6E6A86;
margin-right: 5px; }
}
#workspaces button.focused {
#workspaces button.active { color: #d8dee9;
color: whitesmoke; }
} #workspaces button.urgent {
color: #11111b;
#workspaces button.focused { border-radius: 10px;
color: #d8dee9; }
}
#workspaces button:hover {
#workspaces button.urgent { color: whitesmoke;
color: #11111b;
border-radius: 10px; }
}
#workspaces button:hover {
color: whitesmoke; #backlight,
#battery,
} #bluetooth,
#cava,
#clock,
#cpu,
#backlight, #disk,
#battery, #idle_inhibitor,
#bluetooth, #keyboard-state label,
#cava, #keyboard-state label.locked,
#clock, #keyboard-state,
#cpu, #memory,
#disk, #mode,
#idle_inhibitor, #mpd,
#keyboard-state label, #network,
#keyboard-state label.locked, #pulseaudio,
#keyboard-state, #taskbar button,
#memory, #taskbar,
#mode, #temperature,
#mpd, #tray,
#network, #window,
#pulseaudio, #wireplumber,
#taskbar button, #workspaces,
#taskbar, #custom-cycle_wall,
#temperature, #custom-keybinds,
#tray, #custom-light_dark,
#window, #custom-lock,
#wireplumber, #custom-menu,
#workspaces, #custom-power_vertical,
#custom-cycle_wall, #custom-power,
#custom-keybinds, #custom-spotify,
#custom-light_dark, #custom-updater,
#custom-lock, #custom-weather,
#custom-menu, #custom-weather.clearNight,
#custom-power_vertical, #custom-weather.cloudyFoggyDay,
#custom-power, #custom-weather.cloudyFoggyNight,
#custom-spotify, #custom-weather.default #custom-weather.rainyDay,
#custom-updater, #custom-weather.rainyNight,
#custom-weather, #custom-weather.severe,
#custom-weather.clearNight, #custom-weather.showyIcyDay,
#custom-weather.cloudyFoggyDay, #custom-weather.snowyIcyNight,
#custom-weather.cloudyFoggyNight, #custom-weather.sunnyDay {
#custom-weather.default color: whitesmoke;
#custom-weather.rainyDay, padding: 0px 10px;
#custom-weather.rainyNight,
#custom-weather.severe, }
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #temperature.critical {
#custom-weather.sunnyDay { background-color: #ff0000;
color:whitesmoke; }
padding: 0px 10px;
@keyframes blink {
} to {
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000; color: #000000;
}
}
#taskbar button.active {
background-color: #7f849c;
}
#battery.critical:not(.charging) {
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px; /* Ajusta el ancho según tus preferencias */
min-height: 10px; /* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: black;
}
#pulseaudio-slider highlight {
min-height: 10px; /* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: wheat;
} }
}
#backlight-slider slider { #taskbar button.active {
min-width: 0px; background-color: #7f849c;
min-height: 0px; }
opacity: 0;
background-image: none; #battery.critical:not(.charging) {
border: none; color: #f53c3c;
box-shadow: none; animation-name: blink;
} animation-duration: 0.5s;
animation-timing-function: linear;
#backlight-slider trough { animation-iteration-count: infinite;
min-width: 80px; /* Ajusta el ancho según tus preferencias */ animation-direction: alternate;
min-height: 10px; /* Ajusta la altura según tus preferencias */ }
border-radius: 5px;
background-color: black; #pulseaudio-slider slider {
} min-width: 0px;
min-height: 0px;
#backlight-slider highlight { opacity: 0;
min-width: 10px; /* Ajusta el ancho según tus preferencias */ background-image: none;
border-radius: 5px; border: none;
background-color: wheat; box-shadow: none;
} }
#pulseaudio-slider trough {
min-width: 80px;
/* Ajusta el ancho según tus preferencias */
min-height: 10px;
/* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: black;
}
#pulseaudio-slider highlight {
min-height: 10px;
/* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: wheat;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
/* Ajusta el ancho según tus preferencias */
min-height: 10px;
/* Ajusta la altura según tus preferencias */
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight {
min-width: 10px;
/* Ajusta el ancho según tus preferencias */
border-radius: 5px;
background-color: wheat;
}

105
config/waybar/style/Purple.css
Unescape View File

@ -4,39 +4,41 @@
/* ...................,.................... */ /* ...................,.................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrains Mono Nerd Font"; font-family: "JetBrains Mono 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: 100%; font-size: 100%;
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; border-radius: 10px;
color: #cba6f7; color: #cba6f7;
} }
window#waybar.hidden { window#waybar.hidden {
opacity: 0.5; opacity: 0.5;
} }
window#waybar.empty { window#waybar.empty {
background-color: transparent; background-color: transparent;
background: #100214; background: #100214;
} }
window#waybar.empty #window { window#waybar.empty #window {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border: 0px; border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ /* background-color: rgba(66,66,66,0.5); */
background-color: transparent; /* transparent */
} background-color: transparent;
}
tooltip { tooltip {
background: #1e1e2e; background: #1e1e2e;
border-radius: 10px; border-radius: 10px;
@ -54,13 +56,13 @@ tooltip {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
.modules-center { .modules-center {
/*background-color: #1e1e2e;*/ /*background-color: #1e1e2e;*/
} }
.modules-left { .modules-left {
/*background-color: #1e1e2e;*/ /*background-color: #1e1e2e;*/
border: 5px solid #20052a; border: 5px solid #20052a;
@ -68,30 +70,30 @@ tooltip {
background-color: #441a53; background-color: #441a53;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
} }
#workspaces button { #workspaces button {
padding: 2px; padding: 2px;
color: #6E6A86; color: #6E6A86;
margin-right: 5px; margin-right: 5px;
} }
#workspaces button.active { #workspaces button.active {
color: #cba6f7; color: #cba6f7;
border-radius: 50%; border-radius: 50%;
background-color: black; background-color: black;
} }
#workspaces button.focused { #workspaces button.focused {
color: #d8dee9; color: #d8dee9;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: #11111b; color: #11111b;
border-radius: 10px; border-radius: 10px;
} }
#workspaces button:hover { #workspaces button:hover {
color: #9CCFD8; color: #9CCFD8;
border-radius: 15px; border-radius: 15px;
@ -133,32 +135,31 @@ tooltip {
#custom-weather.clearNight, #custom-weather.clearNight,
#custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyDay,
#custom-weather.cloudyFoggyNight, #custom-weather.cloudyFoggyNight,
#custom-weather.default #custom-weather.default #custom-weather.rainyDay,
#custom-weather.rainyDay,
#custom-weather.rainyNight, #custom-weather.rainyNight,
#custom-weather.severe, #custom-weather.severe,
#custom-weather.showyIcyDay, #custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color:whitesmoke; color: whitesmoke;
padding: 0px 10px; padding: 0px 10px;
} }
#temperature.critical { #temperature.critical {
background-color: #ff0000; background-color: #ff0000;
} }
@keyframes blink { @keyframes blink {
to { to {
color: #000000; color: #000000;
} }
} }
#taskbar button.active { #taskbar button.active {
background-color: purple; background-color: purple;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #f53c3c; color: #f53c3c;
animation-name: blink; animation-name: blink;
@ -167,7 +168,7 @@ tooltip {
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;
@ -176,16 +177,16 @@ tooltip {
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; background-color: #22252a;
} }
#pulseaudio-slider highlight { #pulseaudio-slider highlight {
min-height: 10px; min-height: 10px;
border-radius: 5px; border-radius: 5px;
background-color: purple; background-color: purple;
} }
@ -198,18 +199,16 @@ tooltip {
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; background-color: #22252a;
} }
#backlight-slider highlight { #backlight-slider highlight {
min-width: 10px; min-width: 10px;
border-radius: 5px; border-radius: 5px;
background-color: purple; background-color: purple;
} }

400
config/waybar/style/Simple-Pink.css
Unescape View File

@ -4,215 +4,215 @@
/* ......................................... */ /* ......................................... */
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ /* --- 👍 designed by https://github.com/Krautt 👍 --- */
*{ * {
font-family: "JetBrains Mono Nerd Font"; font-family: "JetBrains Mono 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: 100%; font-size: 100%;
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
}
window#waybar {
background:black;
border-radius: 50px;
color: whitesmoke;
}
window#waybar.hidden {
opacity: 0.5;
}
window#waybar.empty {
background-color: black;
}
window#waybar.empty #window {
padding: 0px;
margin: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
tooltip {
background: #1e1e2e;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: #11111b;
color: #cba6f7;
}
/*-----module groups----*/
.modules-right {
border: 5px solid #19141b;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
padding-right: 10px;
padding-left: 10px;
margin: 3px;
}
.modules-center {
background-color: black;
}
.modules-left {
border: 5px solid #0d0a0f;
border-radius: 50px 50px 50px 50px;
background-color: #ba5663;
}
#workspaces button {
color: pink;
}
#workspaces button.active {
color: whitesmoke;
}
#workspaces button.focused {
color: #c42a60;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: #ba5663;
background-color: #0d0a0d;
}
#taskbar button:hover { }
color: #ba5663;
background-color: #0d0a0d;
}
window#waybar {
background: black;
#backlight, border-radius: 50px;
#battery, color: whitesmoke;
#bluetooth, }
#cava,
#clock, window#waybar.hidden {
#cpu, opacity: 0.5;
#disk, }
#idle_inhibitor,
#keyboard-state label, window#waybar.empty {
#keyboard-state label.locked, background-color: black;
#keyboard-state, }
#memory,
#mode, window#waybar.empty #window {
#mpd, padding: 0px;
#network, margin: 0px;
#pulseaudio, border: 0px;
#taskbar button, /* background-color: rgba(66,66,66,0.5); */
#taskbar, /* transparent */
#temperature, background-color: transparent;
#tray, }
#window,
#wireplumber,
#workspaces, tooltip {
#custom-cycle_wall, background: #1e1e2e;
#custom-keybinds, border-radius: 10px;
#custom-light_dark, border-width: 2px;
#custom-lock, border-style: solid;
#custom-menu, border-color: #11111b;
#custom-power_vertical, color: #cba6f7;
#custom-power, }
#custom-spotify,
#custom-updater, /*-----module groups----*/
#custom-weather, .modules-right {
#custom-weather.clearNight, border: 5px solid #19141b;
#custom-weather.cloudyFoggyDay, border-radius: 50px 50px 50px 50px;
#custom-weather.cloudyFoggyNight, background-color: #ba5663;
#custom-weather.default padding-right: 10px;
#custom-weather.rainyDay, padding-left: 10px;
#custom-weather.rainyNight, margin: 3px;
#custom-weather.severe, }
#custom-weather.showyIcyDay,
#custom-weather.snowyIcyNight, .modules-center {
#custom-weather.sunnyDay { background-color: black;
color:whitesmoke;
padding: 0px 10px;
}
}
.modules-left {
#temperature.critical { border: 5px solid #0d0a0f;
background-color: #ff0000; border-radius: 50px 50px 50px 50px;
} background-color: #ba5663;
}
@keyframes blink {
to { #workspaces button {
color: pink;
}
#workspaces button.active {
color: whitesmoke;
}
#workspaces button.focused {
color: #c42a60;
}
#workspaces button.urgent {
color: #11111b;
border-radius: 10px;
}
#workspaces button:hover {
color: #ba5663;
background-color: #0d0a0d;
}
#taskbar button:hover {
color: #ba5663;
background-color: #0d0a0d;
}
#backlight,
#battery,
#bluetooth,
#cava,
#clock,
#cpu,
#disk,
#idle_inhibitor,
#keyboard-state label,
#keyboard-state label.locked,
#keyboard-state,
#memory,
#mode,
#mpd,
#network,
#pulseaudio,
#taskbar button,
#taskbar,
#temperature,
#tray,
#window,
#wireplumber,
#workspaces,
#custom-cycle_wall,
#custom-keybinds,
#custom-light_dark,
#custom-lock,
#custom-menu,
#custom-power_vertical,
#custom-power,
#custom-spotify,
#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 {
color: whitesmoke;
padding: 0px 10px;
}
#temperature.critical {
background-color: #ff0000;
}
@keyframes blink {
to {
color: #000000; color: #000000;
}
} }
}
#taskbar button.active {
background-color: pink;
border:1px solid #22252a;
} #taskbar button.active {
background-color: pink;
#battery.critical:not(.charging) { border: 1px solid #22252a;
color: #f53c3c;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#pulseaudio-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: pink;
}
#backlight-slider slider { }
min-width: 0px;
min-height: 0px; #battery.critical:not(.charging) {
opacity: 0; color: #f53c3c;
background-image: none; animation-name: blink;
border: none; animation-duration: 0.5s;
box-shadow: none; animation-timing-function: linear;
} animation-iteration-count: infinite;
animation-direction: alternate;
#backlight-slider trough { }
min-width: 80px;
min-height: 10px; #pulseaudio-slider slider {
border-radius: 5px; min-width: 0px;
background-color: #22252a; min-height: 0px;
} opacity: 0;
background-image: none;
#backlight-slider highlight { border: none;
min-width: 10px; box-shadow: none;
border-radius: 5px; }
background-color: pink;
} #pulseaudio-slider trough {
min-width: 80px;
min-height: 5px;
border-radius: 5px;
background-color: #22252a;
}
#pulseaudio-slider highlight {
min-height: 10px;
border-radius: 5px;
background-color: pink;
}
#backlight-slider slider {
min-width: 0px;
min-height: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-width: 80px;
min-height: 10px;
border-radius: 5px;
background-color: #22252a;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: pink;
}
Write Preview
Loading…
Cancel
Save