diff --git a/client/components/admin/admin-dashboard.vue b/client/components/admin/admin-dashboard.vue index 555c26e4..52f37a51 100644 --- a/client/components/admin/admin-dashboard.vue +++ b/client/components/admin/admin-dashboard.vue @@ -53,7 +53,7 @@ .body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}} .body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}} v-flex(xs12, xl6) - v-card.radius-7 + v-card.radius-7.animated.fadeInUp.wait-p2s v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Recent Pages v-data-table.pb-2( :items='recentPages' @@ -70,7 +70,7 @@ .caption: strong Updated {{ props.item.updatedAt | moment('from') }} .caption Created {{ props.item.createdAt | moment('calendar') }} v-flex(xs12, xl6) - v-card.radius-7 + v-card.radius-7.animated.fadeInUp.wait-p4s v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Most Popular Pages v-data-table.pb-2( :items='popularPages' @@ -88,7 +88,7 @@ .caption Created {{ props.item.createdAt | moment('calendar') }} v-flex(xs12) - v-card.dashboard-contribute + v-card.dashboard-contribute.animated.fadeInUp.wait-p4s v-card-text img(src='/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;') .pl-3 diff --git a/client/scss/base/base.scss b/client/scss/base/base.scss index f414c539..a93ddef5 100644 --- a/client/scss/base/base.scss +++ b/client/scss/base/base.scss @@ -1,7 +1,6 @@ html { box-sizing: border-box; height: 100%; - background-color: mc('grey', '900'); } *, *:before, *:after { box-sizing: inherit; diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss index fc1eecd9..d0c2bfc9 100644 --- a/client/themes/default/scss/app.scss +++ b/client/themes/default/scss/app.scss @@ -616,6 +616,20 @@ } } + @at-root .theme--dark & { + background-color: mc('grey', '900'); + border-color: mc('grey', '700'); + + summary { + background-color: mc('grey', '900'); + border-color: mc('grey', '700'); + } + + &[open] summary { + background-color: lighten(mc('grey', '900'), 5%); + } + } + } }