make input placeholder colour lighter in light mode

CHANGELOG.md

@@ -21,6 +21,7 @@ All notable changes to `homebridge-config-ui-x` will be documented in this file.
 - offer to unpair child bridges when uninstalling plugins
 - offer to set up a child bridge immediately after configuring a new plugin
 - lang: clarify cached is removed when unpairing bridge
+- make input placeholder colour lighter in light mode
 - updates to `pl` language file (#2181, #2189) (@mkz212)
 - updates to `th` language file (#2182) (@tomzt)
 

package.json

@@ -121,11 +121,11 @@
     "unzipper": "0.12.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.7.1",
+    "@antfu/eslint-config": "^3.7.2",
     "@nestjs/testing": "^10.4.4",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.17.9",
-    "@types/node": "^22.7.0",
+    "@types/node": "^22.7.2",
     "@types/node-schedule": "^2.1.7",
     "@types/passport-jwt": "^4.0.1",
     "@types/semver": "^7.5.8",

ui/package.json

@@ -65,7 +65,7 @@
     "@types/emoji-js": "^3.5.2",
     "@types/file-saver": "^2.0.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.7.0",
+    "@types/node": "^22.7.2",
     "@types/qrcode": "^1.5.5",
     "@types/semver": "^7.5.8",
     "@types/socket.io-client": "^3.0.0",

ui/src/app/modules/settings/settings.component.html

@@ -194,7 +194,12 @@ <h5 class="primary-text">
     <li class="list-group-item d-block d-md-flex justify-content-between align-items-center">
       <span>
         <span class="text-monospace">DEBUG</span><br>
-        <small class="grey-text pr-2">{{ 'settings.service.debug_tooltip' | translate }}</small>
+        <small class="grey-text pr-2">
+          {{ 'settings.service.debug_tooltip' | translate }}
+          <a href="https://github.com/homebridge/homebridge-config-ui-x/wiki/Debug-Common-Values" target="_blank">
+            {{ 'form.button_more_info' | translate }} <i class="fa fa/fw fas fa-fw fa-external-link-alt"></i>
+          </a>
+        </small>
       </span>
       <div class="my-3 my-md-0 pl-0 pl-md-5 w-auto">
         <input class="form-control custom-input form-control-sm resp-input" formControlName="ENV_DEBUG" type="text"

ui/src/scss/themes/themes-light.scss

@@ -6,6 +6,11 @@
       background-color: $primary-dark !important;
     }
 
+    .form-control::placeholder {
+      color: #cdcdcd !important;
+      opacity: 1 !important;
+    }
+
     .hb-npm-search {
       border: 0 !important;
       background-color: #eeeeee !important;