83 lines
1.2 KiB
CSS
83 lines
1.2 KiB
CSS
/* ---------------------------
|
|
Default Waybar Styling
|
|
--------------------------- */
|
|
|
|
* {
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
menu {
|
|
background-color: #222222;
|
|
border-radius: 8px;
|
|
border: 1px solid #313244;
|
|
}
|
|
|
|
menu menuitem {
|
|
padding: 6px 12px;
|
|
color: #cdd6f4;
|
|
}
|
|
|
|
menu menuitem:hover {
|
|
background-color: #45475a;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
#taskbar button {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#taskbar button:hover {
|
|
background-color: rgba(180, 190, 254, 0.15);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
#taskbar button.active {
|
|
background-color: rgba(180, 190, 254, 0.3);
|
|
}
|
|
|
|
/* Workspace buttons */
|
|
#workspaces button {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Hover */
|
|
#workspaces button:hover {
|
|
background-color: rgba(180, 190, 254, 0.15);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
/* Active workspace */
|
|
#workspaces button.active {
|
|
background-color: rgba(180, 190, 254, 0.35);
|
|
}
|
|
|
|
/* Icons */
|
|
i {
|
|
margin-right: 2px;
|
|
}
|