further adjustments to waybar
This commit is contained in:
		
							parent
							
								
									9544e66b2f
								
							
						
					
					
						commit
						78789f6e87
					
				
					 7 changed files with 644 additions and 270 deletions
				
			
		| 
						 | 
				
			
			@ -1,39 +0,0 @@
 | 
			
		|||
{
 | 
			
		||||
    "height": 24, // Waybar height (to be removed for auto height)
 | 
			
		||||
    "modules-left": ["hyprland/workspaces"],
 | 
			
		||||
    "modules-center": ["hyprland/window"],
 | 
			
		||||
    "modules-right": ["tray", "idle_inhibitor", "pulseaudio", "clock"],
 | 
			
		||||
    "hyprland/window": {
 | 
			
		||||
      "separate-outputs": true
 | 
			
		||||
    },
 | 
			
		||||
    "idle_inhibitor": {
 | 
			
		||||
        "format": "{icon}",
 | 
			
		||||
        "format-icons": {
 | 
			
		||||
            "activated": "",
 | 
			
		||||
            "deactivated": ""
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "tray": {
 | 
			
		||||
        // "icon-size": 21,
 | 
			
		||||
        "spacing": 10
 | 
			
		||||
    },
 | 
			
		||||
    "clock": {
 | 
			
		||||
        "timezone": "Europe/Berlin",
 | 
			
		||||
        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
 | 
			
		||||
        "format": "{:L%Y-%m-%d<small> [%a] </small>%H:%M}"
 | 
			
		||||
    },
 | 
			
		||||
       "pulseaudio": {
 | 
			
		||||
        "scroll-step": 5, // %, can be a float
 | 
			
		||||
        "format": "{icon}  {volume}% {format_source}",
 | 
			
		||||
        "format-bluetooth": " {icon}  {volume}%  {format_source}",
 | 
			
		||||
        "format-bluetooth-muted": " {icon} {format_source}",
 | 
			
		||||
        "format-muted": "{format_source}",
 | 
			
		||||
        "format-source": "  {volume}%",
 | 
			
		||||
        "format-source-muted": "",
 | 
			
		||||
        "format-icons": {
 | 
			
		||||
            "default": ["", "", ""]
 | 
			
		||||
        },
 | 
			
		||||
        "on-click": "pavucontrol",
 | 
			
		||||
        "on-click-right": "foot -a pw-top pw-top"
 | 
			
		||||
    },
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										208
									
								
								modules/nixos/desktop/addons/waybar/config.jsonc
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										208
									
								
								modules/nixos/desktop/addons/waybar/config.jsonc
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,208 @@
 | 
			
		|||
{
 | 
			
		||||
    "layer":"top",
 | 
			
		||||
    "position":"top",
 | 
			
		||||
    "mod":"dock",
 | 
			
		||||
    "margin-left":10,
 | 
			
		||||
    "margin-right":10,
 | 
			
		||||
    "margin-top":7,
 | 
			
		||||
    "margin-bottom":0,
 | 
			
		||||
    "exclusive":true,
 | 
			
		||||
    "passthrough":false,
 | 
			
		||||
    "gtk-layer-shell":true,
 | 
			
		||||
    "reload_style_on_change":true,
 | 
			
		||||
    "modules-left":[
 | 
			
		||||
        "custom/smallspacer",
 | 
			
		||||
        "hyprland/workspaces",
 | 
			
		||||
        "custom/spacer"
 | 
			
		||||
    ],
 | 
			
		||||
    "modules-center":[
 | 
			
		||||
        "custom/padd",
 | 
			
		||||
        "custom/l_end",
 | 
			
		||||
        "custom/r_end",
 | 
			
		||||
        "hyprland/window",
 | 
			
		||||
        "custom/padd"
 | 
			
		||||
    ],
 | 
			
		||||
    "modules-right":[
 | 
			
		||||
        "custom/padd",
 | 
			
		||||
        "custom/l_end",
 | 
			
		||||
        "tray",
 | 
			
		||||
        "custom/smallspacer",
 | 
			
		||||
        "pulseaudio",
 | 
			
		||||
        "pulseaudio/slider",
 | 
			
		||||
        "memory",
 | 
			
		||||
        "cpu",
 | 
			
		||||
        "clock",
 | 
			
		||||
        "custom/padd"
 | 
			
		||||
    ],
 | 
			
		||||
    "custom/smallspacer":{
 | 
			
		||||
        "format":" "
 | 
			
		||||
    },
 | 
			
		||||
    "memory":{
 | 
			
		||||
        "interval":1,
 | 
			
		||||
        "rotate":270,
 | 
			
		||||
        "format":"{icon}",
 | 
			
		||||
        "format-icons":[
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            ""
 | 
			
		||||
        ],
 | 
			
		||||
        "max-length":10
 | 
			
		||||
    },
 | 
			
		||||
    "cpu":{
 | 
			
		||||
        "interval":1,
 | 
			
		||||
        "format":"{icon}",
 | 
			
		||||
        "rotate":270,
 | 
			
		||||
        "format-icons":[
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            "",
 | 
			
		||||
            ""
 | 
			
		||||
        ]
 | 
			
		||||
    },
 | 
			
		||||
    "tray":{
 | 
			
		||||
        "icon-size":15,
 | 
			
		||||
        "rotate":0,
 | 
			
		||||
        "spacing":3
 | 
			
		||||
    },
 | 
			
		||||
    "custom/menu":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "rotate":90
 | 
			
		||||
    },
 | 
			
		||||
    "hyprland/window":{
 | 
			
		||||
        "format":"<span  weight='bold' >{initialTitle}</span>",
 | 
			
		||||
        "max-length":120,
 | 
			
		||||
        "separate-outputs":true,
 | 
			
		||||
        "icon":false,
 | 
			
		||||
        "icon-size":13
 | 
			
		||||
    },
 | 
			
		||||
    "custom/spacer":{
 | 
			
		||||
        "format":"|"
 | 
			
		||||
    },
 | 
			
		||||
    "hyprland/workspaces":{
 | 
			
		||||
        "format":"{icon}",
 | 
			
		||||
        "format-icons":{
 | 
			
		||||
            "default":"○",
 | 
			
		||||
            "active":"",
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "wlr/workspaces":{
 | 
			
		||||
        "persistent-workspaces":{
 | 
			
		||||
            "1":[
 | 
			
		||||
                "DP-2"
 | 
			
		||||
            ],
 | 
			
		||||
            "2":[
 | 
			
		||||
                "HDMI-A-1"
 | 
			
		||||
            ],
 | 
			
		||||
            "3":[
 | 
			
		||||
                "DP-2"
 | 
			
		||||
            ],
 | 
			
		||||
            "4":[
 | 
			
		||||
                "HDMI-A-1"
 | 
			
		||||
            ]
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "idle_inhibitor":{
 | 
			
		||||
        "format":"{icon}",
 | 
			
		||||
        "rotate":0,
 | 
			
		||||
        "format-icons":{
 | 
			
		||||
            "activated":"",
 | 
			
		||||
            "deactivated":""
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "clock":{
 | 
			
		||||
        "format":"{:%H:%M}",
 | 
			
		||||
        "rotate":0,
 | 
			
		||||
        "tooltip-format":"<tt>{calendar}</tt>",
 | 
			
		||||
        "calendar":{
 | 
			
		||||
            "mode":"month",
 | 
			
		||||
            "mode-mon-col":3,
 | 
			
		||||
            "on-scroll":1,
 | 
			
		||||
            "on-click-right":"mode",
 | 
			
		||||
            "format":{
 | 
			
		||||
                "months":"<span color='#ffead3'><b>{}</b></span>",
 | 
			
		||||
                "weekdays":"<span color='#ffcc66'><b>{}</b></span>",
 | 
			
		||||
                "today":"<span color='#ff6699'><b>{}</b></span>"
 | 
			
		||||
            }
 | 
			
		||||
        },
 | 
			
		||||
        "actions":{
 | 
			
		||||
            "on-click-right":"mode",
 | 
			
		||||
            "on-click-forward":"tz_up",
 | 
			
		||||
            "on-click-backward":"tz_down",
 | 
			
		||||
            "on-scroll-up":"shift_up",
 | 
			
		||||
            "on-scroll-down":"shift_down"
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "pulseaudio":{
 | 
			
		||||
        "format":" {icon}",
 | 
			
		||||
        "rotate":0,
 | 
			
		||||
        "format-muted":"婢",
 | 
			
		||||
        "tooltip-format":"{icon} {desc} // {volume}%",
 | 
			
		||||
        "scroll-step":5,
 | 
			
		||||
        "format-icons":{
 | 
			
		||||
            "headphone":"",
 | 
			
		||||
            "hands-free":"",
 | 
			
		||||
            "headset":"",
 | 
			
		||||
            "phone":"",
 | 
			
		||||
            "portable":"",
 | 
			
		||||
            "car":"",
 | 
			
		||||
            "default":[
 | 
			
		||||
                "",
 | 
			
		||||
                "",
 | 
			
		||||
                ""
 | 
			
		||||
            ]
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "custom/l_end":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "custom/r_end":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "custom/sl_end":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "custom/sr_end":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "custom/rl_end":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "custom/rr_end":{
 | 
			
		||||
        "format":" ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "custom/padd":{
 | 
			
		||||
        "format":"  ",
 | 
			
		||||
        "interval":"once",
 | 
			
		||||
        "tooltip":false
 | 
			
		||||
    },
 | 
			
		||||
    "pulseaudio/slider":{
 | 
			
		||||
        "min":5,
 | 
			
		||||
        "max":100,
 | 
			
		||||
        "rotate":0,
 | 
			
		||||
        "device":"pulseaudio",
 | 
			
		||||
        "scroll-step":1
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -15,6 +15,7 @@ let
 | 
			
		|||
    mkIf
 | 
			
		||||
    types
 | 
			
		||||
    ;
 | 
			
		||||
  inherit (lib.wyrdgard) enabled;
 | 
			
		||||
in
 | 
			
		||||
{
 | 
			
		||||
  options.${namespace}.desktop.addons.waybar = {
 | 
			
		||||
| 
						 | 
				
			
			@ -29,8 +30,17 @@ in
 | 
			
		|||
  config = mkIf cfg.enable {
 | 
			
		||||
    environment.systemPackages = [ cfg.package ];
 | 
			
		||||
 | 
			
		||||
    services.upower = enabled;
 | 
			
		||||
    fonts.packages = with pkgs; [
 | 
			
		||||
      cascadia-code
 | 
			
		||||
      jetbrains-mono
 | 
			
		||||
      maple-mono-NF
 | 
			
		||||
      material-design-icons
 | 
			
		||||
      noto-fonts-cjk-sans
 | 
			
		||||
    ];
 | 
			
		||||
 | 
			
		||||
    wyrdgard.home.file = {
 | 
			
		||||
      ".config/waybar/config".source = ./config;
 | 
			
		||||
      ".config/waybar/config.jsonc".source = ./config.jsonc;
 | 
			
		||||
      ".config/waybar/style.css".source = ./style.css;
 | 
			
		||||
    };
 | 
			
		||||
  };
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,182 +1,391 @@
 | 
			
		|||
* {
 | 
			
		||||
    font-family: "JetBrains Mono Nerd Font";
 | 
			
		||||
    /*font-family: "JetBrainsMono Nerd Font";*/
 | 
			
		||||
    font-weight: bold; 
 | 
			
		||||
    font-size: 15px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#custom-notification {
 | 
			
		||||
  font-family: "JetBrains Mono Nerd Font";
 | 
			
		||||
  font-size: 17px;
 | 
			
		||||
 color: #A1BDCE;
 | 
			
		||||
 margin: 2px 0px 0px 0px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar {
 | 
			
		||||
  background: transparent;
 | 
			
		||||
  /*    background-color: rgba(43, 48, 59, 0.5); */
 | 
			
		||||
  /*    border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
 | 
			
		||||
  color: #ffffff;
 | 
			
		||||
  transition-property: background-color;
 | 
			
		||||
  transition-duration: .5s;
 | 
			
		||||
    background: #0F0F17; 
 | 
			
		||||
  /*  border-radius: 15px; */
 | 
			
		||||
 /*  border: 2px solid #124323; */
 | 
			
		||||
/* border: 0px solid #A1BDCE; */
 | 
			
		||||
 border: 3px solid rgba(255, 255, 255, 0.1);
 | 
			
		||||
 border-radius: 10px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar.hidden {
 | 
			
		||||
  opacity: 0.2;
 | 
			
		||||
 | 
			
		||||
tooltip {
 | 
			
		||||
        background: #171717;
 | 
			
		||||
        color: #A1BDCE;
 | 
			
		||||
        font-size: 13px;
 | 
			
		||||
        border-radius: 7px;
 | 
			
		||||
       border: 2px solid #101a24;
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
#workspaces{
 | 
			
		||||
background: rgba(23, 23, 23, 0.0);
 | 
			
		||||
    color: #888789;
 | 
			
		||||
    box-shadow: none;
 | 
			
		||||
	text-shadow: none;
 | 
			
		||||
    border-radius: 9px;
 | 
			
		||||
    transition: 0.2s ease;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
    padding-top: 1px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#waybar.empty #window {
 | 
			
		||||
  background-color: transparent;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#workspaces {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#window {
 | 
			
		||||
  margin: 2px;
 | 
			
		||||
  padding-left: 8px;
 | 
			
		||||
  padding-right: 8px;
 | 
			
		||||
  background-color: rgba(0,0,0,0.3);
 | 
			
		||||
  font-size:14px;
 | 
			
		||||
  font-weight: bold;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
button {
 | 
			
		||||
  /* Use box-shadow instead of border so the text isn't offset */
 | 
			
		||||
  box-shadow: inset 0 -3px transparent;
 | 
			
		||||
  /* Avoid rounded borders under each button name */
 | 
			
		||||
  border: none;
 | 
			
		||||
  border-radius: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
 | 
			
		||||
button:hover {
 | 
			
		||||
  background: inherit;
 | 
			
		||||
  border-top: 2px solid #c9545d;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#workspaces button {
 | 
			
		||||
  padding: 0 4px;
 | 
			
		||||
  /*    background-color: rgba(0,0,0,0.3); */
 | 
			
		||||
background: rgba(23, 23, 23, 0.0);
 | 
			
		||||
    color: #A1BDCE;
 | 
			
		||||
    box-shadow: none;
 | 
			
		||||
	text-shadow: none;
 | 
			
		||||
    border-radius: 9px;
 | 
			
		||||
    transition: 0.2s ease;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
 /*   animation: ws_normal 20s ease-in-out 1; */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
#workspaces button.active {
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
  /* background-image: url("/home/anik/Documents/bar1.png");*/
 | 
			
		||||
    color: #A1BDCE;   
 | 
			
		||||
    transition: all 0.3s ease;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
  /*  transition: all 0.4s cubic-bezier(.55,0.68,.48,1.682); */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#workspaces button:hover {
 | 
			
		||||
    background: none;
 | 
			
		||||
    color: #72D792;
 | 
			
		||||
    animation: ws_hover 20s ease-in-out 1;
 | 
			
		||||
    transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#workspaces button.focused {
 | 
			
		||||
  /*    box-shadow: inset 0 -2px #c9545d; */
 | 
			
		||||
  background-color: rgba(0,0,0,0.3);
 | 
			
		||||
  color:#c9545d;
 | 
			
		||||
  border-top: 2px solid #c9545d;
 | 
			
		||||
#taskbar button {
 | 
			
		||||
    box-shadow: none;
 | 
			
		||||
	text-shadow: none;
 | 
			
		||||
	font-size: 4px;
 | 
			
		||||
    padding: 0px;
 | 
			
		||||
    border-radius: 9px;
 | 
			
		||||
    margin-bottom: 3px;
 | 
			
		||||
    margin-left: 0px;
 | 
			
		||||
    padding-left: 3px;
 | 
			
		||||
    padding-right: 3px;
 | 
			
		||||
    margin-right: 0px;
 | 
			
		||||
    color: @wb-color;
 | 
			
		||||
    animation: tb_normal 20s ease-in-out 1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#workspaces button.urgent {
 | 
			
		||||
  background-color: #eb4d4b;
 | 
			
		||||
#taskbar button.active {
 | 
			
		||||
    background: @wb-act-bg;
 | 
			
		||||
    color: @wb-act-color;
 | 
			
		||||
    margin-left: 3px;
 | 
			
		||||
    padding-left: 12px;
 | 
			
		||||
    padding-right: 12px;
 | 
			
		||||
    margin-right: 3px;
 | 
			
		||||
    animation: tb_active 20s ease-in-out 1;
 | 
			
		||||
    transition: all 0.4s cubic-bezier(.55,-0.68,.48,1.682);
 | 
			
		||||
    min-height: 9px; 
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mode {
 | 
			
		||||
  background-color: #64727D;
 | 
			
		||||
  border-bottom: 3px solid #ffffff;
 | 
			
		||||
#taskbar button:hover {
 | 
			
		||||
    background: @wb-hvr-bg;
 | 
			
		||||
    color: @wb-hvr-color;
 | 
			
		||||
    animation: tb_hover 20s ease-in-out 1;
 | 
			
		||||
    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#clock,
 | 
			
		||||
#battery,
 | 
			
		||||
#cpu,
 | 
			
		||||
#memory,
 | 
			
		||||
#disk,
 | 
			
		||||
#temperature,
 | 
			
		||||
#backlight,
 | 
			
		||||
#network,
 | 
			
		||||
#pulseaudio,
 | 
			
		||||
#wireplumber,
 | 
			
		||||
#custom-media,
 | 
			
		||||
#tray,
 | 
			
		||||
#mode,
 | 
			
		||||
#idle_inhibitor,
 | 
			
		||||
#scratchpad,
 | 
			
		||||
#mpd {
 | 
			
		||||
  margin: 2px;
 | 
			
		||||
  padding-left: 4px;
 | 
			
		||||
  padding-right: 4px;
 | 
			
		||||
  background-color: rgba(0,0,0,0.3);
 | 
			
		||||
  color: #ffffff;
 | 
			
		||||
#tray menu * {
 | 
			
		||||
    min-height: 16px;
 | 
			
		||||
    font-weight: bold;
 | 
			
		||||
    font-size: 13px;
 | 
			
		||||
    color: #9488e3;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* If workspaces is the leftmost module, omit left margin */
 | 
			
		||||
.modules-left > widget:first-child > #workspaces {
 | 
			
		||||
  margin-left: 0;
 | 
			
		||||
#tray menu separator {
 | 
			
		||||
    min-height: 10px
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* If workspaces is the rightmost module, omit right margin */
 | 
			
		||||
.modules-right > widget:last-child > #workspaces {
 | 
			
		||||
  margin-right: 0;
 | 
			
		||||
 | 
			
		||||
#custom-spacer{
 | 
			
		||||
opacity: 0.0;
 | 
			
		||||
}
 | 
			
		||||
#custom-smallspacer{
 | 
			
		||||
opacity: 0.0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#clock {
 | 
			
		||||
  font-size:14px;
 | 
			
		||||
  font-weight: bold;
 | 
			
		||||
 | 
			
		||||
#custom-mouse{
 | 
			
		||||
font-size: 14px;
 | 
			
		||||
margin-bottom: 6px;
 | 
			
		||||
background:  #161320;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery icon {
 | 
			
		||||
  color: red;
 | 
			
		||||
 | 
			
		||||
#custom-power{
 | 
			
		||||
    font-size: 15px;
 | 
			
		||||
    color: #FFFFFF;
 | 
			
		||||
    background:  rgba(22, 19, 32, 0.9);
 | 
			
		||||
    margin: 6px 0px 6px 0px;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
#backlight{
 | 
			
		||||
    color: #2096C0;
 | 
			
		||||
    background: rgba(23, 23, 23, 0.0);
 | 
			
		||||
    font-weight: normal;
 | 
			
		||||
    font-size: 19px;
 | 
			
		||||
    margin: 1px 0px 0px 0px;
 | 
			
		||||
    padding-left: 0px;
 | 
			
		||||
    padding-right: 2px;
 | 
			
		||||
 
 | 
			
		||||
}
 | 
			
		||||
#bluetooth,
 | 
			
		||||
#custom-cliphist{
 | 
			
		||||
    color: #E6E7E7;
 | 
			
		||||
    background:  #161320;
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    margin: 4px 0px 4px 0px;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
 
 | 
			
		||||
}
 | 
			
		||||
#battery{
 | 
			
		||||
    font-weight: normal;
 | 
			
		||||
    font-size: 22px;
 | 
			
		||||
    color: #a6d189;
 | 
			
		||||
    background:  rgba(23, 23, 23, 0.0);
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    margin: 0px 0px 0px 0px;
 | 
			
		||||
    padding-left: 0px;
 | 
			
		||||
    padding-right: 0px;
 | 
			
		||||
 
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery.charging, #battery.plugged {
 | 
			
		||||
  color: #ffffff;
 | 
			
		||||
  background-color: #26A65B;
 | 
			
		||||
#idle_inhibitor{
 | 
			
		||||
color: #24966e;
 | 
			
		||||
background: @bar-bg;
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    margin: 4px 0px 4px 0px;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
#clock{
 | 
			
		||||
    color: #A1BDCE;
 | 
			
		||||
    font-size: 15px;
 | 
			
		||||
    font-weight: 900;
 | 
			
		||||
    font-family: "JetBrains Mono Nerd Font";
 | 
			
		||||
    background: rgba(23, 23, 23, 0.0);
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    margin: 3px 0px 0px 0px;
 | 
			
		||||
    padding-left: 10px;
 | 
			
		||||
    padding-right: 10px;
 | 
			
		||||
    border: none;
 | 
			
		||||
    
 | 
			
		||||
}
 | 
			
		||||
#pulseaudio{
 | 
			
		||||
font-weight: normal;
 | 
			
		||||
font-size: 18px;
 | 
			
		||||
color: #6F8FDB;
 | 
			
		||||
    background:  rgba(22, 19, 32, 0.0);
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    margin: 0px 0px 0px 0px;
 | 
			
		||||
    padding-left: 3px;
 | 
			
		||||
    padding-right: 3px;
 | 
			
		||||
}
 | 
			
		||||
#cpu{
 | 
			
		||||
font-weight: normal;
 | 
			
		||||
font-size: 22px;
 | 
			
		||||
color: #915CAF;
 | 
			
		||||
}
 | 
			
		||||
#custom-led{
 | 
			
		||||
background: #427287;
 | 
			
		||||
color: #FFFFFF;
 | 
			
		||||
margin-top: 7px;
 | 
			
		||||
margin-bottom: 7px;
 | 
			
		||||
padding-left: 6px;
 | 
			
		||||
border-radius: 7px;
 | 
			
		||||
margin-right: 6px;
 | 
			
		||||
}
 | 
			
		||||
#custom-gpuinfo,
 | 
			
		||||
#custom-keybindhint,
 | 
			
		||||
#language,
 | 
			
		||||
#memory{
 | 
			
		||||
font-weight: normal;
 | 
			
		||||
font-size: 22px;
 | 
			
		||||
color: #E4C9AF;
 | 
			
		||||
}
 | 
			
		||||
#mpris{
 | 
			
		||||
color: white;
 | 
			
		||||
animation: repeat;
 | 
			
		||||
	animation-name: blink;
 | 
			
		||||
	animation-duration: 3s;
 | 
			
		||||
    animation-timing-function: linear;
 | 
			
		||||
    animation-iteration-count: infinite;
 | 
			
		||||
    animation-direction: alternate;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@keyframes blink {
 | 
			
		||||
  to {
 | 
			
		||||
    background-color: #ffffff;
 | 
			
		||||
    color: #000000;
 | 
			
		||||
  }
 | 
			
		||||
    to {
 | 
			
		||||
        color: #4a4a4a;
 | 
			
		||||
        
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
#network{
 | 
			
		||||
color: #A1BDCE;
 | 
			
		||||
font-weight: normal;
 | 
			
		||||
font-size: 19px;
 | 
			
		||||
padding-right: 0px;
 | 
			
		||||
padding-left: 4px
 | 
			
		||||
}
 | 
			
		||||
#custom-notifications,
 | 
			
		||||
#custom-spotify,
 | 
			
		||||
#taskbar,
 | 
			
		||||
#custom-theme,
 | 
			
		||||
#custom-menu{
 | 
			
		||||
color: #E8EDF0;
 | 
			
		||||
background:  rgba(23, 23, 23, 0.0);
 | 
			
		||||
margin: 0px 0px 0px 0px;
 | 
			
		||||
    padding-left: 1px;
 | 
			
		||||
    padding-right: 1px;
 | 
			
		||||
    opacity: 0.1
 | 
			
		||||
}
 | 
			
		||||
#tray,
 | 
			
		||||
#custom-updates,
 | 
			
		||||
#custom-wallchange,
 | 
			
		||||
#custom-wbar,
 | 
			
		||||
#window{
 | 
			
		||||
color: #A1BDCE;
 | 
			
		||||
font-family: "Martian Mono";
 | 
			
		||||
}
 | 
			
		||||
#custom-l_end,
 | 
			
		||||
#custom-r_end,
 | 
			
		||||
#custom-sl_end,
 | 
			
		||||
#custom-sr_end,
 | 
			
		||||
#custom-rl_end,
 | 
			
		||||
#cava,
 | 
			
		||||
#upower#headset,
 | 
			
		||||
#upower{
 | 
			
		||||
color: #a6d189;
 | 
			
		||||
}
 | 
			
		||||
#mpris{
 | 
			
		||||
font-size: 15px;
 | 
			
		||||
font-weight: bold
 | 
			
		||||
}
 | 
			
		||||
#custom-rr_end {
 | 
			
		||||
font-weight: normal;
 | 
			
		||||
    color: #E8EDF0;
 | 
			
		||||
    background:  rgba(23, 23, 23, 0.0);
 | 
			
		||||
    opacity: 1;
 | 
			
		||||
    margin: 0px 0px 0px 0px;
 | 
			
		||||
    padding-left: 4px;
 | 
			
		||||
    padding-right: 4px;
 | 
			
		||||
  ;
 | 
			
		||||
    
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery.warning:not(.charging) {
 | 
			
		||||
  background-color: #f53c3c;
 | 
			
		||||
  color: #ffffff;
 | 
			
		||||
  animation-name: blink;
 | 
			
		||||
  animation-duration: 0.5s;
 | 
			
		||||
  animation-timing-function: linear;
 | 
			
		||||
  animation-iteration-count: infinite;
 | 
			
		||||
  animation-direction: alternate;
 | 
			
		||||
#backlight-slider slider,
 | 
			
		||||
#pulseaudio-slider slider {
 | 
			
		||||
  background: #A1BDCE;
 | 
			
		||||
  background-color: transparent;
 | 
			
		||||
  box-shadow: none;
 | 
			
		||||
  margin-right: 7px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#backlight-slider trough,
 | 
			
		||||
#pulseaudio-slider trough {
 | 
			
		||||
  margin-top: -3px;
 | 
			
		||||
  min-width: 90px;
 | 
			
		||||
  min-height: 10px;
 | 
			
		||||
  margin-bottom: -4px;
 | 
			
		||||
  border-radius: 8px;
 | 
			
		||||
  background: #343434;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#backlight-slider highlight,
 | 
			
		||||
#pulseaudio-slider highlight {
 | 
			
		||||
  border-radius: 8px;
 | 
			
		||||
  background-color: #2096C0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery.charging, #battery.plugged {
 | 
			
		||||
	color: #E8EDF0;
 | 
			
		||||
	
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
#battery.critical:not(.charging) {
 | 
			
		||||
  background-color: #f53c3c;
 | 
			
		||||
  color: #ffffff;
 | 
			
		||||
  animation-name: blink;
 | 
			
		||||
  animation-duration: 0.5s;
 | 
			
		||||
  animation-timing-function: linear;
 | 
			
		||||
  animation-iteration-count: infinite;
 | 
			
		||||
  animation-direction: alternate;
 | 
			
		||||
    color: red;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
label:focus {
 | 
			
		||||
  background-color: #000000;
 | 
			
		||||
 | 
			
		||||
#taskbar {
 | 
			
		||||
    padding: 1px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#network.disconnected {
 | 
			
		||||
  background-color: #f53c3c;
 | 
			
		||||
#custom-r_end {
 | 
			
		||||
    border-radius: 0px 7px 7px 0px;
 | 
			
		||||
    margin-right: 1px;
 | 
			
		||||
    padding-right: 3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#temperature.critical {
 | 
			
		||||
  background-color: #eb4d4b;
 | 
			
		||||
#custom-l_end {
 | 
			
		||||
    border-radius: 7px 0px 0px 7px;
 | 
			
		||||
    margin-left: 1px;
 | 
			
		||||
    padding-left: 3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#idle_inhibitor.activated {
 | 
			
		||||
  background-color: #ecf0f1;
 | 
			
		||||
  color: #2d3436;
 | 
			
		||||
#custom-sr_end {
 | 
			
		||||
    border-radius: 0px;
 | 
			
		||||
    margin-right: 1px;
 | 
			
		||||
    padding-right: 3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#tray > .passive {
 | 
			
		||||
  -gtk-icon-effect: dim;
 | 
			
		||||
#custom-sl_end {
 | 
			
		||||
    border-radius: 0px;
 | 
			
		||||
    margin-left: 1px;
 | 
			
		||||
    padding-left: 3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#tray > .needs-attention {
 | 
			
		||||
  -gtk-icon-effect: highlight;
 | 
			
		||||
  background-color: #eb4d4b;
 | 
			
		||||
#custom-rr_end {
 | 
			
		||||
    border-radius: 0px 7px 7px 0px;
 | 
			
		||||
    margin-right: 1px;
 | 
			
		||||
    padding-right: 3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
 | 
			
		||||
window#waybar.solo {
 | 
			
		||||
background-color: #FFFFFF;
 | 
			
		||||
#custom-rl_end {
 | 
			
		||||
    border-radius: 7px 0px 0px 7px;
 | 
			
		||||
    margin-left: 1px;
 | 
			
		||||
    padding-left: 3px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar.termite {
 | 
			
		||||
background-color: #3F3F3F;
 | 
			
		||||
 | 
			
		||||
/* Style for launchers */
 | 
			
		||||
 | 
			
		||||
#custom-expand {
 | 
			
		||||
    min-width: 25px;
 | 
			
		||||
    color: #A1BDCE;
 | 
			
		||||
    font-size: 16px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar.chromium {
 | 
			
		||||
background-color: #000000;
 | 
			
		||||
border: none;
 | 
			
		||||
#group-minimized {
 | 
			
		||||
    border-left: solid;
 | 
			
		||||
    border-left-width: 0.5;
 | 
			
		||||
}
 | 
			
		||||
 */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue