wip: dnsc-machine setup

This commit is contained in:
Dennis Schoepf 2025-11-23 21:53:41 +01:00
parent e37b2b0b2f
commit a9112bd1ea
4 changed files with 90 additions and 250 deletions

View file

@ -31,204 +31,42 @@
@define-color cyan_subtle_bg #133d56;
@define-color silver #b8c6d5;
@define-color silver_bright #ffffff;
* {
.control-center {
border-radius: 0;
}
.control-center .notification-row:focus,
.control-center .notification-row:hover {
opacity: 1;
background: @bg;
color: @fg;
}
.notification-row {
outline: none;
margin: 0;
padding: 0;
background: @bg;
.control-center-list-placeholder {
opacity: 0;
}
.notification,
.notification-content,
.notification-action,
.notification-default-action,
.inline-reply-entry,
.inline-reply-button,
.widget-title,
.widget-title>button,
.widget-dnd,
.widget-dnd>switch,
.widget-dnd>switch slider,
.widget-label>label,
.widget-buttons-grid,
.widget-buttons-grid>flowbox>flowboxchild>button,
.widget-volume,
.widget-backlight,
.widget-mpris,
.widget-mpris>box>button,
.widget-mpris-player,
.widget-mpris-album-art {
border-radius: 5px;
.control-center-list {
background: transparent;
}
.notification {
opacity: 0.9;
border: none;
.control-center-list>.notification {
box-shadow: none;
}
.notification-group {
background: transparent;
}
.notification-group>.notification {
border: 1px solid $cyan_subtle_bg;
}
.close-button {
background: @magenta_subtle_bg_darker;
color: @magenta_brighter;
text-shadow: none;
padding: 0;
border-radius: 50%;
border: none;
border-radius: 100%;
}
.close-button:hover {
cursor: pointer;
background: @red_subtle_bg;
color: @red_bright;
box-shadow: none;
}
.notification-action {
border: 2px solid @cyan_subtle_bg;
border-top: none;
}
.inline-reply-entry {
background: @bg_secondary;
color: @fg;
caret-color: @fg;
border: 1px solid @cyan_subtle_bg;
}
.inline-reply-button {
margin-top: 4px;
margin-left: 4px;
background: @bg;
border: 1px solid @cyan_subtle_bg;
color: @fg;
}
.inline-reply-button:disabled {
background: transparent;
color: @fg_dim;
border: 1px solid transparent;
}
.inline-reply-button:hover {
background: @bg;
}
.summary {
font-size: 16px;
font-weight: 700;
background: transparent;
color: @fg;
text-shadow: none;
}
.time {
font-size: 16px;
font-weight: 400;
background: transparent;
color: @fg_dim;
text-shadow: none;
margin-right: 12px;
}
.body {
margin-top: 8px;
font-size: 14px;
font-weight: 400;
background: transparent;
color: @fg_dim;
text-shadow: none;
}
.control-center {
background: @bg;
padding: 0;
}
.widget-title {
margin: 12px;
font-size: 1.8rem;
}
.widget-dnd {
background: @noti-bg-darker;
padding: 5px 10px;
margin: 5px 10px;
font-size: large;
color: @blue-base;
}
.widget-dnd>switch {
background: @blue-base;
border-radius: 0;
}
.widget-dnd>switch:checked {
background: @red-base;
border: 1px solid @red-base;
}
.widget-label>label {
font-size: 1rem;
color: @text-color;
margin: 10px;
}
.widget-buttons-grid {
font-size: x-large;
padding: 5px;
margin: 10px;
background: @noti-bg-darker;
}
.widget-buttons-grid>flowbox>flowboxchild>button {
margin: 3px;
background: @cc-bg;
color: @text-color;
transition: background-color 0.15s ease-in-out;
}
.widget-buttons-grid>flowbox>flowboxchild>button:hover {
background: @blue-base;
color: @cc-bg;
}
.widget-buttons-grid>flowbox>flowboxchild>button:checked {
background: @green-base;
color: @cc-bg;
}
.widget-volume,
.widget-backlight {
background: @noti-bg-darker;
padding: 5px;
margin: 5px 10px;
font-size: 2rem;
color: @blue-base;
}
.widget-mpris {
color: @text-color;
background: @noti-bg-darker;
padding: 5px 10px;
margin: 5px 10px 5px 10px;
box-shadow: none;
}
.widget-mpris>box>button,
.widget-mpris-player,
.widget-mpris-album-art {
border-radius: 0;
box-shadow: none;
padding: 5px 10px;
margin: 10px 0 0 0;
}