90 lines
1.5 KiB
CSS
90 lines
1.5 KiB
CSS
* {
|
|
all: unset;
|
|
font-family: "Cantarell", sans-serif;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
#notification {
|
|
background: rgba(0, 0, 0, 0.90);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: 10px;
|
|
margin: 6px;
|
|
padding: 0;
|
|
}
|
|
|
|
#notification .notification-content {
|
|
padding: 12px;
|
|
}
|
|
|
|
#close-button {
|
|
background: rgba(255, 255, 255, 0.08);
|
|
border-radius: 6px;
|
|
margin: 6px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
#close-button:hover {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
#summary {
|
|
font-size: 14px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#body {
|
|
font-size: 12px;
|
|
color: #cccccc;
|
|
}
|
|
|
|
#time {
|
|
font-size: 11px;
|
|
color: #999999;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
#notification.low #summary { color: #94e2d5; }
|
|
#notification.normal #summary { color: #e5e5e5; }
|
|
#notification.critical #summary { color: #ff6347; }
|
|
|
|
#control-center {
|
|
background: rgba(0, 0, 0, 0.92);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
border-radius: 12px;
|
|
padding: 8px;
|
|
}
|
|
|
|
#title {
|
|
font-size: 14px;
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
#title button {
|
|
background: rgba(255, 255, 255, 0.10);
|
|
border-radius: 6px;
|
|
padding: 6px 12px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#title button:hover {
|
|
background: rgba(255, 255, 255, 0.20);
|
|
}
|
|
|
|
#dnd {
|
|
padding: 8px 12px;
|
|
margin: 4px 0;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
#notification-list scrollbar slider {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#notification-icon {
|
|
border-radius: 6px;
|
|
margin-right: 10px;
|
|
}
|