- dark mode

- fixes
This commit is contained in:
Peter Papp
2021-05-17 10:00:01 +02:00
parent 04a1f88abb
commit b16b8b87cc
7 changed files with 888 additions and 734 deletions
@@ -827,4 +827,21 @@
gap: 0;
}
}
@media (prefers-color-scheme: dark) {
.summary-list {
background: $dark_mode_foreground;
.is-offset {
border-top: 1px solid lighten($dark_mode_foreground, 5%);
}
.row {
&.row-summary {
border-top: 1px solid lighten($dark_mode_foreground, 5%);
}
}
}
}
</style>
@@ -215,7 +215,7 @@
</div>
</div>
<ButtonBase :disabled="isLoading" @click.native="deleteInvoice" button-style="secondary" class="next-submit">
<ButtonBase :disabled="isLoading" @click.native="deleteInvoice" button-style="secondary" class="next-submit delete-dark">
{{ $t('in.form.delete_invoice') }}
</ButtonBase>
@@ -684,4 +684,25 @@
gap: 0;
}
}
@media (prefers-color-scheme: dark) {
.summary-list {
background: $dark_mode_foreground;
.delete-dark {
background: lighten($dark_mode_foreground, 5%);
}
.is-offset {
border-top: 1px solid lighten($dark_mode_foreground, 5%);
}
.row {
&.row-summary {
border-top: 1px solid lighten($dark_mode_foreground, 5%);
}
}
}
}
</style>
@@ -132,12 +132,12 @@
},
deleteItem() {
if (this.$isThisLocation(['regular-invoice', 'advance-invoice']) && this.clipboard.length > 0) {
this.deleteInvoice(this.clipboard[0])
if (this.$isThisLocation(['regular-invoice', 'advance-invoice'])) {
this.$deleteInvoice(this.clipboard[0])
}
if (this.$isThisLocation('clients') && this.clipboard.length > 0) {
this.deleteClient(this.clipboard[0])
if (this.$isThisLocation('clients')) {
this.$deleteClient(this.clipboard[0])
}
},
editItem() {
+30 -10
View File
@@ -471,6 +471,36 @@
}
}
.duplicator {
.duplicator-item {
background: $dark_mode_foreground;
input[type="text"],
input[type="number"] {
background: $dark_mode_foreground;
border-bottom: 1px solid lighten($dark_mode_foreground, 10%);
&:focus, &.is-error {
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
}
label {
opacity: 0.45;
}
}
}
.windows {
::-webkit-scrollbar-thumb {
border: 6px solid transparent;
background: $dark_mode_foreground !important;
background-clip: padding-box !important ;
}
}
}
.info-box-wrapper {
@@ -498,14 +528,4 @@
border-radius: 25px;
background-clip: padding-box ;
}
}
@media (prefers-color-scheme: dark) {
.windows {
::-webkit-scrollbar-thumb {
border: 6px solid transparent;
background: $dark_mode_foreground !important;
background-clip: padding-box !important ;
}
}
}