|
@@ -42,21 +42,29 @@ body {
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
|
|
|
+.night-mode .toast {
|
|
|
+ background-color: rgb(51, 51, 51) !important;
|
|
|
+ color: #fff !important;
|
|
|
+ border: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
.toast {
|
|
|
user-select: none;
|
|
|
z-index: 10000 !important;
|
|
|
- border-radius: 2px;
|
|
|
cursor: pointer;
|
|
|
- position: relative;
|
|
|
top: 0;
|
|
|
height: auto;
|
|
|
- background-color: #323232;
|
|
|
- color: #fff;
|
|
|
padding: 10px 25px;
|
|
|
font-size: 1rem;
|
|
|
font-weight: 300;
|
|
|
width: var(--max-width);
|
|
|
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
|
+ position: relative;
|
|
|
+ border: 1px solid rgb(195, 193, 195);
|
|
|
+ box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: .25rem;
|
|
|
+ line-height: 1.4;
|
|
|
+ font-family: sans-serif;
|
|
|
}
|
|
|
|
|
|
.toast:not(:first-of-type) {
|