mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-29 19:25:57 +00:00
dark mode update
This commit is contained in:
Vendored
+16
-1
@@ -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
@@ -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
@@ -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
@@ -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%;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user