diff --git a/frontend_nuxt/assets/global.css b/frontend_nuxt/assets/global.css index 294f21e43..0cd7713de 100644 --- a/frontend_nuxt/assets/global.css +++ b/frontend_nuxt/assets/global.css @@ -34,6 +34,7 @@ --page-max-width-mobile: 900px; --article-info-background-color: #f0f0f0; --activity-card-background-color: #fafafa; + --poll-option-button-background-color: rgb(218, 218, 218); } [data-theme='dark'] { @@ -61,6 +62,7 @@ --blockquote-text-color: #999; --article-info-background-color: #747373; --activity-card-background-color: #585858; + --poll-option-button-background-color: #3a3a3a; } :root[data-frosted='off'] { diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue index c6a8f2a2b..97630fee3 100644 --- a/frontend_nuxt/pages/posts/[id]/index.vue +++ b/frontend_nuxt/pages/posts/[id]/index.vue @@ -1291,7 +1291,7 @@ onMounted(async () => { color: var(--text-color); padding: 5px 10px; border-radius: 8px; - background-color: rgb(218, 218, 218); + background-color: var(--poll-option-button-background-color); cursor: pointer; width: fit-content; }