diff --git a/resources/js/components/SMInput.vue b/resources/js/components/SMInput.vue
index 27291b9..d42a97c 100644
--- a/resources/js/components/SMInput.vue
+++ b/resources/js/components/SMInput.vue
@@ -730,4 +730,18 @@ const handleMediaSelect = async () => {
         }
     }
 }
+
+@media (prefers-color-scheme: dark) {
+    .control-group.control-type-input {
+        .control-row {
+            .control-item {
+                .input-control {
+                    &:disabled {
+                        background-color: hsl(0, 0%, 8%);
+                    }
+                }
+            }
+        }
+    }
+}
 </style>