80 lines
1.3 KiB
SCSS
80 lines
1.3 KiB
SCSS
|
@use "./notifications/Notification.scss";
|
||
|
|
$theme_fg_color: "@theme_fg_color";
|
||
|
|
$theme_bg_color: "@theme_bg_color";
|
||
|
|
|
||
|
|
window.Bar {
|
||
|
|
background-color: rgba(0, 0, 0, 0.2);
|
||
|
|
font-family: "Noto Sans", "FontAwesome";
|
||
|
|
font-weight: 500;
|
||
|
|
|
||
|
|
.systray-item {
|
||
|
|
margin-left: 0.3em;
|
||
|
|
margin-right: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.window-box {
|
||
|
|
margin-bottom: 0.3em;
|
||
|
|
margin-top: 0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clients box {
|
||
|
|
margin-right: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.battery-item {
|
||
|
|
padding-left: 0.6em;
|
||
|
|
padding-right: 0.6em;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
background: #1f2430;
|
||
|
|
}
|
||
|
|
.battery-item:hover {
|
||
|
|
background: #023269;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item, .clients box {
|
||
|
|
background: #1f2430;
|
||
|
|
padding-left: 0.7em;
|
||
|
|
padding-right: 0.7em;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.app-icon {
|
||
|
|
margin-right: 0.6em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-group {
|
||
|
|
padding-left: 0.3em;
|
||
|
|
padding-right: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
background: #1f2430;
|
||
|
|
border:none;
|
||
|
|
padding: 0.2em;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.focused, .clients box.focused {
|
||
|
|
background: #023269;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:hover {
|
||
|
|
background: #023269;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.blue:hover {
|
||
|
|
background: #1f2430;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspaces button {
|
||
|
|
padding-left: 0.4em;
|
||
|
|
padding-right: 0.4em;
|
||
|
|
margin-left: 0.2em;
|
||
|
|
margin-right: 0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blue {
|
||
|
|
background: #023269;
|
||
|
|
}
|
||
|
|
}
|