85 lines
1.4 KiB
CSS
85 lines
1.4 KiB
CSS
@import "colors.css";
|
|
|
|
* {
|
|
font-family: "JetBrainsMono Nerd Font";
|
|
}
|
|
|
|
.control-center {
|
|
background: @background;
|
|
border: 2px solid @primary;
|
|
border-radius: 12px;
|
|
padding: 10px;
|
|
min-width: 500px;
|
|
box-shadow: 0 0 10px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.widget-title {
|
|
color: @primary;
|
|
background: @surface_container;
|
|
padding: 5px 10px;
|
|
margin: 10px 0;
|
|
font-size: 1.5rem;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.widget-title > button {
|
|
font-size: initial;
|
|
color: @foreground;
|
|
text-shadow: none;
|
|
background: @surface_container;
|
|
box-shadow: none;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.widget-label {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.widget-label > label {
|
|
font-size: 1.1rem;
|
|
color: @foreground;
|
|
}
|
|
|
|
.notification {
|
|
background: @surface_container;
|
|
border-radius: 12px;
|
|
margin: 6px 0;
|
|
padding: 10px;
|
|
border: 1px solid @secondary;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.notification-content {
|
|
background: transparent;
|
|
padding: 5px;
|
|
}
|
|
|
|
.summary {
|
|
color: @primary;
|
|
font-size: 1.1rem;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.body {
|
|
color: @foreground;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.time {
|
|
color: @secondary;
|
|
font-size: 0.8rem;
|
|
text-shadow: none;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.notification.critical {
|
|
background: @urgent;
|
|
border: 2px solid @error;
|
|
}
|
|
|
|
.notification.critical .body,
|
|
.notification.critical .summary {
|
|
color: @background;
|
|
}
|