waybar: improve css overrides and lightmode tooltips
Some checks are pending
git-mirror / gitlab-sync (push) Waiting to run
nix-build / default-build (push) Waiting to run
nix-build / fallarbor-build (push) Waiting to run
nix-build / lavaridge-build (push) Waiting to run
nix-build / mauville-build (push) Waiting to run
nix-build / petalburg-build (push) Waiting to run
nix-build / rustboro-build (push) Waiting to run
nix-check / fmt-check (push) Waiting to run
nix-check / eval-check (push) Waiting to run

This commit is contained in:
Aly Raffauf 2024-08-18 12:29:23 -04:00
parent 2ebcca284f
commit e20dd90467

View file

@ -267,74 +267,82 @@ in {
}; };
}; };
style = '' style = lib.mkAfter ''
tooltip { ${
border-radius: ${toString cfg.theme.borders.radius}; lib.optionalString (config.stylix.polarity == "light") "
tooltip {
background: alpha(@base05, ${builtins.toString config.stylix.opacity.desktop});
color: ${config.lib.stylix.colors.withHashtag.base00};
}"
} }
#battery, tooltip {
#bluetooth, border-radius: ${toString cfg.theme.borders.radius}px;
#clock, }
#custom-dnd,
#custom-app-close,
#custom-logout,
#custom-menu,
#idle_inhibitor,
#mode,
#network,
#power-profiles-daemon,
#pulseaudio,
#submap,
#tray,
#wireplumber {
margin: 0px 5px;
padding: 0px 5px;
}
#clock, #battery,
#tablet, #bluetooth,
#hardware, #clock,
#mode, #custom-dnd,
#scratchpad, #custom-app-close,
#session, #custom-logout,
#submap, #custom-menu,
#tray, #idle_inhibitor,
#workspaces { #mode,
margin: 0px 5px; #network,
padding: 0px 2.5px; #power-profiles-daemon,
} #pulseaudio,
#submap,
#tray,
#wireplumber {
margin: 0px 5px;
padding: 0px 5px;
}
#workspaces button { #clock,
border-radius: ${toString cfg.theme.borders.radius}; #tablet,
} #hardware,
#mode,
#scratchpad,
#session,
#submap,
#tray,
#workspaces {
margin: 0px 5px;
padding: 0px 2.5px;
}
#workspaces button.active, #workspaces button {
#workspaces button.focused { border-radius: 0px;
color: ${config.lib.stylix.colors.withHashtag."base0D"}; }
}
#battery.charging, #workspaces button.active,
#power-profiles-daemon.power-saver { #workspaces button.focused {
color: ${config.lib.stylix.colors.withHashtag."base0B"}; color: ${config.lib.stylix.colors.withHashtag.base0D};
} }
#battery.critical:not(.charging), #battery.charging,
#custom-dnd.on, #power-profiles-daemon.power-saver {
#idle_inhibitor.activated, color: ${config.lib.stylix.colors.withHashtag.base0B};
#network.disabled, }
#network.disconnected,
#power-profiles-daemon.performance,
#pulseaudio.muted {
color: ${config.lib.stylix.colors.withHashtag."base08"};
}
#submap, #battery.critical:not(.charging),
#mode { #custom-dnd.on,
background-color: ${config.lib.stylix.colors.withHashtag."base08"}; #idle_inhibitor.activated,
border-radius: ${toString cfg.theme.borders.radius}; #network.disabled,
color: ${config.lib.stylix.colors.withHashtag."base00"}; #network.disconnected,
font-weight: bold; #power-profiles-daemon.performance,
} #pulseaudio.muted {
color: ${config.lib.stylix.colors.withHashtag.base08};
}
#submap,
#mode {
background-color: ${config.lib.stylix.colors.withHashtag.base08};
border-radius: ${toString cfg.theme.borders.radius}px;
color: ${config.lib.stylix.colors.withHashtag.base00};
font-weight: bold;
}
''; '';
systemd.enable = true; systemd.enable = true;
@ -348,14 +356,14 @@ in {
xdg.configFile."nwg-drawer/drawer.css".text = '' xdg.configFile."nwg-drawer/drawer.css".text = ''
window { window {
background-color: alpha (${config.lib.stylix.colors.withHashtag."base00"}, ${toString config.stylix.opacity.popups}); background-color: alpha (${config.lib.stylix.colors.withHashtag.base00}, ${toString config.stylix.opacity.popups});
color: ${config.lib.stylix.colors.withHashtag."base05"} color: ${config.lib.stylix.colors.withHashtag.base05}
} }
/* search entry */ /* search entry */
entry { entry {
background-color: rgba (0, 0, 0, 0.2); background-color: rgba (0, 0, 0, 0.2);
border: alpha(${config.lib.stylix.colors.withHashtag."base07"}, ${toString config.stylix.opacity.popups}); border: alpha(${config.lib.stylix.colors.withHashtag.base07}, ${toString config.stylix.opacity.popups});
border-radius: ${toString cfg.theme.borders.radius}px border-radius: ${toString cfg.theme.borders.radius}px
} }
@ -366,10 +374,10 @@ in {
} }
button:active, button:hover, button:focused { button:active, button:hover, button:focused {
background-color: alpha (${config.lib.stylix.colors.withHashtag."base05"}, 0.2); background-color: alpha (${config.lib.stylix.colors.withHashtag.base05}, 0.2);
border: none; border: none;
border-radius: ${toString cfg.theme.borders.radius}px; border-radius: ${toString cfg.theme.borders.radius}px;
color: ${config.lib.stylix.colors.withHashtag."base0D"} color: ${config.lib.stylix.colors.withHashtag.base0D}
} }
#category-button { #category-button {