diff --git a/src/features/colorTheme/components/ColorThemeButton.vue b/src/features/colorTheme/components/ColorThemeButton.vue
index 728e1ba..2873f4d 100644
--- a/src/features/colorTheme/components/ColorThemeButton.vue
+++ b/src/features/colorTheme/components/ColorThemeButton.vue
@@ -60,6 +60,7 @@ const colorThemeIconMapper = {
     display: flex;
     align-items: center;
     justify-content: center;
+    color: var(--dark);
 }
 
 .color-theme-button:hover {