diff --git a/web/styles/app_components.css b/web/styles/app_components.css
index 7c31aa5479..f3ae9a1721 100644
--- a/web/styles/app_components.css
+++ b/web/styles/app_components.css
@@ -1126,7 +1126,7 @@ input.settings_text_input {
 
 .filter_text_input {
     padding: 4px 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border: 1px solid hsl(0deg 0% 80%);
     transition:
         border-color linear 0.2s,
diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 9cca6182c1..271dc6116f 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -121,7 +121,6 @@
     #organization-settings .dropdown-widget-button {
         background-color: hsl(0deg 0% 0% / 20%);
         border-color: hsl(0deg 0% 0% / 60%);
-        color: inherit;
     }
 
     .popover-filter-input-wrapper .popover-filter-input:focus {
diff --git a/web/styles/modal.css b/web/styles/modal.css
index c010ceb7f4..f87501ad37 100644
--- a/web/styles/modal.css
+++ b/web/styles/modal.css
@@ -400,7 +400,7 @@
 .modal_select {
     width: var(--modal-input-width);
     padding: 4px 25px 4px 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     cursor: pointer;
@@ -436,7 +436,7 @@
 .modal_url_input,
 .modal_text_input {
     padding: 4px 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
diff --git a/web/styles/settings.css b/web/styles/settings.css
index 528c47a43b..b164249237 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -309,7 +309,7 @@ h3,
 .settings_select,
 .list_select {
     padding: 0 25px 0 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     cursor: pointer;
@@ -911,13 +911,13 @@ input[type="checkbox"] {
 
 #organization-permissions {
     .dropdown-widget-button {
-        color: hsl(0deg 0% 33%);
+        color: var(--color-text-default);
     }
 }
 
 #organization-settings {
     .dropdown-widget-button {
-        color: hsl(0deg 0% 33%);
+        color: var(--color-text-default);
     }
 }
 
@@ -1611,7 +1611,7 @@ label.preferences-radio-choice-label {
 .time-limit-custom-input,
 .realm_jitsi_server_url_custom_input {
     padding: 4px 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border: 1px solid hsl(0deg 0% 80%);
     transition:
         border-color linear 0.2s,
@@ -1836,7 +1836,7 @@ label.preferences-radio-choice-label {
 }
 
 .settings_textarea {
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     background-color: hsl(0deg 0% 100%);
     border-radius: 4px;
     vertical-align: middle;
@@ -2259,7 +2259,7 @@ label.preferences-radio-choice-label {
 .settings_url_input,
 .settings_text_input {
     padding: 4px 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
diff --git a/web/styles/widgets.css b/web/styles/widgets.css
index edbd68b54a..ab60c0350f 100644
--- a/web/styles/widgets.css
+++ b/web/styles/widgets.css
@@ -130,7 +130,7 @@
         border: 1px solid hsl(0deg 0% 80%);
         box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
         border-radius: 4px;
-        color: hsl(0deg 0% 33%);
+        color: var(--color-text-default);
 
         &:focus {
             border-color: hsl(206deg 80% 62% / 80%);
diff --git a/web/styles/zulip.css b/web/styles/zulip.css
index 11ee8a3d04..866b7439ef 100644
--- a/web/styles/zulip.css
+++ b/web/styles/zulip.css
@@ -986,7 +986,7 @@ div.focused-message-list.is-conversation-view .recipient_row {
     flex: 1;
     line-height: 1.2142em;
     padding: 0 5px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
 
@@ -1344,7 +1344,7 @@ div.toggle_resolve_topic_spinner .loading_indicator_spinner {
     margin-right: 15px;
 
     padding: 4px 6px;
-    color: hsl(0deg 0% 33%);
+    color: var(--color-text-default);
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);