diff options
Diffstat (limited to 'config/waybar/style/Dark-Half-Moon.css')
| -rw-r--r-- | config/waybar/style/Dark-Half-Moon.css | 330 |
1 files changed, 330 insertions, 0 deletions
diff --git a/config/waybar/style/Dark-Half-Moon.css b/config/waybar/style/Dark-Half-Moon.css new file mode 100644 index 00000000..30de6a86 --- /dev/null +++ b/config/waybar/style/Dark-Half-Moon.css @@ -0,0 +1,330 @@ +/* ----------- 💫 https://github.com/LinuxBeginnings 💫 -------- */ +/* ..........Half Moon.................. */ +/* NOTE: This is only for some waybar configs */ +/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */ + +* { + 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: 99%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + + +window#waybar { + background-color: rgba(26,27,38,0); + border-bottom: 1px solid rgba(26,27,38,0); + border-radius: 0px; + color: #E6B673; +} + +#waybar.empty, #waybar.tiled, #waybar.floating { + background-color: transparent; +} + +window#waybar.empty, +window#waybar.empty #window { + background-color: transparent; +} + +#taskbar, +#workspaces { + background: #0F1419; + margin: 5px; + padding: 0px 1px; + border-radius: 15px; + border: 0px; + font-style: normal; + color: #0F1419; +} + +#taskbar button, +#workspaces button { + padding: 0px 5px; + margin: 4px 3px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); + opacity: 0.5; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + padding: 0px 5px; + margin: 4px 3px; + border-radius: 15px; + border: 0px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 1.0; + min-width: 40px; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button:hover { + border-radius: 15px; + color: #0F1419; + background: linear-gradient(45deg, #59C2FF, #D2A6FF); + opacity: 0.8; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + +} +@keyframes gradient_horizontal { +0% { + background-position: 0% 50%; + } +50% { + background-position: 100% 50%; + } +100% { + background-position: 0% 50%; + } +} + +@keyframes swiping { +0% { + background-position: 0% 200%; + } +100% { + background-position: 200% 200%; + } +} + +tooltip { +background: #0F1419; +border: 1px solid #D2A6FF; +border-radius: 10px; +} + +tooltip label { +color: #F3F4F5; +} + +#window { + color: #E6E1CF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#temperature, +#memory { + color: #E6B673; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-light_dark, +#custom-nightlight, +#custom-dot_update, +#custom-swaync, +#custom-hypridle, +#idle_inhibitor, +#clock { + color: #B8CC52; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; + border-bottom: 1px solid rgba(26,27,38,0); +} + +#bluetooth { + color: blue; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-playerctl, +#power-profiles-daemon, +#custom-cycle_wall, +#cpu { + color: #F3F4F5; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#disk { + color: #B8CC52; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#backlight, +#battery { + color: #F07178; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#mpris { + color: #F07178; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding-left: 8px; + padding-right: 2px; +} + +#backlight { + color: white; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#network { + color: #FF8F40; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-hyprbindings { + color: #D2A6FF; + background: #0F1419; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#tray { + color: #E6E1CF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#pulseaudio { + color: #59C2FF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-notification { + color: #95E6CB; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-browser, +#custom-file_manager, +#custom-tty, +#custom-settings { + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; + color: #0F1419; + background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF); +} + +#custom-weather { + color: #59C2FF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} +#custom-weather2 { + color: #59C2FF; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-menu { + color: #59C2FF; + background: #0F1419; + border-radius: 0px 15px 50px 0px; + margin: 5px 5px 5px 0px; + padding: 1px 15px; +} + +#custom-power { + color: #D2A6FF; + background: #0F1419; + border-radius: 15px 0px 0px 50px; + margin: 5px 0px; + padding: 2px 5px 2px 15px; +} + +#custom-lock { + color: red; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#custom-power_vertical, +#keyboard-state { + color: green; + background: #0F1419; + border-radius: 50px 50px; + margin: 5px; + padding: 2px 15px; +} + +#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-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-width: 80px; + min-height: 5px; + border-radius: 5px; + background-color: #6E6A86; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-height: 10px; + border-radius: 5px; + background-color: purple; +}
\ No newline at end of file |