hyprdots

style.css (4838B)

---

 @import "catppuccin.css";
 
 * {
 	font-family: "Sans";
 	font-weight: bold;
 	min-height: 0;
 	/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
 	font-size: 100%;
 	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
 }
 
 window#waybar {
   	transition-property: background-color;
   	transition-duration: 0.5s;
   	background: transparent;
   	border-radius: 10px;
 }
 
 window#waybar.hidden {
   	opacity: 0.2;
 }
 
 window#waybar.empty,
 window#waybar.empty #window {
     background-color: transparent;
     padding: 0px;
     border: 0px;
 }
 
 #taskbar button,
 #workspaces button {
 	color: @overlay1;
     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:hover,
 #workspaces button:hover {
 	border-radius: 10px;
 	color: @peach;
 	background-color: #313244;
  	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);
 }
 
 #workspaces button.persistent {
 	color: @surface1;
 	border-radius: 10px;
 }
 
 #taskbar button.active,
 #workspaces button.active {
 	color: @mauve;
   	border-radius: 10px;
     padding-left: 8px;
     padding-right: 8px;
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
 #workspaces button.urgent {
 	color: @red;
  	border-radius: 0px;
 }
 
 /* This section can be use if you want to separate waybar modules */
 .modules-left, .modules-right {
 	background: rgba(30, 30, 46, 0.8) ;
  	border: 0.5px solid @overlay0;
 	padding-top: 2px;
 	padding-bottom: 2px;
 	padding-right: 4px;
 	padding-left: 4px;
 	border-radius: 10px;
 } 
 
 .modules-left, .modules-right {
   	border: 1px solid @blue;
 } 
 
 #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-quit,
 #custom-reboot,
 #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 {
 	padding-top: 4px;
 	padding-bottom: 4px;
 	padding-right: 6px;
 	padding-left: 6px;
 }
 /*-----Indicators----*/
 #custom-hypridle.notactive,
 #idle_inhibitor.activated {
 	color: #39FF14;
 }
 
 #bluetooth,
 #backlight {
   color: @blue;
 }
 
 #battery {
   color: @green;
 }
 
 @keyframes blink {
   to {
     color: @surface0;
   }
 }
 
 #battery.critical:not(.charging) {
   background-color: @red;
   color: @theme_text_color;
   animation-name: blink;
   animation-duration: 3.0s;
   animation-timing-function: steps(12);
   animation-iteration-count: infinite;
   animation-direction: alternate;
   box-shadow: inset 0 -3px transparent;
 }
 
 #clock {
   color: @yellow;
 }
 
 #cpu {
   color: @green;
 }
 
 #custom-keyboard,
 #memory {
   color: @sky;
 }
 
 #disk {
   color: @sapphire;
 }
 
 #temperature {
   color: @teal;
 }
 
 #temperature.critical {
   background-color: @red;
 }
 
 #tray > .passive {
   -gtk-icon-effect: dim;
 }
 #tray > .needs-attention {
   -gtk-icon-effect: highlight;
 }
 
 #keyboard-state {
   color: @flamingo;
 }
 
 #custom-cava_mviz {
 	color: @pink;
 }
 
 #custom-menu {
   color: @rosewater;
 }
 
 #custom-power {
   color: @red;
 }
 
 #custom-updater {
   color: @red;
 }
 
 #custom-light_dark {
   color: @blue;
 }
 
 #custom-weather {
   color: @lavender;
 }
 
 #custom-lock {
   color: @maroon;
 }
 
 #pulseaudio {
   color: @sapphire;
 }
 
 #pulseaudio.bluetooth {
   color: @pink;
 }
 #pulseaudio.muted {
   color: @red;
 }
 
 #window {
   color: @mauve;
 }
 
 #mpris {
   color:@lavender;
 }
 
 #network {
   color: @teal;
 }
 #network.disconnected,
 #network.disabled {
   background-color: @surface0;
   color: @text;
 }
 
 #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;
 }
 
 #backlight-slider highlight,
 #pulseaudio-slider highlight {
 	min-height: 10px;
 	border-radius: 5px;
 }
 
 
 #custom-nettraf {
   min-width: 120px;
 }