dark mode update

This commit is contained in:
carodej
2020-07-09 10:56:17 +02:00
parent a43f0e6908
commit 5a9f5813c8
89 changed files with 1633 additions and 912 deletions
+16 -1
View File
@@ -274,7 +274,7 @@
.cell-item {
white-space: nowrap;
color: $text;
//color: $text;
font-weight: 700;
}
}
@@ -350,6 +350,7 @@
&.horizontal {
border-bottom: 2px solid $dark_mode_border_color;
background: $dark_mode_background;
}
.menu-list-item {
@@ -391,4 +392,18 @@
}
}
}
.table {
.action-icons {
.icon {
circle, path, line, polyline {
stroke: $dark_mode_text_primary;
}
}
}
}
}
+7
View File
@@ -1,6 +1,13 @@
@import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins';
.auth-logo-text {
@include font-size(22);
font-weight: 800;
margin-bottom: 40px;
display: block;
}
.auth-form {
text-align: center;
max-width: 600px;
+14
View File
@@ -237,12 +237,26 @@ input[type="email"] {
.form {
.input-help {
color: $dark_mode_text_secondary;
}
&.block-form {
.block-wrapper label {
color: $dark_mode_text_primary;
}
}
.inline-wrapper {
.switch-label {
.input-label {
color: $dark_mode_text_primary;
}
}
}
}
textarea,
+2 -6
View File
@@ -4,10 +4,6 @@
padding-left: 25px;
padding-right: 25px;
.page-content {
margin-bottom: 80px;
}
&.large {
width: 1490px;
}
@@ -45,8 +41,8 @@
@media only screen and (max-width: 960px) {
.page-wrapper {
padding-left: 25px;
padding-right: 25px;
padding-left: 35px;
padding-right: 35px;
&.small {
width: 100%;
+14
View File
@@ -84,4 +84,18 @@
100% {
transform: rotate(360deg);
}
}
@media (prefers-color-scheme: dark) {
.duplicator {
.duplicator-item {
background: $dark_mode_foreground;
input,
textarea {
background: $dark_mode_background;
}
}
}
}