Merge pull request 'Add waybar styling' (#16) from feature/waybar-styling into master
Reviewed-on: #16
This commit is contained in:
37
wm/waybar-style.css
Normal file
37
wm/waybar-style.css
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
/* ---------------------------
|
||||||
|
Default Waybar Styling
|
||||||
|
--------------------------- */
|
||||||
|
|
||||||
|
/* General bar */
|
||||||
|
#waybar {
|
||||||
|
background-color: #222222; /* Default dark gray bar */
|
||||||
|
color: #ffffff; /* Default text color */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modules */
|
||||||
|
.module {
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover effect (minimal) */
|
||||||
|
.module:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Separators */
|
||||||
|
.separator {
|
||||||
|
margin: 0 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Popups */
|
||||||
|
.popup {
|
||||||
|
background-color: #333333;
|
||||||
|
color: #ffffff;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 4px 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icons */
|
||||||
|
i {
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
@@ -4,6 +4,8 @@
|
|||||||
programs.waybar = {
|
programs.waybar = {
|
||||||
enable = true;
|
enable = true;
|
||||||
|
|
||||||
|
style = builtins.readFile ./waybar-style.css;
|
||||||
|
|
||||||
settings.mainBar = {
|
settings.mainBar = {
|
||||||
layer = "top";
|
layer = "top";
|
||||||
position = "top";
|
position = "top";
|
||||||
@@ -33,6 +35,7 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
"wlr/taskbar" = {
|
"wlr/taskbar" = {
|
||||||
|
format = "{icon} {name}";
|
||||||
on-click = "activate";
|
on-click = "activate";
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user