diff --git a/src/client/app/common/views/components/poll-editor.vue b/src/client/app/common/views/components/poll-editor.vue
index 7f52c62c232e68580ac47ae973d4feb2773f3d43..b5c57d48a517cbcc64f28c4131d62167daacf873 100644
--- a/src/client/app/common/views/components/poll-editor.vue
+++ b/src/client/app/common/views/components/poll-editor.vue
@@ -68,9 +68,7 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-
-
-root(isDark)
+.mk-poll-editor
 	padding 8px
 
 	> .caution
@@ -104,7 +102,7 @@ root(isDark)
 				width 300px
 				font-size 14px
 				color var(--inputText)
-				background isDark ? #191b22 : #fff
+				background var(--pollEditorInputBg)
 				border solid 1px var(--primaryAlpha01)
 				border-radius 4px
 
@@ -142,10 +140,4 @@ root(isDark)
 		&:active
 			color var(--primaryDarken30)
 
-.mk-poll-editor[data-darkmode]
-	root(true)
-
-.mk-poll-editor:not([data-darkmode])
-	root(false)
-
 </style>
diff --git a/src/client/theme/dark.json b/src/client/theme/dark.json
index 3d3c9b37c79108545ee8a29a54c5a636283b7999..8700d396a8d8c69bba4f2ddc729dfc5e836d35f4 100644
--- a/src/client/theme/dark.json
+++ b/src/client/theme/dark.json
@@ -77,6 +77,8 @@
 
 	"reactionViewerBorder": "rgba(255, 255, 255, 0.1)",
 
+	"pollEditorInputBg": "rgba(0, 0, 0, 0.25)",
+
 	"urlPreviewBorder": "rgba(0, 0, 0, 0.4)",
 	"urlPreviewBorderHover": "rgba(255, 255, 255, 0.2)",
 	"urlPreviewTitle": "$text",
diff --git a/src/client/theme/light.json b/src/client/theme/light.json
index d4dd24654227e7f80fb5a8b9e1dce5bb1d912c4a..d55b75ab08814e88489958e9604cbf6af0fdf076 100644
--- a/src/client/theme/light.json
+++ b/src/client/theme/light.json
@@ -77,6 +77,8 @@
 
 	"reactionViewerBorder": "rgba(0, 0, 0, 0.1)",
 
+	"pollEditorInputBg": "#fff",
+
 	"urlPreviewBorder": "rgba(0, 0, 0, 0.1)",
 	"urlPreviewBorderHover": "rgba(0, 0, 0, 0.2)",
 	"urlPreviewTitle": "$text",