aboutsummaryrefslogtreecommitdiff
path: root/src/components/style_switcher/style_switcher.vue
diff options
context:
space:
mode:
authorkaniini <nenolod@gmail.com>2018-08-20 00:03:35 +0000
committerkaniini <nenolod@gmail.com>2018-08-20 00:03:35 +0000
commit9982376f9a316a5e4224ea44c7392b272f5549d1 (patch)
treef966aa0c653014bda62ac76ea521cc7aa8aeab61 /src/components/style_switcher/style_switcher.vue
parent65dfceae59de8c0a8d79168f345d16942695c573 (diff)
parent2a87e29180641621301a9e04bc2f493e01f4ca33 (diff)
Merge branch 'feature/theme-export-import' into 'develop'
Theme import & export Closes #119 See merge request pleroma/pleroma-fe!290
Diffstat (limited to 'src/components/style_switcher/style_switcher.vue')
-rw-r--r--src/components/style_switcher/style_switcher.vue10
1 files changed, 10 insertions, 0 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index 112bbc1e..59bd2971 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -11,6 +11,11 @@
<i class="icon-down-open"/>
</label>
</div>
+ <div>
+ <button class="btn" @click="exportCurrentTheme">{{ $t('settings.export_theme') }}</button>
+ <button class="btn" @click="importTheme">{{ $t('settings.import_theme') }}</button>
+ <p v-if="invalidThemeImported" class="import-warning">{{ $t('settings.invalid_theme_imported') }}</p>
+ </div>
<div class="color-container">
<p>{{$t('settings.theme_help')}}</p>
<div class="color-item">
@@ -134,6 +139,11 @@
margin-right: 1em;
}
+.import-warning {
+ color: $fallback--cRed;
+ color: var(--cRed, $fallback--cRed);
+}
+
.radius-container,
.color-container {
display: flex;