aboutsummaryrefslogtreecommitdiff
path: root/src/components/style_switcher
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2020-01-13 00:33:04 +0200
committerHenry Jameson <me@hjkos.com>2020-01-13 00:33:04 +0200
commit8f63bbb64fa2860e73d8562de9d6c62629a8668f (patch)
treeee2066f48a630f1d067bcd4d245fb32f25960fe7 /src/components/style_switcher
parent40ba3e225209539639b65c2f636fa1b5af9861ff (diff)
poll slot renamed, lightBg customization implemented
Diffstat (limited to 'src/components/style_switcher')
-rw-r--r--src/components/style_switcher/style_switcher.vue27
1 files changed, 25 insertions, 2 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index e0894b6d..1381f1fb 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -414,7 +414,7 @@
/>
<ColorInput
v-model="pollTextColorLocal"
- name="poll"
+ name="pollText"
:label="$t('settings.text')"
:fallback="previewTheme.colors.pollText"
/>
@@ -423,11 +423,34 @@
<h4>{{ $t('settings.style.advanced_colors.icons') }}</h4>
<ColorInput
v-model="iconColorLocal"
- name="poll"
+ name="icon"
:label="$t('settings.style.advanced_colors.icons')"
:fallback="previewTheme.colors.icon"
/>
</div>
+ <div class="color-item">
+ <h4>{{ $t('settings.style.advanced_colors.lightBg') }}</h4>
+ <ColorInput
+ v-model="lightBgColorLocal"
+ name="lightBg"
+ :label="$t('settings.style.advanced_colors.lightBg')"
+ :fallback="previewTheme.colors.lightBg"
+ />
+ <ColorInput
+ v-model="lightBgTextColorLocal"
+ name="lightBgText"
+ :label="$t('settings.text')"
+ :fallback="previewTheme.colors.lightBgText"
+ />
+ <ContrastRatio :contrast="previewContrast.lightBgText" />
+ <ColorInput
+ v-model="lightBgLinkColorLocal"
+ name="lightBgLink"
+ :label="$t('settings.links')"
+ :fallback="previewTheme.colors.lightBgLink"
+ />
+ <ContrastRatio :contrast="previewContrast.lightBgLink" />
+ </div>
</div>
<div