Style updates

Adjust font sizes to be more sensible

Tweak sway gaps, and blur layer effects

Set waybar and swaync font sizes in rem instead of px, move waybar to
bottom and adjust spacing accordingly
This commit is contained in:
Evie Litherland-Smith 2024-04-15 07:58:33 +01:00
parent 27a4e820f7
commit e0ba9d21c4
4 changed files with 15 additions and 15 deletions

View file

@ -44,10 +44,10 @@
fonts = with import nixpkgs {inherit system;}; fonts = with import nixpkgs {inherit system;};
with iosevka-custom.outputs; rec { with iosevka-custom.outputs; rec {
sizes = { sizes = {
applications = 16; applications = 12;
desktop = 20; desktop = 12;
popups = 20; popups = 12;
terminal = 16; terminal = 12;
}; };
serif = sansSerif; serif = sansSerif;
sansSerif = { sansSerif = {

View file

@ -35,14 +35,11 @@
menu = "${config.programs.rofi.finalPackage}/bin/rofi -show drun"; menu = "${config.programs.rofi.finalPackage}/bin/rofi -show drun";
workspaceAutoBackAndForth = true; workspaceAutoBackAndForth = true;
bars = []; bars = [];
gaps = { gaps = {inner = 5;};
inner = 10;
# outer = 5;
};
fonts = { fonts = {
names = [fonts.monospace.name]; names = [fonts.monospace.name];
style = "regular"; style = "regular";
size = 12.0; # fonts.sizes.desktop; size = fonts.sizes.desktop * 1.0;
}; };
colors = with scheme.withHashtag; let colors = with scheme.withHashtag; let
text = toString base05; text = toString base05;
@ -164,8 +161,11 @@
corner_radius 10 corner_radius 10
shadows enable shadows enable
shadow_blur_radius 4 shadow_blur_radius 4
layer_effects "waybar" blur enable; blur_ignore_transparent enable
layer_effects "swaync-control-center" blur enable; blur_ignore_transparent enable
layer_effects "rofi" blur enable; blur_ignore_transparent enable
titlebar_separator enable titlebar_separator enable
scratchpad_minimize disable scratchpad_minimize enable
''; '';
}; };
} }

View file

@ -9,7 +9,7 @@
xdg.configFile."swaync/style.css".text = with scheme; '' xdg.configFile."swaync/style.css".text = with scheme; ''
* { * {
all: unset; all: unset;
font-size: ${toString fonts.sizes.desktop}px; font-size: 1.2rem;
font-family: "${fonts.monospace.name}"; font-family: "${fonts.monospace.name}";
transition: 200ms; transition: 200ms;
} }

View file

@ -18,7 +18,7 @@
}; };
settings.main = { settings.main = {
layer = "top"; layer = "top";
position = "top"; position = "bottom";
# Layout # Layout
"modules-left" = ["sway/workspaces"]; "modules-left" = ["sway/workspaces"];
"modules-center" = ["mpris"]; "modules-center" = ["mpris"];
@ -249,8 +249,8 @@
in '' in ''
* { * {
all: unset; all: unset;
font-size: ${toString fonts.sizes.desktop}px; font-size: 1.2rem;
font-family: "${fonts.monospace.name}"; font-family: ${fonts.monospace.name};
} }
window { window {
@ -260,7 +260,7 @@
window > box { window > box {
color: ${base05}; color: ${base05};
background: alpha(${base00}, 0.8); background: alpha(${base00}, 0.8);
margin: 5px 10px 0px; margin: 0px 10px 5px;
padding: 0px; padding: 0px;
border: 1px solid ${accent}; border: 1px solid ${accent};
border-radius: 10px; border-radius: 10px;