diff options
| author | JaKooLit <jimmielovejay@gmail.com> | 2023-10-22 15:55:57 +0900 |
|---|---|---|
| committer | JaKooLit <jimmielovejay@gmail.com> | 2023-10-22 15:55:57 +0900 |
| commit | c222e1bad2ba5e779c3af5b956906c82ead43271 (patch) | |
| tree | a5253e0861c200ff90354169e1f67ef42ebf0ef9 /config/waybar/style | |
| parent | bb0be21dba7980fc1c047eaba24eda1712bd7f31 (diff) | |
Initial upload
Diffstat (limited to 'config/waybar/style')
| -rw-r--r-- | config/waybar/style/style-b&w.css | 181 | ||||
| -rw-r--r-- | config/waybar/style/style-dark.css | 156 | ||||
| -rw-r--r-- | config/waybar/style/style-default.css | 320 | ||||
| -rw-r--r-- | config/waybar/style/style-default_alter.css | 322 | ||||
| -rw-r--r-- | config/waybar/style/style-light.css | 157 | ||||
| -rw-r--r-- | config/waybar/style/style-mauve.css | 161 | ||||
| -rw-r--r-- | config/waybar/style/style-rgb.css | 246 | ||||
| -rw-r--r-- | config/waybar/style/style-simple.css | 83 |
8 files changed, 1626 insertions, 0 deletions
diff --git a/config/waybar/style/style-b&w.css b/config/waybar/style/style-b&w.css new file mode 100644 index 00000000..610b247d --- /dev/null +++ b/config/waybar/style/style-b&w.css @@ -0,0 +1,181 @@ +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +margin-top: 1px; +margin-bottom: 1px; +} + +window#waybar { + background: transparent; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + margin: 0px; + border: 0px; +/* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +window > box { + /*margin: 1px 2px 2px;*/ + background: rgba(0, 0, 0, 0); + border-bottom: 1px solid rgba(0, 0, 0, 0); + color: white; +} + +window { + /*font-weight: bold;*/ +} + +tooltip { + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +tooltip label{ + color: #cdd6f4; +} +/*-----module groups----*/ +.modules-right { + background-color: rgba(0,43,51,0.3); + /*margin: 2px 10px 0 0;*/ + border: 1px solid #cba6f7; + border-radius: 8px; +} +.modules-center { + background-color: rgba(0,43,51,0.3); + /*margin: 2px 0 0 0;*/ + border: 1px solid #cba6f7; + border-radius: 8px; +} +.modules-left { + /*margin: 2px 0 0 5px;*/ + background-color: rgba(0,43,51,0.3); + border: 1px solid #cba6f7; + border-radius: 8px; +} +/*-----modules indv----*/ +#workspaces button { + padding: 0px 0px; + background-color: transparent; +} +#workspaces button:hover { + box-shadow: inherit; + background-color: rgba(0,153,153,0); +} + +#workspaces button.focused { + background-color: rgba(0,85,102,0); +} +#workspaces button.active { + background-color: rgba(191, 191, 191,0.1); + /*box-shadow:inherit;*/ +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#mode, +#tray, +#cava, +#idle_inhibitor, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#mpd, +#window, +#workspaces, +#taskbar, +#bluetooth, +#taskbar, +#taskbar button, +#custom-light_dark, +#custom-cycle_wall, +#custom-updater, +#custom-menu, +#custom-power, +#custom-spotify, +#custom-weather, +#custom-power, +#custom-lock, +#custom-weather.severe, +#custom-weather.sunnyDay, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.default +#idle_inhibitor { + padding: 0px 4px; +} +#mode { + color: #cc3436; + font-weight: bold; +} +#custom-power { + /*background-color: rgba(0,119,179,0.6);*/ + /*border-radius: 50px;*/ + margin: 5px 5px; + padding: 1px 3px; +} +/*-----Indicators----*/ +#idle_inhibitor.activated { + color: #2dcc36; +} +#pulseaudio.muted { + color: #cc3436; +} +#temperature.critical { + color: #cc3436; +} + +#waybar { + background-color: #282828; + color: #d8d8d8; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#taskbar button.active { + background-color: #7f849c; +} +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} diff --git a/config/waybar/style/style-dark.css b/config/waybar/style/style-dark.css new file mode 100644 index 00000000..1de23554 --- /dev/null +++ b/config/waybar/style/style-dark.css @@ -0,0 +1,156 @@ +*{ + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 98%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 1px; + margin-top: 1px; + margin-bottom: 1px; + } + + window#waybar { + background: rgba(0, 0, 0, 0); + } + + window#waybar.hidden { + opacity: 0.5; + } + + window#waybar.empty { + background-color: transparent; + } + + window#waybar.empty #window { + padding: 0px; + margin: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; + } + + tooltip { + background: rgba(0, 0, 0, 0.6); + border-radius: 10px; + } + + tooltip label { + color: #cba6f7; + margin-right: 2px; + margin-left: 2px; + } + + /*-----module groups----*/ + .modules-right { + background-color: rgba(0, 0, 0, 0.6); + border: 0px solid #b4befe; + border-radius: 10px; + } + + .modules-center { + background-color: rgba(0, 0, 0, 0.6); + border: 0px solid #b4befe; + border-radius: 10px; + } + + .modules-left { + background-color: rgba(0, 0, 0, 0.6); + border: 0px solid #b4befe; + border-radius: 10px; + + } + + #workspaces button { + color: #6E6A86; + } + + #workspaces button.active { + color: #cba6f7; + border-radius: 15px 15px 15px 15px; + } + + #workspaces button.focused { + color: #d8dee9; + } + + #workspaces button.urgent { + color: #11111b; + border-radius: 10px; + } + + #workspaces button:hover { + color: #9CCFD8; + border-radius: 15px; + } + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#network, +#pulseaudio, +#wireplumber, +#mode, +#tray, +#cava, +#backlight, +#window, +#idle_inhibitor, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#mpd, +#bluetooth, +#taskbar, +#taskbar button, +#workspaces, +#custom-light_dark, +#custom-updater, +#custom-menu, +#custom-cycle_wall, +#custom-power, +#custom-spotify, +#custom-weather, +#custom-power, +#custom-lock, +#custom-weather.severe, +#custom-weather.sunnyDay, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.default, +#idle_inhibitor { + color: #cba7f7; + padding: 0px 6px; + border-radius: 10px; + } + + #temperature.critical { + background-color: #ff0000; + } + + @keyframes blink { + to { + 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; + }
\ No newline at end of file diff --git a/config/waybar/style/style-default.css b/config/waybar/style/style-default.css new file mode 100644 index 00000000..d3c0c93a --- /dev/null +++ b/config/waybar/style/style-default.css @@ -0,0 +1,320 @@ +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 0px; +margin-top: 1px; +margin-bottom: 1px; +} + + +window#waybar { + /* background-color: rgba(26, 27, 38, 0.5); */ + background-color: transparent; + color: #ffffff; + transition-property: background-color; + transition-duration: 0.5s; + /* border-top: 8px transparent; */ + border-radius: 0px; + transition-duration: 0.5s; + margin: 0px 0px; +} +window#waybar.empty { + background-color: transparent; +} +window#waybar.empty #window { + padding: 0px; + margin: 0px; + border: 0px; +/* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +window#waybar.hidden { + opacity: 0.1; +} + +tooltip { + background: #1e1e2e; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +tooltip label{ + color: #cdd6f4; +} +#workspaces button { + padding: 0 0px; + color: #7984a4; + background-color: transparent; + /* Use box-shadow instead of border so the text isn't offset */ + box-shadow: inset 0 -3px transparent; + /* Avoid rounded borders under each workspace name */ + border: none; + border-radius: 0; +} + +#workspaces button.focused { + background-color: transparent; +} +#workspace button.hover { + background-color: transparent; +} +#workspaces button.active { + color: white; +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#mode, +#tray, +#idle_inhibitor, +#keyboard-state, +#mpd, +#cava, +#bluetooth, +#taskbar, +#workspaces, +#custom-light_dark, +#custom-updater, +#custom-power, +#custom-lock, +#custom-weather, +#window, +#custom-weather.severe, +#custom-weather.sunnyDay, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.default { + padding: 0px 10px; + color: #e5e5e5; + /* color: #bf616a; */ + border-radius: 8px; + background-color: rgba(50, 50, 50, 0.1); + border: 1px solid #b4befe; +} + +#workspaces { + border-radius: 6px; + padding: 0px 10px; + border: 1px solid #b4befe; +} + +#cpu { + color: #fb958b; + padding: 3px; + border-radius: 8px; + background-color: rgba(50, 50, 50, 0.1); + border: 1px solid #b4befe; +} + +#custom-cycle_wall, +#custom-updater { + color: #cba7f7; + padding: 3px; + border-radius: 8px; + background-color: rgba(50, 50, 50, 0.1); + border: 1px solid #b4befe; + +} + +#custom-menu { + color: #FFFFFF; + padding: 6px; + padding-right: 10px; + border-radius: 8px; + background-color: rgba(50, 50, 50, 0.1); + border: 1px solid #b4befe; +} + +#memory { + color: #ebcb8b; +} + +#custom-power { + color: #cc3436; +} + +#custom-launcher { + background-color: #1b242b; + color: #6a92d7; + border-radius: 6px; + padding: 0 0px; +} + +#custom-weather.severe { + color: #eb937d; +} + +#custom-weather.sunny { + color: #c2ca76; +} + +#custom-weather.clearNight { + color: #cad3f5; +} + +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight { + color: #c2ddda; +} + +#custom-weather.rainyDay, +#custom-weather.rainyNight { + color: #5aaca5; +} + +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight { + color: #d6e7e5; +} + +#custom-weather.default { + 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 { + color: #FFD580; +} + +#wireplumber { + color: #FFD580; +} +#backlight { + /* color: #EBCB8B; */ + color: #8fbcbb; +} + +#clock { + color: #90EE90; + /* background-color: #14141e; */ +} + +#battery { + color: #c0caf5; + /* background-color: #90b1b1; */ +} + +#battery.charging, +#battery.full, +#battery.plugged { + color: #26a65b; + /* background-color: #26a65b; */ +} + +@keyframes blink { + to { + background-color: rgba(30, 34, 42, 0.5); + color: #abb2bf; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#disk { + color: #f38ba8; +} + +#bluetooth { + color: #7287fd; +} + +#bluetooth.disconnected { + color: #f53c3c; +} + +#network { + color: #b48ead; +} + +#network.disconnected { + color: #f53c3c; +} + +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-media.custom-spotify { + background-color: #66cc99; +} + +#custom-media.custom-vlc { + background-color: #ffa000; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + /*background-color: #2d3436;*/ +} + +#idle_inhibitor.activated { + /*background-color: #ecf0f1;*/ + color: #2dcc36; +} + +#temperature { + color: #ADD8E6; +} + +#taskbar button.active { + background-color: #7f849c; +} diff --git a/config/waybar/style/style-default_alter.css b/config/waybar/style/style-default_alter.css new file mode 100644 index 00000000..80c984fc --- /dev/null +++ b/config/waybar/style/style-default_alter.css @@ -0,0 +1,322 @@ +@define-color critical #ff0000; /* critical color */ +@define-color warning #f3f809; /* warning color */ +@define-color fgcolor #ffffff; /* foreground color */ +@define-color bgcolor #303030; /* background color */ +@define-color bgcolor #222436; /* background color */ +@define-color alert #df3320; + +@define-color accent1 #ff7a93; +@define-color accent2 #b9f27c; +@define-color accent3 #ff9e64; +@define-color accent4 #bb9af7; +@define-color accent5 #7da6ff; +@define-color accent6 #0db9d7; + +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 0px; +margin-top: 1px; +margin-bottom: 1px; +} + +/* icons start at U+E900 in Jetbrains mono in gucharmap */ + +window#waybar { + background-color: rgba(50, 50, 50, 0.0); + /*background-color: @bgcolor;*/ + /* border-bottom: 0px solid rgba(100, 114, 125, 0.5); */ + color: #ffffff; + transition-property: background-color; + transition-duration: .5s; + border-radius: 0; +} + +window#waybar.hidden { + opacity: 0.1; +} + +window#waybar.empty { + background-color: transparent; +} + +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; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +tooltip label{ + color: #cdd6f4; +} + +#workspaces button { + padding: 0 0 0 0; + margin: 0 0 0 0; + background-color: transparent; + color: #ffffff; + /*min-width: 36px;*/ + /* Use box-shadow instead of border so the text isn't offset */ +/* box-shadow: inset 0 -3px transparent;*/ + /* border-radius: 0px; */ +} + +#workspaces button.active { + padding: 0 0 0 0; + margin: 0 0 0 0; + background-color: transparent; + color: #D3D3D3; + /*min-width: 36px;*/ + /* Use box-shadow instead of border so the text isn't offset */ +/* box-shadow: inset 0 -3px transparent;*/ + /* border-radius: 0px; */ +} + +/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */ +#workspaces button:hover { + background: rgba(0, 0, 0, 0.2); + /* box-shadow: inset 0 -3px #ffffff; */ +} + +#workspaces button.focused { + background-color: #bbccdd; + color: #323232; + /* box-shadow: inset 0 -3px #ffffff; */ +} + +#workspaces button.urgent { + background-color: #eb4d4b; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#clock, +#battery, +#cpu, +#memory, +#temperature, +#backlight, +#network, +#pulseaudio, +#wireplumber, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#tray, +#cava, +#mode, +#custom-light_dark, +#taskbar, +#taskbar button, +#idle_inhibitor, +#custom-updater, +#window, +#custom-cycle_wall, +#custom-screen_locker, +#custom-weather { + padding: 1px 6px 0px 6px; + margin: 4px 3px 5px 3px; + /*color: @fgcolor;*/ + /* background-color: #bbccdd; */ + background-color:transparent; +} + +#window, +#workspaces { + margin: 0 4px; +} + +/* 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; +} + +#clock { + color: @accent2; +} + +#custom-updater { + color: #7287fd; +} + +#battery { + color: @accent5; +} + +/* #battery.charging { + color: #ffffff; + background-color: #26A65B; +} */ + +@keyframes blink { + to { + background-color: #ffffff; + color: #333333; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#custom-menu{ + color: #FFFFFF; + padding: 3px; +} + +#cpu { + color: @accent1; +} + +#memory { + color: @accent3; +} + +#backlight { + color: #cdd6f4; +} + +#bluetooth { + color: #1e66f5; +} + +#network { + color: @accent3; +} + +#network.disconnected { + color: @alert; +} + +#pulseaudio { + color: @accent4; +} + +#pulseaudio-muted { + color: @accent2; +} +#wireplumber { + color: @accent4; +} + +#wireplumber-muted { + color: @accent2; +} + +#pluseaudio-source-muted{ + color: #a0a0a0; +} + +#custom-power { + color: #cc3436; +} + +#disk { + color: @accent5; +} +#custom-power_profile { + color: @accent3; +} +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-weather { + color: #66cc99; +} + +#custom-lock { + color: #ffa000; +} + +#temperature { + color: @accent6; + /* background-color: #f0932b; */ +} + +#temperature.critical { + background-color: @critical; +} + +#tray { + /* background-color: #505050; */ +} + +#idle_inhibitor { + /*background-color: #2d3436;*/ +} + +#idle_inhibitor.activated { + /*background-color: #ecf0f1;*/ + color: #2dcc36; + /*color: #2d3436;*/ +} + +#taskbar button.active { + background-color: #7f849c; +} + +#mpd { + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#custom-language { + /* background: #bbccdd; + color: #333333; + padding: 0 5px; + margin: 4px 3px 6px 3px; */ + color: @accent5; + min-width: 16px; +} + +#custom-separator { + color: #606060; + margin: 0 1px; + padding-bottom: 5px; +} diff --git a/config/waybar/style/style-light.css b/config/waybar/style/style-light.css new file mode 100644 index 00000000..9cb493c2 --- /dev/null +++ b/config/waybar/style/style-light.css @@ -0,0 +1,157 @@ +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 1px; +margin-top: 1px; +margin-bottom: 1px; +} + +window#waybar { + background: rgba(0, 0, 0, 0) +} + +window#waybar.hidden { + opacity: 0.7; +} + +window#waybar.empty { + background-color: transparent; +} + +window#waybar.empty #window { + padding: 0px; + margin: 0px; + border: 0px; +/* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + +tooltip { + background: rgba(236, 236, 236, 0.8); + border-radius: 10px; +} + +tooltip label { + color: #373737; + margin-right: 2px; + margin-left: 2px; +} + +/*-----module groups----*/ +.modules-right { + background-color: rgba(232, 236, 241, 0.8); + border: 0px solid #b4befe; + border-radius: 10px; +} + +.modules-center { + background-color: rgba(232, 236, 241, 0.8); + border: 0px solid #b4befe; + border-radius: 10px; +} + +.modules-left { + background-color: rgba(232, 236, 241, 0.8); + border: 0px solid #b4befe; + border-radius: 10px; + +} + +#workspaces button { + color: #585b70; +} + +#workspaces button.active { + color: #000000; + border-radius: 15px 15px 15px 15px; +} + +#workspaces button.focused { + color: #000000; +} + +#workspaces button.urgent { + color: #000000; + border-radius: 10px; +} + +#workspaces button:hover { + color: #000000; + border-radius: 15px; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#network, +#pulseaudio, +#wireplumber, +#mode, +#tray, +#cava, +#backlight, +#window, +#idle_inhibitor, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#mpd, +#bluetooth, +#taskbar, +#taskbar button, +#workspaces, +#custom-light_dark, +#custom-updater, +#custom-menu, +#custom-cycle_wall, +#custom-power, +#custom-spotify, +#custom-weather, +#custom-power, +#custom-lock, +#custom-weather.severe, +#custom-weather.sunnyDay, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.default, +#idle_inhibitor { + color: #000000; + padding: 0px 6px; + border-radius: 10px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#taskbar button.active { + background-color: #585b70; + color: #cdd6f4; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} diff --git a/config/waybar/style/style-mauve.css b/config/waybar/style/style-mauve.css new file mode 100644 index 00000000..e4cd8e92 --- /dev/null +++ b/config/waybar/style/style-mauve.css @@ -0,0 +1,161 @@ +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 0px; +margin-top: 1px; +margin-bottom: 1px; +} + +window#waybar { + background: transparent; + border-radius: 10px; + color: #cba6f7; + border-style: solid; + border-width: 2px; + border-color: #cba6f7; +} + +window#waybar.hidden { + opacity: 0.5; +} +window#waybar.empty { + background-color: transparent; +} + +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 { + /*background-color: #1e1e2e;*/ + border: 0px solid #b4befe; + border-radius: 10px; +} + +.modules-center { + /*background-color: #1e1e2e;*/ + border: 0px solid #b4befe; + border-radius: 10px; +} + +.modules-left { + /*background-color: #1e1e2e;*/ + border: 0px solid #b4befe; + border-radius: 10px; + +} + +#workspaces button { + padding: 2px; + color: #6E6A86; + margin-right: 5px; +} + +#workspaces button.active { + color: #cba6f7; + border-radius: 15px 15px 15px 15px; +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#workspaces button:hover { + color: #9CCFD8; + border-radius: 15px; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#network, +#pulseaudio, +#wireplumber, +#mode, +#tray, +#cava, +#backlight, +#window, +#idle_inhibitor, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#mpd, +#bluetooth, +#taskbar, +#taskbar button, +#workspaces, +#custom-light_dark, +#custom-updater, +#custom-menu, +#custom-cycle_wall, +#custom-power, +#custom-spotify, +#custom-weather, +#custom-power, +#custom-lock, +#custom-weather.severe, +#custom-weather.sunnyDay, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.default +#idle_inhibitor { + color: #cba7f7; + padding: 0px 10px; + border-radius:10px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + 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; +} +
\ No newline at end of file diff --git a/config/waybar/style/style-rgb.css b/config/waybar/style/style-rgb.css new file mode 100644 index 00000000..7cc496da --- /dev/null +++ b/config/waybar/style/style-rgb.css @@ -0,0 +1,246 @@ +*{ +font-family: "JetBrainsMono Nerd Font"; +font-weight: bold; +min-height: 0; +/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ +font-size: 98%; +font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +padding: 0px; +margin-top: 1px; +margin-bottom: 1px; +} + +window#waybar { + /* Transparent waybar. Make sure to comment out background-color: and border: */ + background-color: rgba(0,0,0,0); + /* background-color: #1e1e2e; */ + /* border: 2px solid #313244; */ + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.5; +} + +window#waybar.empty { + background-color: transparent; +} + +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; + opacity: 0.8; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; +} + +tooltip label{ + color: #cdd6f4; +} + +#clock, +#battery, +#cpu, +#memory, +#disk, +#temperature, +#backlight, +#network, +#pulseaudio, +#bluetooth, +#wireplumber, +#mode, +#tray, +#cava, +#window, +#idle_inhibitor, +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#mpd, +#custom-light_dark, +#workspaces, +#taskbar, +#taskbar button, +#bluetooth, +#workspaces, +#custom-menu, +#custom-power, +#custom-cycle_wall, +#custom-media, +#custom-updater, +#custom-lock, +#custom-weather, +#idle_inhibitor { + border-radius: 8px; + margin: 4px 1px; + padding: 0px 4px; + color: #3A3B3C; + border: 1px solid #b4befe; +} + +#backlight { + background-color: #cba6f7; +} + +#taskbar { + color: #ffffff; +} + +#taskbar button.active { + background-color: #7f849c; +} + +#battery { + background-color: #f9e2af; +} + +@keyframes blink { + to { + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #f38ba8; + color: #f38ba8; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#clock { + background-color: #a6e3a1; +} + +#keyboard-state, +#keyboard-state label, +#keyboard-state label.locked, +#cpu { + background-color: #89dceb; +} + +#memory { + background-color: #eba0ac; +} + +#disk { + background-color: #b4befe; +} + +#tray { + background-color: #b4befe; +} +#tray > .passive { + -gtk-icon-effect: dim; +} +#tray > .needs-attention { + -gtk-icon-effect: highlight; +} + +#workspaces button { + border-radius: 8px; + background-color: #d9e0ee; + color: #3A3B3C; +} + +#workspaces button.active { + background-color: #eba0ac; + color: #3A3B3C; +} + +#taskbar button { + border-radius: 8px; + background-color: #74c7ec; + color: #3A3B3C; +} + +#taskbar button.active { + background-color: #b4befe; + color: #3A3B3C; +} +#custom-menu { + background-color: #f5c2e7; + /*padding: 1px;*/ + padding-right: 10px; + border-radius: 8px; + color: #3A3B3C; + border: 1px solid #b4befe; +} + +#custom-power { + background-color: #f38ba8; +} + +#custom-updater { + background-color: #e6ed7b; +} + +#custom-cycle_wall { + background-color: #94e2d5; +} + +#custom-weather { + background-color: #cba6f7; +} + +#wireplumber { + background-color: #a6e3a1; +} + +#wireplumber.muted { + background-color: #313244; + color: #cdd6f4; +} + +#custom-lock { + background-color: #89dceb; +} + +#temperature { + background-color: #86b4fa; +} + +#custom-light_dark, +#idle_inhibitor { + background-color: #86b4fa; +} + +#bluetooth { + background-color: #89dceb; +} +#window { + background-color: #89dceb; +} + +#pulseaudio { + background-color: #fab387; +} + +#pulseaudio.bluetooth { + background-color: #f5c2e7; +} +#pulseaudio.muted { + background-color: #313244; + color: #cdd6f4; +} + +#network { + background-color: #89b4fa; +} +#network.disconnected,#network.disabled { + background-color: #313244; + color: #cdd6f4; +} diff --git a/config/waybar/style/style-simple.css b/config/waybar/style/style-simple.css new file mode 100644 index 00000000..e40f0b95 --- /dev/null +++ b/config/waybar/style/style-simple.css @@ -0,0 +1,83 @@ +*{ + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 98%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 0px; + margin-top: 1px; + margin-bottom: 1px; + } + + window#waybar { + background: rgba(0, 0, 0, 0.7); + border-radius: 10px; + } + window#waybar.empty { + background-color: transparent; +} + window#waybar.empty #window { + padding: 0px; + margin: 0px; + border: 0px; + /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + background-color: transparent; +} + + #custom-menu, #workspaces { + border-radius: 10px; + /*background-color: #11111b;*/ + color: #b4befe; + margin-right: 15px; + padding-left: 10px; + padding-right: 10px; + } + + #workspaces button { + /*background: #11111b;*/ + color: #b4befe; + } + + + #clock, #backlight, #pulseaudio, #bluetooth, #network, #battery { + border-radius: 10px; + /*background-color: #11111b;*/ + color: #cdd6f4; + padding-left: 10px; + padding-right: 10px; + margin-right: 15px; + } + + #backlight, #bluetooth { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + padding-right: 5px; + margin-right: 0 + } + + #pulseaudio, #network { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + padding-left: 5px; + } + + #clock, #custom-light_dark { + margin-right: 0; + } + + @keyframes blink { + to { + color: #000000; + } + } + + #battery.critical:not(.charging) { + background-color: #f38ba8; + color: #f38ba8; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; + }
\ No newline at end of file |
