aboutsummaryrefslogtreecommitdiffstats
path: root/config/waybar/style/Dark-Half-Moon.css
diff options
context:
space:
mode:
Diffstat (limited to 'config/waybar/style/Dark-Half-Moon.css')
-rw-r--r--config/waybar/style/Dark-Half-Moon.css358
1 files changed, 179 insertions, 179 deletions
diff --git a/config/waybar/style/Dark-Half-Moon.css b/config/waybar/style/Dark-Half-Moon.css
index 797a1c68..776ffcc3 100644
--- a/config/waybar/style/Dark-Half-Moon.css
+++ b/config/waybar/style/Dark-Half-Moon.css
@@ -4,45 +4,46 @@
/* --- 👍 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 */
- /* NOTE: Waybar v14+ ignores % font-size values */
- font-size: 99%;
- font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+ 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 */
+ /* NOTE: Waybar v14+ ignores % font-size values */
+ 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);
+ background-color: rgba(26, 27, 38, 0);
+ border-bottom: 1px solid rgba(26, 27, 38, 0);
border-radius: 0px;
- color: #E6B673;
+ color: #e6b673;
/* Waybar scaling: adjust font-size to scale the bar */
font-size: 14px;
}
-#waybar.empty, #waybar.tiled, #waybar.floating {
- background-color: transparent;
+#waybar.empty,
+#waybar.tiled,
+#waybar.floating {
+ background-color: transparent;
}
window#waybar.empty,
window#waybar.empty #window {
- background-color: transparent;
- /* Waybar scaling: adjust font-size to scale the bar */
- font-size: 14px;
+ background-color: transparent;
+ /* Waybar scaling: adjust font-size to scale the bar */
+ font-size: 14px;
}
#taskbar,
#workspaces {
- background: #0F1419;
+ background: #0f1419;
margin: 5px;
padding: 0px 1px;
border-radius: 15px;
border: 0px;
font-style: normal;
- color: #0F1419;
+ color: #0f1419;
}
#taskbar button,
@@ -51,10 +52,10 @@ window#waybar.empty #window {
margin: 4px 3px;
border-radius: 15px;
border: 0px;
- color: #0F1419;
- background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
+ color: #0f1419;
+ background: linear-gradient(45deg, #95e6cb, #59c2ff, #d2a6ff);
opacity: 0.5;
- transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+ transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
#taskbar button.active,
@@ -63,70 +64,69 @@ window#waybar.empty #window {
margin: 4px 3px;
border-radius: 15px;
border: 0px;
- color: #0F1419;
- background: linear-gradient(45deg, #59C2FF, #D2A6FF);
- opacity: 1.0;
+ color: #0f1419;
+ background: linear-gradient(45deg, #59c2ff, #d2a6ff);
+ opacity: 1;
min-width: 40px;
- transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+ transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
#workspaces button:hover {
border-radius: 15px;
- color: #0F1419;
- background: linear-gradient(45deg, #59C2FF, #D2A6FF);
+ color: #0f1419;
+ background: linear-gradient(45deg, #59c2ff, #d2a6ff);
opacity: 0.8;
- transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
-
+ transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
@keyframes gradient_horizontal {
-0% {
- background-position: 0% 50%;
- }
-50% {
- background-position: 100% 50%;
- }
-100% {
- background-position: 0% 50%;
- }
+ 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%;
- }
+ 0% {
+ background-position: 0% 200%;
+ }
+ 100% {
+ background-position: 200% 200%;
+ }
}
tooltip {
-background: #0F1419;
-border: 1px solid #D2A6FF;
-border-radius: 10px;
+ background: #0f1419;
+ border: 1px solid #d2a6ff;
+ border-radius: 10px;
}
/* Waybar scaling: adjust tooltip label font-size to scale the bar */
tooltip label {
-color: #F3F4F5;
-/* Waybar scaling: adjust tooltip label font-size to scale the bar */
-font-size: 14px;
+ color: #f3f4f5;
+ /* Waybar scaling: adjust tooltip label font-size to scale the bar */
+ font-size: 14px;
}
#window {
- color: #E6E1CF;
- background: #0F1419;
- border-radius: 50px 50px;
- margin: 5px;
- padding: 2px 15px;
+ 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;
+ color: #e6b673;
+ background: #0f1419;
+ border-radius: 50px 50px;
+ margin: 5px;
+ padding: 2px 15px;
}
#custom-light_dark,
@@ -137,205 +137,205 @@ font-size: 14px;
#custom-hypr_layout,
#idle_inhibitor,
#clock {
- color: #B8CC52;
- background: #0F1419;
- border-radius: 50px 50px;
- margin: 5px;
- padding: 2px 15px;
+ 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);
+ color: #39ff14;
+ border-top: 6px solid rgba(26, 27, 38, 0);
}
#bluetooth {
- color: blue;
- background: #0F1419;
- border-radius: 50px 50px;
- margin: 5px;
- padding: 2px 15px;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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);
+ 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;
+ 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;
+ 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;
+ 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;
-}
+ 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;
+ 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;
+ 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;
+ color: #f53c3c;
+ animation-name: blink;
+ animation-duration: 3s;
+ 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;
+ 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;
+ 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;
+ min-height: 10px;
+ border-radius: 5px;
+ background-color: purple;
}
/* --- tray readability override (global) --- */
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage