64 lines
1.1 KiB
CSS
64 lines
1.1 KiB
CSS
@define-color bg rgba(10, 10, 10, 0.85);
|
|
@define-color border #333333;
|
|
@define-color text #FFFFFF;
|
|
@define-color focus #00E5FF;
|
|
@define-color urgent #FF0033;
|
|
|
|
* {
|
|
font-family: "Noto Sans", sans-serif;
|
|
border-radius: 0px; /* Sharp corners */
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.control-center {
|
|
background: @bg;
|
|
border-left: 2px solid @border;
|
|
color: @text;
|
|
}
|
|
|
|
.floating-notifications .notification {
|
|
background: @bg;
|
|
border: 2px solid @focus; /* Instantly clear it's a new notification */
|
|
box-shadow: none;
|
|
margin: 4px;
|
|
}
|
|
|
|
button:hover {
|
|
background: @border;
|
|
border: 1px solid @focus;
|
|
}
|
|
|
|
.widget-title {
|
|
color: @focus;
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
padding: 10px;
|
|
border-bottom: 1px solid @border;
|
|
}
|
|
|
|
.close-button {
|
|
background: transparent;
|
|
border: none;
|
|
color: @text;
|
|
}
|
|
|
|
.close-button:hover {
|
|
background: @urgent;
|
|
}
|
|
.widget-dnd,
|
|
.widget-mpris,
|
|
.widget-volume,
|
|
.widget-backlight,
|
|
.widget-buttons-grid {
|
|
background: transparent;
|
|
border: 1px solid @border;
|
|
margin: 8px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.notification-row:focus,
|
|
.notification-row:hover {
|
|
background: #111111;
|
|
border-left: 2px solid @focus;
|
|
}
|