colors generations based on wallpaper

This commit is contained in:
2024-12-25 20:51:20 +01:00
parent d9177984de
commit b8eb109cdd
19 changed files with 552 additions and 67 deletions

View File

@@ -1,49 +1,51 @@
@import url("colors.css");
.control-center {
border-radius: 0 0 1em 1em;
background-color: rgba(49, 50, 68, 0.9);
border: 3px solid #cdd6f4;
background-color: @background;
border: 3px solid @primary;
border-top: none;
padding: 1em;
color: #cdd6f4;
color: @primary;
}
.control-center-clear-all {
border: 3px solid #b4befe;
border: 3px solid @primary;
border-radius: 5em;
box-shadow: inset #89dceb 0 0 0.5em;
box-shadow: inset @primary 0 0 0.5em;
}
.control-center-dnd {
background-color: #cba6f7;
background-color: @primary;
transition: 25ms linear;
}
.control-center-dnd:checked {
background-color: #f5c2e7;
background-color: @tertiary;
}
.control-center-dnd slider {
background-color: #6c7086;
border: 1px solid #6c7086;
box-shadow: inset #6c7086 0 0 0.5em;
background-color: @primary_container;
border: 1px solid @primary_container;
box-shadow: inset @primary_container 0 0 0.5em;
}
.notification {
border: 3px solid #cdd6f4;
border: 3px solid @surface_container;
border-radius: 1em;
background-color: rgba(49, 50, 68, 0.7);
background-color: @primary_container;
}
.notification-default-action {
box-shadow: inset #89dceb 0 0 0.5em;
box-shadow: inset @surface_container 0 0 0.5em;
}
.notification-default-action:hover {
background-color: rgba(49, 50, 68, 0.8);
box-shadow: inset #89dceb 0 0 0.5em;
background-color: @primary_container;
box-shadow: inset @surface 0 0 0.5em;
}
.close-button {
border: 3px solid #cdd6f4;
box-shadow: inset #89dceb 0 0 0.5em;
border: 3px solid @on_primary_container;
box-shadow: inset @on_primary_container 0 0 0.5em;
}