72 lines
1.7 KiB
CSS
72 lines
1.7 KiB
CSS
@define-color bg #0f0b15;
|
|
@define-color bg-secondary #1d202f;
|
|
@define-color fg #ffffff;
|
|
@define-color fg_alt #bf8a9f;
|
|
@define-color fg_dim #807c9f;
|
|
@define-color bg #0f0b15;
|
|
@define-color bg_secondary #1d202f;
|
|
@define-color grey #807c9f;
|
|
@define-color grey_bright #807c9f;
|
|
@define-color red #f47359;
|
|
@define-color red_bright #ff6a7a;
|
|
@define-color red_subtle_bg #67182f;
|
|
@define-color green #29a444;
|
|
@define-color green_bright #00a392;
|
|
@define-color green_subtle_bg #10452f;
|
|
@define-color yellow #b58a52;
|
|
@define-color yellow_bright #df9080;
|
|
@define-color yellow_brighter #FCC1B6;
|
|
@define-color yellow_subtle_bg #54362a;
|
|
@define-color blue #3f95f6;
|
|
@define-color blue_bright #029fff;
|
|
@define-color blue_subtle_bg #2a346e;
|
|
@define-color blue_subtle_dark_bg #003045;
|
|
@define-color magenta #d369af;
|
|
@define-color magenta_bright #af85ea;
|
|
@define-color magenta_brighter #c57faf;
|
|
@define-color magenta_subtle_bg #572454;
|
|
@define-color magenta_subtle_bg_darker #331531;
|
|
@define-color cyan #4fbaef;
|
|
@define-color cyan_bright #35afbf;
|
|
@define-color cyan_subtle_bg #133d56;
|
|
@define-color silver #b8c6d5;
|
|
@define-color silver_bright #ffffff;
|
|
|
|
.control-center {
|
|
border-radius: 0;
|
|
background: @bg;
|
|
color: @fg;
|
|
}
|
|
|
|
.control-center-list-placeholder {
|
|
opacity: 0;
|
|
}
|
|
|
|
.control-center-list {
|
|
background: transparent;
|
|
}
|
|
|
|
.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;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.close-button:hover {
|
|
background: @red_subtle_bg;
|
|
color: @red_bright;
|
|
box-shadow: none;
|
|
}
|