fixes wallust and waybar coloring
This commit is contained in:
		| @@ -9,8 +9,7 @@ cyan    = "{{color14}}" | ||||
| white   = "{{color15}}" | ||||
|  | ||||
| [colors.cursor] | ||||
| cursor = "#8e8e8e" | ||||
| text = "#080808" | ||||
| cursor = "{{cursor}}" | ||||
|  | ||||
| [colors.normal] | ||||
| black   = "{{color0}}" | ||||
| @@ -24,9 +23,4 @@ white   = "{{color7}}" | ||||
|  | ||||
| [colors.primary] | ||||
| background = "{{background}}" | ||||
| bright_foreground = "#eeeeee" | ||||
| foreground = "{{foreground}}" | ||||
|  | ||||
| [colors.selection] | ||||
| background = "#b2ceee" | ||||
| text = "#080808" | ||||
| foreground = "{{foreground}}" | ||||
| @@ -23,7 +23,7 @@ | ||||
|         //"hyprland/submap", | ||||
|         "temperature", | ||||
|         //"idle_inhibitor", | ||||
|         //"mpd" | ||||
|         //"mpd", | ||||
|         "custom/spotify" | ||||
|     ], | ||||
|     "modules-center": [ | ||||
| @@ -38,12 +38,12 @@ | ||||
|         "battery", | ||||
|         //"pulseaudio", | ||||
|         "wireplumber", | ||||
|         "custom/screenshot_t", | ||||
|         "bluetooth", | ||||
|         //"custom/screenshot_t", | ||||
|         "tray", | ||||
|         "custom/power" | ||||
|     ], | ||||
|  | ||||
|  | ||||
|     // ------------------------------------------------------------------------- | ||||
|     // Modules | ||||
|     // ------------------------------------------------------------------------- | ||||
| @@ -57,7 +57,6 @@ | ||||
|         "tooltip": false | ||||
|     }, | ||||
|  | ||||
|  | ||||
|     "custom/rofi": { | ||||
|         "format": "", | ||||
|         "tooltip": false, | ||||
| @@ -87,6 +86,16 @@ | ||||
|         "on-click": "gsimplecal" | ||||
|     }, | ||||
|  | ||||
|     "bluetooth": { | ||||
|         // "controller": "controller1", // specify the alias of the controller if there are more than 1 on the system | ||||
|         "format": "", | ||||
|         "format-connected": " {num_connections} connected", | ||||
|         "tooltip-format": "{controller_alias}\t{controller_address}", | ||||
|         "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{device_enumerate}", | ||||
|         "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}", | ||||
|         "on-click": "blueman-manager" | ||||
|     }, | ||||
|  | ||||
|     "temperature": { | ||||
|         // "thermal-zone": 1, | ||||
|         "interval": 4, | ||||
|   | ||||
| @@ -17,17 +17,17 @@ | ||||
|   border: none; | ||||
|   border-radius: 3px; | ||||
|   min-height: 0; | ||||
|   margin: 0em 0.2em 0em 0.2em; | ||||
|   margin: 0; | ||||
| } | ||||
|  | ||||
| /* The whole bar */ | ||||
| #waybar { | ||||
|   background-color: var(--background); | ||||
|   color: var(--foreground); | ||||
|   background-color: alpha(@background, 0); | ||||
|   color: @foreground; | ||||
|   transition-property: background-color; | ||||
|   transition-duration: 0.5s; | ||||
|   border-radius: 0px; | ||||
|   margin: 0px 0px; | ||||
|   margin: 0; | ||||
| } | ||||
|  | ||||
| window#waybar.hidden { | ||||
| @@ -35,42 +35,40 @@ window#waybar.hidden { | ||||
| } | ||||
|  | ||||
| #workspaces button { | ||||
|   padding: 3px 2px; /* Adjusted padding to reduce height */ | ||||
|   margin: 3px 2px; /* Reduced margin slightly */ | ||||
|   padding: 3px 2px; | ||||
|   margin: 3px 2px; | ||||
|   border-radius: 6px; | ||||
|   color: var(--foreground); | ||||
|   background-color: var(--color0); | ||||
|   color: @foreground; | ||||
|   background-color: @color0; | ||||
|   transition: all 0.3s ease-in-out; | ||||
|   font-size: 13px; /* Slightly smaller font size */ | ||||
|   font-size: 9px; /* Slightly smaller font size */ | ||||
| } | ||||
|  | ||||
| #workspaces button.active { | ||||
|   color: var(--foreground); | ||||
|   background: var(--color2); | ||||
|   color: @foreground; | ||||
|   background: @color3; | ||||
| } | ||||
|  | ||||
| #workspaces button:hover { | ||||
|   background: var(--color1); | ||||
|   background: @color2; | ||||
| } | ||||
|  | ||||
| #workspaces button.urgent { | ||||
|   background-color: var(--color9); | ||||
|   background-color: @color9; | ||||
| } | ||||
|  | ||||
| #workspaces { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|  | ||||
|   border-radius: 14px; | ||||
|   padding: 3px 6px; /* Adjusted padding to reduce height */ | ||||
|   margin-top: 2px; | ||||
|   border-radius: 3px; | ||||
|   padding: 3px 6px; | ||||
| } | ||||
|  | ||||
| #window { | ||||
|   background-color: rgba(17, 24, 39, 0.1); | ||||
|   font-size: 11px; /* Slightly smaller font size */ | ||||
|   font-weight: 800; | ||||
|   color: var(--foreground); | ||||
|   border-radius: 14px; | ||||
|   padding: 1px 2px; /* Reduced padding */ | ||||
|   background-color: alpha(@background, 0.5); | ||||
|   color: @foreground; | ||||
|   border-radius: 3px; | ||||
|   padding: 1px 10px; /* Reduced padding */ | ||||
|   margin: 2px; | ||||
| } | ||||
|  | ||||
| @@ -78,208 +76,31 @@ window#waybar.hidden { | ||||
| #battery, | ||||
| #cpu, | ||||
| #memory, | ||||
| #disk, | ||||
| #custom-storage, | ||||
| #custom-weather, | ||||
| #bluetooth, | ||||
| #custom-media, | ||||
| #temperature, | ||||
| #backlight, | ||||
| #network, | ||||
| #pulseaudio, | ||||
| #wireplumber, | ||||
| #custom-media, | ||||
| #mode, | ||||
| #idle_inhibitor, | ||||
| #mpd, | ||||
| #bluetooth, | ||||
| #custom-hyprPicker, | ||||
| #custom-power-menu, | ||||
| #custom-spotify, | ||||
| #custom-weather, | ||||
| #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 { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   border-radius: 14px; | ||||
|   padding: 5px; /* Adjusted padding */ | ||||
| } | ||||
|  | ||||
| #custom-screenshot_t { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   border-radius: 14px; | ||||
|   padding: 4px; | ||||
| } | ||||
|  | ||||
| #custom-spotify { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   border-radius: 14px; | ||||
|   padding: 3px 12px; | ||||
| } | ||||
|  | ||||
| #tray { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   border-radius: 14px; | ||||
|   padding: 4px; /* Adjusted padding */ | ||||
| } | ||||
|  | ||||
| #cpu { | ||||
|   color: #fb958b; | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   padding: 4px; | ||||
| } | ||||
|  | ||||
| #memory { | ||||
|   color: #ebcb8b; | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   padding: 4px; | ||||
| } | ||||
|  | ||||
| #custom-power { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   border-radius: 14px; | ||||
|   padding: 4px; | ||||
| } | ||||
|  | ||||
| #custom-storage { | ||||
|   background-color: rgba(17, 24, 39, 0.5); | ||||
|   border-radius: 14px; | ||||
|   padding: 4px; | ||||
| } | ||||
|  | ||||
| #custom-launcher { | ||||
|   background-color: rgba(27, 36, 43, 0.5); | ||||
|   color: rgba(106, 146, 215, 0.5); | ||||
|   border-radius: 7.5px; | ||||
|   padding: 3px 6px; /* Adjusted padding */ | ||||
| } | ||||
|  | ||||
| #custom-weather.severe { | ||||
|   color: rgba(235, 147, 125, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-weather.sunnyDay { | ||||
|   color: rgba(194, 202, 118, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-weather.clearNight { | ||||
|   color: rgba(202, 211, 245, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-weather.cloudyFoggyDay, | ||||
| #custom-weather.cloudyFoggyNight { | ||||
|   color: rgba(194, 221, 218, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-weather.rainyDay, | ||||
| #custom-weather.rainyNight { | ||||
|   color: rgba(90, 172, 165, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-weather.showyIcyDay, | ||||
| #custom-weather.snowyIcyNight { | ||||
|   color: rgba(214, 231, 229, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-weather.default { | ||||
|   color: rgba(219, 217, 216, 0.5); | ||||
| } | ||||
|  | ||||
| /* 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: rgba(125, 155, 186, 0.5); | ||||
|   background-color: alpha(@background, 0.3); | ||||
|   color: @foreground; | ||||
|   padding: 0 10px; | ||||
|   margin: 2px; | ||||
| } | ||||
|  | ||||
| #backlight { | ||||
|   color: rgba(143, 188, 187, 0.5); | ||||
| } | ||||
|  | ||||
| #clock { | ||||
|   color: rgba(200, 210, 224, 0.5); | ||||
| } | ||||
|  | ||||
| #battery { | ||||
|   color: rgba(192, 202, 245, 0.5); | ||||
| } | ||||
|  | ||||
| #battery.charging, | ||||
| #battery.full, | ||||
| #battery.plugged { | ||||
|   color: rgba(38, 166, 91, 0.5); | ||||
| } | ||||
|  | ||||
| @keyframes blink { | ||||
|   to { | ||||
|     background-color: rgba(30, 34, 42, 0.5); | ||||
|     color: rgba(171, 178, 191, 0.5); | ||||
|   } | ||||
| #bluetooth.disabled { | ||||
|   background-color: alpha(@color8, 0); | ||||
| } | ||||
|  | ||||
| #battery.critical:not(.charging) { | ||||
|   color: rgba(245, 60, 60, 0.5); | ||||
|   animation-name: blink; | ||||
|   animation-duration: 0.5s; | ||||
|   animation-timing-function: linear; | ||||
|   animation-iteration-count: infinite; | ||||
|   animation-direction: alternate; | ||||
| } | ||||
|  | ||||
| label:focus { | ||||
|   background-color: rgba(0, 0, 0, 0.5); | ||||
| } | ||||
|  | ||||
| #disk { | ||||
|   background-color: rgba(150, 75, 0, 0.5); | ||||
| } | ||||
|  | ||||
| #bluetooth { | ||||
|   color: rgba(112, 125, 157, 0.5); | ||||
| } | ||||
|  | ||||
| #bluetooth.disconnected { | ||||
|   color: rgba(245, 60, 60, 0.5); | ||||
| } | ||||
|  | ||||
| #network { | ||||
|   color: rgba(180, 142, 173, 0.5); | ||||
| } | ||||
|  | ||||
| #network.disconnected { | ||||
|   color: rgba(245, 60, 60, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-media { | ||||
|   background-color: rgba(102, 204, 153, 0.5); | ||||
|   color: #2a5c45; | ||||
|   min-width: 100px; | ||||
| } | ||||
|  | ||||
| #custom-media.custom-spotify { | ||||
|   background-color: rgba(102, 204, 153, 0.5); | ||||
| } | ||||
|  | ||||
| #custom-media.custom-vlc { | ||||
|   background-color: rgba(255, 160, 0, 0.5); | ||||
| } | ||||
|  | ||||
| #temperature { | ||||
|   background-color: rgba(240, 147, 43, 0.5); | ||||
|   color: @color1; | ||||
| } | ||||
|  | ||||
| #temperature.critical { | ||||
|   background-color: rgba(253, 77, 75, 0.5); | ||||
|   background-color: alpha(@foreground, 0.5); | ||||
| } | ||||
|  | ||||
| #tray > .passive { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user