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. // 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. // 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. // 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. // You can change the path where screenshots are saved.
// A ~ at the front will be expanded to the home directory. // A ~ at the front will be expanded to the home directory.

View file

@ -1,5 +1,6 @@
{ {
"layer": "top", "layer": "top",
"position": "top",
"modules-left": ["custom/launcher", "niri/workspaces", "niri/window"], "modules-left": ["custom/launcher", "niri/workspaces", "niri/window"],
"modules-center": [], "modules-center": [],
"modules-right": [ "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 */ 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, #clock,
#battery, #battery,
#cpu, #cpu,
#wireplumber, #wireplumber,
#bluetooth, #bluetooth,
#network { #network {
margin-top: 6px;
padding: 4px 12px; padding: 4px 12px;
background-color: @surface0; background-color: @surface0;
color: @text; color: @text;
} }
#clock { #clock {
margin-top: 6px;
margin-right: 16px;
border-radius: 0 12px 12px 0;
}
#workspaces {
margin-top: 6px;
margin-left: 16px;
} }
#workspaces button { #workspaces button {
border-radius: 0; border-radius: 0;
padding-left: 3px;
padding-right: 3px;
} }
#workspaces button:hover { #workspaces button:hover {
@ -50,8 +69,8 @@
#workspaces button.focused { #workspaces button.focused {
background-color: @surface1; background-color: @surface1;
color: #fff;
border-radius: 12px; border-radius: 12px;
border: solid 1px #7287fd;
} }
#workspaces { #workspaces {
@ -61,11 +80,15 @@
} }
#privacy-item.screenshare { #privacy-item.screenshare {
margin-top: 6px;
border-radius: 12px;
color: #000; color: #000;
background-color: #ff5733; background-color: #ff5733;
} }
#privacy-item.audio-in { #privacy-item.audio-in {
margin-top: 6px;
border-radius: 12px;
color: #000; color: #000;
background-color: #ffae42; background-color: #ffae42;
} }
@ -74,12 +97,9 @@
border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px;
} }
#clock {
border-radius: 0 12px 12px 0;
}
#tray { #tray {
background-color: @surface0; background-color: @surface0;
margin-top: 6px;
border-radius: 12px; border-radius: 12px;
padding: 2px 4px; padding: 2px 4px;
margin-right: 16px; margin-right: 16px;
@ -89,7 +109,7 @@
margin-left: 16px; margin-left: 16px;
background-color: @surface0; background-color: @surface0;
font-family: "light"; font-family: "light";
margin-top: 6px;
border-radius: 12px; border-radius: 12px;
padding: 2px 4px; padding: 2px 4px;
color: @text; color: @text;