colors generations based on wallpaper
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user