waybar: remove custom css for sway

This commit is contained in:
Aly Raffauf 2024-05-01 13:59:33 -04:00
parent 3af0462455
commit f526e4cb46
4 changed files with 30 additions and 67 deletions

View file

@ -7,7 +7,7 @@
} }
window#waybar { window#waybar {
background: rgba (35, 38, 52, 0.4); background: rgba (35, 38, 52, 0.0);
color: #FAFAFA; color: #FAFAFA;
} }
@ -17,11 +17,13 @@ window#waybar {
color: #FAFAFA; color: #FAFAFA;
} }
#workspaces button.active, #workspaces button.focused { #workspaces button.active,
#workspaces button.focused {
color: #ca9ee6; color: #ca9ee6;
} }
#submap, #mode { #submap,
#mode {
padding: 0 15px; padding: 0 15px;
margin: 0 5px; margin: 0 5px;
color: #e78284; color: #e78284;
@ -61,4 +63,25 @@ window#waybar {
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
color: #e78284; color: #e78284;
}
#workspaces,
#mode,
#submap,
#tray,
#clock,
#hardware {
border-radius: 10;
background: rgba (35, 38, 52, 0.8);
margin: 5px 10px 0px 10px;
padding: 0px 10px 0px 10px;
}
#clock {
padding: 0px 20px 0px 20px;
}
#submap,
#mode {
color: #FAFAFA;
background: rgba(231, 130, 132, 0.8);
} }

View file

@ -1,32 +1 @@
@import url("style.css"); @import url("style.css");
/* Style overrides for sway */
window#waybar {
background: rgba (35, 38, 52, 0.0);
}
#workspaces,
#submap,
#tray,
#clock,
#hardware
{
border-radius: 10;
background: rgba (35, 38, 52, 0.8);
margin: 5px 10px 0px 10px;
padding: 0px 10px 0px 10px;
}
#clock {
padding: 0px 20px 0px 20px;
}
/* #workspaces {
padding: 0px 5px;
} */
#submap {
color: #FAFAFA;
background: rgba(231, 130, 132, 0.8);
}

View file

@ -55,8 +55,6 @@
}; };
}; };
xdg.configFile."waybar/sway-style.css".source = ./waybar.css;
wayland.windowManager.sway.enable = true; wayland.windowManager.sway.enable = true;
wayland.windowManager.sway.package = pkgs.swayfx; wayland.windowManager.sway.package = pkgs.swayfx;
wayland.windowManager.sway.wrapperFeatures.gtk = true; wayland.windowManager.sway.wrapperFeatures.gtk = true;
@ -83,7 +81,7 @@
media_prev = "${media} previous"; media_prev = "${media} previous";
# Sway desktop utilities # Sway desktop utilities
bar = pkgs.waybar + "/bin/waybar -s ${config.xdg.configHome}/waybar/sway-style.css"; bar = pkgs.waybar + "/bin/waybar";
launcher = pkgs.fuzzel + "/bin/fuzzel"; launcher = pkgs.fuzzel + "/bin/fuzzel";
notifyd = pkgs.mako + "/bin/mako"; notifyd = pkgs.mako + "/bin/mako";
wallpaperd = pkgs.swaybg + "/bin/swaybg -i ${config.xdg.dataHome}/backgrounds/jr-korpa-9XngoIpxcEo-unsplash.jpg"; wallpaperd = pkgs.swaybg + "/bin/swaybg -i ${config.xdg.dataHome}/backgrounds/jr-korpa-9XngoIpxcEo-unsplash.jpg";
@ -143,7 +141,7 @@
fi fi
''; '';
in { in {
bars = []; bars = [{command = "${bar}";}];
modifier = "${modifier}"; modifier = "${modifier}";
colors.background = "${colorPrimary}"; colors.background = "${colorPrimary}";
colors.focused = { colors.focused = {
@ -327,7 +325,7 @@
}; };
}; };
startup = [ startup = [
{command = "${bar}";} # {command = "${bar}";}
{command = "${wallpaperd}";} {command = "${wallpaperd}";}
{command = "${fileManager} --daemon";} {command = "${fileManager} --daemon";}
{command = "${idled}";} {command = "${idled}";}

View file

@ -1,27 +0,0 @@
@import url("style.css");
/* Style overrides for sway */
window#waybar {
background: rgba (35, 38, 52, 0.0);
}
#workspaces,
#mode,
#tray,
#clock,
#hardware {
border-radius: 10;
background: rgba (35, 38, 52, 0.8);
margin: 5px 10px 0px 10px;
padding: 0px 10px 0px 10px;
}
#clock {
padding: 0px 20px 0px 20px;
}
#mode {
color: #FAFAFA;
background: rgba(231, 130, 132, 0.8);
}