From 080904cfa60eae95884d9d5a233078929afb03eb Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 20 Feb 2025 19:58:41 +0900 Subject: rofi tweaks. added some vertical styles for waybar --- config/rofi/config-wallpaper.rasi | 2 +- config/rofi/config-waybar-style.rasi | 3 +- config/rofi/config-zsh-theme.rasi | 6 +- config/rofi/themes/KooL_style-10-Fancy-v2.rasi | 22 +- .../themes/KooL_style-11-Win11-list-light.rasi | 21 +- config/rofi/themes/KooL_style-12-TOP-Docu.rasi | 1 + config/rofi/themes/KooL_style-2-Light.rasi | 11 +- config/rofi/themes/KooL_style-3-FullScreen-v1.rasi | 2 + config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi | 3 + config/rofi/themes/KooL_style-4.rasi | 1 + config/waybar/style/[0 VERTICAL] Golden Noir.css | 207 +++++++++++ .../waybar/style/[0 VERTICAL] Oglo Chicklets.css | 395 +++++++++++++++++++++ .../style/[0 VERTICAL] [Catpuccin] Mocha.css | 222 ++++++++++++ .../waybar/style/[VERTICAL] [Catpuccin] Mocha.css | 222 ------------ 14 files changed, 868 insertions(+), 250 deletions(-) create mode 100644 config/waybar/style/[0 VERTICAL] Golden Noir.css create mode 100644 config/waybar/style/[0 VERTICAL] Oglo Chicklets.css create mode 100644 config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css delete mode 100644 config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index 00df3f79..99f68098 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -50,7 +50,7 @@ element { } element selected.normal { - background-color: transparent; + background-color: transparent; } element-icon { diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi index 602e668e..fd91e94f 100644 --- a/config/rofi/config-waybar-style.rasi +++ b/config/rofi/config-waybar-style.rasi @@ -5,8 +5,7 @@ /* ---- Mainbox ---- */ mainbox { - children: - [ "inputbar", "message", "listview"]; + children: [ "inputbar", "message", "listview"]; } /* ---- Configuration ---- */ diff --git a/config/rofi/config-zsh-theme.rasi b/config/rofi/config-zsh-theme.rasi index d268963c..77de89ea 100644 --- a/config/rofi/config-zsh-theme.rasi +++ b/config/rofi/config-zsh-theme.rasi @@ -59,9 +59,9 @@ textbox { /* ---- Element ---- */ element-icon { - size: 0%; + size: 0%; } element-text { - horizontal-align: 0.0; - margin: 5px 30px 5px 30px; + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; } diff --git a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi index 1a791c0f..654428b4 100644 --- a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi @@ -63,16 +63,16 @@ listview { } /* ---- Scrollbar ---- */ scrollbar { - border: 0px; - border-radius: 10px; - background-color: @blue; - handle-color: @orange; - handle-width: 2px ; - padding: 0; + border : 0px; + border-radius : 10px; + background-color: @blue; + handle-color : @orange; + handle-width : 2px ; + padding : 0; } element { border: 0px; - padding: 0px; + padding: 5px; margin: 0px; spacing: 0.5em; color: @black; @@ -95,7 +95,7 @@ element normal.active { element-text selected, element selected.normal { - border-radius: 0px; + border-radius: 10px; color: @black; background-color: @dark-orange; } @@ -119,6 +119,7 @@ element alternate.active { color: @active; background-color: @medium-grey; } + inputbar { spacing : 5px; background-color : #88003300; @@ -158,6 +159,11 @@ message { border : 5px; } +textbox { + vertical-align: 0.5; + horizontal-align: 0.5; +} + prompt-colon { spacing : 0; enabled : false; diff --git a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi index 692f60c9..07caab06 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi @@ -23,9 +23,9 @@ configuration { fg1 : #5f5f5f; accent : #005fb8; urgent : @accent; - - background-color : transparent; - text-color : @fg0; + + background-color: transparent; + text-color : @fg0; margin : 0; padding : 0; @@ -68,6 +68,7 @@ inputbar { icon-search, entry, element-icon, element-text { vertical-align: 0.5; + background-color : transparent; } icon-search { @@ -80,6 +81,7 @@ entry { placeholder : "Search 👀 NOTE: CTRL TAB to change MODE"; text-color : @fg1; horizontal-align : 0.5; + background-color : transparent; } listview { @@ -112,8 +114,9 @@ element selected active { } element-text selected, -element selected { - background-color: @bg3; +element selected normal { + background-color: @bg0; + text-color: @accent; } element selected urgent { @@ -144,8 +147,8 @@ error-message { } textbox { - padding : 10px; - background-color : @bg0; - text-color : @fg0; - horizontal-align : 0.5; + padding : 10px; + text-color : @fg0; + vertical-align : 0.5; + horizontal-align : 0.5; } diff --git a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi index 8a79db16..b0b827ec 100644 --- a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi +++ b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi @@ -129,6 +129,7 @@ element-text { cursor: inherit; } + /* ---- Scrollbar ---- */ scrollbar { border-radius: 10px; diff --git a/config/rofi/themes/KooL_style-2-Light.rasi b/config/rofi/themes/KooL_style-2-Light.rasi index e561cb6a..9b9280ce 100644 --- a/config/rofi/themes/KooL_style-2-Light.rasi +++ b/config/rofi/themes/KooL_style-2-Light.rasi @@ -98,7 +98,7 @@ listview { spacing: 40px; margin: 0px; - padding: 20px 0px 0px 0px; + padding: 0px; border: 0px solid; background-color: transparent; cursor: "default"; @@ -128,17 +128,18 @@ element { cursor: pointer; } element normal.active { - background-color: #67FF80; + background-color: #67FF80; text-color: black; } element-text selected, element selected.normal { - background-color: #FDD66F; + background-color: #FDD66F; text-color: black; } + element selected.active { - background-color: #FF7F7C; + background-color: #FF7F7C; text-color: black; } element-icon { @@ -186,7 +187,7 @@ error-message { } textbox { padding: 10px; - background-color: #719DF9; + background-color: #719DF9; text-color: inherit; vertical-align: 0.5; horizontal-align: 0.5; diff --git a/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi index fc9c3dfb..fa419d56 100644 --- a/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi +++ b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi @@ -182,10 +182,12 @@ element normal.normal { background-color: inherit; text-color: inherit; } + element normal.urgent { background-color: @urgent; text-color: @foreground; } + element normal.active { background-color: @active; text-color: @foreground; diff --git a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi index 12d6fe05..d0501a27 100644 --- a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi +++ b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -172,10 +172,12 @@ element { orientation: vertical; cursor: pointer; } + element normal.normal { background-color: transparent; text-color: @foreground; } + element selected.normal { background-color: inherit; text-color: @foreground; @@ -186,6 +188,7 @@ element selected.selected { background-color: white/50%; text-color: @foreground; } + element-icon { background-color: transparent; text-color: inherit; diff --git a/config/rofi/themes/KooL_style-4.rasi b/config/rofi/themes/KooL_style-4.rasi index ad6a46e8..07cbd5fe 100644 --- a/config/rofi/themes/KooL_style-4.rasi +++ b/config/rofi/themes/KooL_style-4.rasi @@ -221,6 +221,7 @@ element normal.active { background-color: transparent; text-color: @active-foreground; } + element-text selected, element selected.normal { background-color: @selected-normal-background; diff --git a/config/waybar/style/[0 VERTICAL] Golden Noir.css b/config/waybar/style/[0 VERTICAL] Golden Noir.css new file mode 100644 index 00000000..55653c73 --- /dev/null +++ b/config/waybar/style/[0 VERTICAL] Golden Noir.css @@ -0,0 +1,207 @@ +/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ +/* ...............Golden Noir................ */ +/* --- 👍 designed by https://github.com/Krautt 👍 --- */ + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #040406; + border-radius: 30px; + color: #cba6f7; + +} + +window#waybar.hidden { + opacity: 0.5; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #ffd700; +} + +/*-----module groups----*/ +.modules-left, +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + +} + +.modules-center { + border-top: 1px solid #ffd700; + border-bottom: 1px solid #ffd700; + border-radius: 20px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#taskbar button, +#workspaces button { + color: #6E6A86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 5px; + padding-right: 5px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: #ffd700; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#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: #e5d9f5; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 5px; + padding-left: 5px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css new file mode 100644 index 00000000..81a76541 --- /dev/null +++ b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css @@ -0,0 +1,395 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Oglo Chicklets */ + +* { + font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 97%; + font-weight: bold; +} + +window#waybar { + background-color: #232a2e; + border-bottom: 8px solid #1d2327; + color: #d3c6aa; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +button { + all: unset; + background-color: #778f52; + color: #2d353b; + border: none; + border-bottom: 8px solid #5d743e; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; + transition: transform 0.1s ease-in-out; +} + +button:hover { + background: inherit; + background-color: #92ab6c; + border-bottom: 8px solid #788f57; +} + +button.active { + background: inherit; + background-color: #a5be7e; + border-bottom: 8px solid #8aa168; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#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: #ffffff; + padding-top: 2px; + padding-bottom: 2px; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; +} + +#window, +#workspaces { + margin: 5px; +} + +/* 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; +} + +#window { + background-color: #343f44; + color: #d3c6aa; + border-bottom: 8px solid #2b3539; +} + +#custom-swaync { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-menu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-power { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + padding-left: 5px; +} + +#custom-power_vertical{ + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; +} + +#clock { + background-color: #96a84c; + color: #2d353b; + border-bottom: 8px solid #7a8c37; +} + +#battery { + background-color: #3a998f; + color: #2d353b; + border-bottom: 8px solid #227d74; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#memory { + background-color: #d980ad; + color: #2d353b; + border-bottom: 8px solid #b86790; +} + +#disk { + background-color: #964B00; + border-bottom: 8px solid #793300; +} + +#custom-lock, +#custom-light_dark, +#backlight { + background-color: #64b6ac; + color: #2d353b; + border-bottom: 8px solid #4f9990; + padding-left: 5px; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: #d8ac47; + color: #2d353b; + border-bottom: 8px solid #b78f30; +} + +#pulseaudio.muted { + background-color: #90b1b1; + color: #2a5c45; +} + +#wireplumber { + background-color: #fff0f5; + color: #000000; +} + +#wireplumber.muted { + background-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 { + background-color: #f0932b; + border-bottom: 8px solid #b78f30; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #e67f51; + color: #2d353b;; + border-bottom: 8px solid #c3653b; +} + +#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: #2d3436; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + min-width: 16px; + border-bottom: 8px solid #78b48a; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +} + +tooltip { + background-color: #232a2e; + border: none; + border-bottom: 8px solid #1d2327; +} + +tooltip decoration { + box-shadow: none; +} + +tooltip decoration:backdrop { + box-shadow: none; +} + +tooltip label { + color: #d3c6aa; + padding-left: 5px; + padding-right: 5px; + padding-top: 0px; + padding-bottom: 5px; +} + + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: #ffa000; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: #d8ac47; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: #64b6ac; +} \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css new file mode 100644 index 00000000..964a7774 --- /dev/null +++ b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css @@ -0,0 +1,222 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Vertical Catpuccin Mocha */ +/* As stated on title, best style for vertical layout waybar config */ + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/mocha.css"; + +window#waybar { + background-color: @base; + border-radius: 5px; +} + +tooltip { + background: @base; + opacity: 1; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: @sapphire; +} + +tooltip label { + color: @blue; +} + +#taskbar button, +#workspaces button { + color: @surface2; + background-color: transparent; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 4px; +} + +#taskbar button.active, +#workspaces button.active { + color: @maroon; +} + +#taskbar button.focused, +#workspaces button.focused { + color: @rosewater; + background: transparent; + border-radius: 15px; +} + +#workspaces button.urgent { + color: #11111b; + background: transparent; + border-radius: 15px; +} + +#taskbar button:hover, +#workspaces button:hover { + background: transparent; + color: @flamingo; + border-radius: 15px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#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 { + opacity: 1; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#idle_inhibitor { + color: @pink; +} + +#mpris { + color: @rosewater; +} + +#battery { + color: #a6e3a1; + padding-left: 15px; + border-radius: 15px 0 0 15px; +} + +@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; +} + +#custom-lock, +#custom-power { + color: @red; + border-radius: 15px; + font-weight: bolder; + padding-left: 1px; +} + +#network { + background-color: transparent; + color: @mauve; +} + +#backlight { + color: @flamingo; +} + + +#custom-weather { + color: @green; + border-radius: 15px; + background-color: transparent; +} + +#custom-menu { + color: #89b4fa; +} + +#pulseaudio { + background-color: transparent; + color: @blue; +} + +#clock, +#clock-calender { + color: @sapphire; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: @text; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: @surface0; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: @blue; +} diff --git a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css deleted file mode 100644 index 964a7774..00000000 --- a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css +++ /dev/null @@ -1,222 +0,0 @@ -/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Vertical Catpuccin Mocha */ -/* As stated on title, best style for vertical layout waybar config */ - -* { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - min-height: 0; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - font-size: 97%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/mocha.css"; - -window#waybar { - background-color: @base; - border-radius: 5px; -} - -tooltip { - background: @base; - opacity: 1; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: @sapphire; -} - -tooltip label { - color: @blue; -} - -#taskbar button, -#workspaces button { - color: @surface2; - background-color: transparent; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 4px; -} - -#taskbar button.active, -#workspaces button.active { - color: @maroon; -} - -#taskbar button.focused, -#workspaces button.focused { - color: @rosewater; - background: transparent; - border-radius: 15px; -} - -#workspaces button.urgent { - color: #11111b; - background: transparent; - border-radius: 15px; -} - -#taskbar button:hover, -#workspaces button:hover { - background: transparent; - color: @flamingo; - border-radius: 15px; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar button, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#workspaces, -#custom-backlight, -#custom-browser, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-dot_update, -#custom-file_manager, -#custom-keybinds, -#custom-keyboard, -#custom-light_dark, -#custom-lock, -#custom-hint, -#custom-hypridle, -#custom-menu, -#custom-playerctl, -#custom-power_vertical, -#custom-power, -#custom-settings, -#custom-spotify, -#custom-swaync, -#custom-tty, -#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 { - opacity: 1; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#idle_inhibitor { - color: @pink; -} - -#mpris { - color: @rosewater; -} - -#battery { - color: #a6e3a1; - padding-left: 15px; - border-radius: 15px 0 0 15px; -} - -@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; -} - -#custom-lock, -#custom-power { - color: @red; - border-radius: 15px; - font-weight: bolder; - padding-left: 1px; -} - -#network { - background-color: transparent; - color: @mauve; -} - -#backlight { - color: @flamingo; -} - - -#custom-weather { - color: @green; - border-radius: 15px; - background-color: transparent; -} - -#custom-menu { - color: #89b4fa; -} - -#pulseaudio { - background-color: transparent; - color: @blue; -} - -#clock, -#clock-calender { - color: @sapphire; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: @text; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: @surface0; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: @blue; -} -- cgit v1.2.3