diff --git a/src/components/poll/poll.vue b/src/components/poll/poll.vue index db8e33b3..56e91cca 100644 --- a/src/components/poll/poll.vue +++ b/src/components/poll/poll.vue @@ -104,8 +104,10 @@ .result-fill { height: 100%; position: absolute; + color: $fallback--text; + color: var(--pollText, $fallback--text); background-color: $fallback--lightBg; - background-color: var(--linkBg, $fallback--lightBg); + background-color: var(--poll, $fallback--lightBg); border-radius: $fallback--panelRadius; border-radius: var(--panelRadius, $fallback--panelRadius); top: 0; diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index ff6a8264..e0894b6d 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -215,20 +215,20 @@ :label="$t('settings.text')" :fallback="previewTheme.colors.alertErrorText" /> - + - +

{{ $t('settings.style.advanced_colors.badge') }}

@@ -238,6 +238,13 @@ :label="$t('settings.style.advanced_colors.badge_notification')" :fallback="previewTheme.colors.badgeNotification" /> + +

{{ $t('settings.style.advanced_colors.panel_header') }}

@@ -388,7 +395,7 @@ v-model="underlayColorLocal" name="underlay" :label="$t('settings.style.advanced_colors.underlay')" - fallback="#000000" + :fallback="previewTheme.colors.underlay" />
+
+

{{ $t('settings.style.advanced_colors.poll') }}

+ + +
+
+

{{ $t('settings.style.advanced_colors.icons') }}

+ +
brightness(2 * mod, fg).rgb }, - linkBg: { + poll: { depends: ['accent', 'bg'], - color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg).rgb + color: (mod, accent, bg) => alphaBlend(accent, 0.4, bg) + }, + pollText: { + depends: ['text'], + layer: 'poll', + textColor: true }, icon: {