more styling updates

This commit is contained in:
chloe 2025-06-05 22:52:35 +02:00
parent d71ffd7618
commit e973951099
3 changed files with 28 additions and 7 deletions

View file

@ -253,7 +253,7 @@ layout {
// Additionally, clients will be informed that they are tiled, removing some client-side rounded corners.
// This option will also fix border/focus ring drawing behind some semitransparent windows.
// After enabling or disabling this, you need to restart the apps for this to take effect.
// prefer-no-csd
prefer-no-csd
// You can change the path where screenshots are saved.
// A ~ at the front will be expanded to the home directory.

View file

@ -1,5 +1,6 @@
{
"layer": "top",
"position": "top",
"modules-left": ["custom/launcher", "niri/workspaces", "niri/window"],
"modules-center": [],
"modules-right": [

View file

@ -23,22 +23,41 @@
font-size: 14px; /* set only the font size to be bigger, which in turn will adjust the height of other elements */
}
.modules-left {
}
.modules-right {
}
#clock,
#battery,
#cpu,
#wireplumber,
#bluetooth,
#network {
margin-top: 6px;
padding: 4px 12px;
background-color: @surface0;
color: @text;
}
#clock {
margin-top: 6px;
margin-right: 16px;
border-radius: 0 12px 12px 0;
}
#workspaces {
margin-top: 6px;
margin-left: 16px;
}
#workspaces button {
border-radius: 0;
padding-left: 3px;
padding-right: 3px;
}
#workspaces button:hover {
@ -50,8 +69,8 @@
#workspaces button.focused {
background-color: @surface1;
color: #fff;
border-radius: 12px;
border: solid 1px #7287fd;
}
#workspaces {
@ -61,11 +80,15 @@
}
#privacy-item.screenshare {
margin-top: 6px;
border-radius: 12px;
color: #000;
background-color: #ff5733;
}
#privacy-item.audio-in {
margin-top: 6px;
border-radius: 12px;
color: #000;
background-color: #ffae42;
}
@ -74,12 +97,9 @@
border-radius: 12px 0 0 12px;
}
#clock {
border-radius: 0 12px 12px 0;
}
#tray {
background-color: @surface0;
margin-top: 6px;
border-radius: 12px;
padding: 2px 4px;
margin-right: 16px;
@ -89,7 +109,7 @@
margin-left: 16px;
background-color: @surface0;
font-family: "light";
margin-top: 6px;
border-radius: 12px;
padding: 2px 4px;
color: @text;