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

View File

@@ -64,12 +64,12 @@
.title {
max-width: 100%;
font-size: 28px;
font-size: 32px;
line-height: 1.25;
margin-bottom: 15px;
/deep/ span {
font-size: 28px;
font-size: 32px;
}
}

View File

@@ -41,7 +41,7 @@
axios.get('/api/public/pricing')
.then(response => {
this.plans = response.data
this.$emit('load', false)
this.$emit('load', response.data)
})
}
}
@@ -138,4 +138,52 @@
}
}
}
@media (prefers-color-scheme: dark) {
.plans-wrapper {
background: $dark_mode_foreground;
}
.plan {
border-color: $dark_mode_border_color;
.plan-wrapper {
background: $dark_mode_foreground;
}
.plan-header {
.title {
color: $dark_mode_text_primary;
}
.description {
color: $dark_mode_text_secondary;
}
}
.plan-features {
.storage-size {
color: $dark_mode_text_primary;
}
.storage-description {
color: $dark_mode_text_primary;
}
}
.plan-footer {
.sign-in-button {
background: rgba($theme, 0.1);
/deep/ .content {
color: $theme;
}
}
}
}
}
</style>