fix disabled classes

src/App.scss

@@ -553,6 +553,7 @@ textarea {
   &[disabled="disabled"],
   &.disabled {
     cursor: not-allowed;
+    color: var(--textFaint);
   }
 
   &[type="range"] {

src/components/settings_modal/helpers/choice_setting.vue

@@ -2,6 +2,7 @@
   <label
     v-if="matchesExpertLevel"
     class="ChoiceSetting"
+    :class="{ 'faint': shouldBeDisabled }"
   >
     <template v-if="backendDescriptionLabel">
       {{ backendDescriptionLabel }}
@@ -12,7 +13,7 @@
     {{ ' ' }}
     <Select
       :model-value="realDraftMode ? draft : state"
-      :disabled="disabled"
+      :disabled="shouldBeDisabled"
       @update:model-value="update"
     >
       <option

src/components/settings_modal/helpers/string_setting.vue

@@ -20,6 +20,7 @@
     <input
       :id="path"
       class="input string-input"
+      :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :value="realDraftMode ? draft : state"
       @change="update"