Fixes #7266: Tweak font color for form field placeholder text

docs/release-notes/version-3.0.md

@@ -17,6 +17,7 @@
 * [#7226](https://github.com/netbox-community/netbox/issues/7226) - Exempt GraphQL API requests from CSRF inspection
 * [#7248](https://github.com/netbox-community/netbox/issues/7248) - Fix global search results section links
 * [#7279](https://github.com/netbox-community/netbox/issues/7279) - Fix exception when tracing cable with no associated path
+* [#7266](https://github.com/netbox-community/netbox/issues/7266) - Tweak font color for form field placeholder text
 
 ---
 

netbox/project-static/styles/select.scss

@@ -19,7 +19,7 @@ $spacing-s: $input-padding-x;
   --nbx-select-option-selected-bg: #{$gray-300};
   --nbx-select-option-hover-bg: #{$blue};
   --nbx-select-option-hover-color: #{$white};
-  --nbx-select-placeholder-color: #{$gray-600};
+  --nbx-select-placeholder-color: #{$gray-500};
   --nbx-select-value-color: #{$white};
   &[data-netbox-color-mode='dark'] {
     // Dark Mode Variables.
@@ -27,7 +27,7 @@ $spacing-s: $input-padding-x;
     --nbx-select-option-selected-bg: #{$gray-500};
     --nbx-select-option-hover-bg: #{$blue-200};
     --nbx-select-option-hover-color: #{color-contrast($blue-200)};
-    --nbx-select-placeholder-color: #{$gray-500};
+    --nbx-select-placeholder-color: #{$gray-700};
     --nbx-select-value-color: #{$black};
   }
 }

netbox/project-static/styles/theme-dark.scss

@@ -82,7 +82,7 @@ $input-border-color: $gray-700;
 $input-focus-bg: $input-bg;
 $input-focus-border-color: tint-color($component-active-bg, 10%);
 $input-focus-color: $input-color;
-$input-placeholder-color: $gray-300;
+$input-placeholder-color: $gray-700;
 $input-plaintext-color: $body-color;
 
 $form-check-input-active-filter: brightness(90%);

netbox/project-static/styles/theme-light.scss

@@ -40,6 +40,7 @@ $list-group-disabled-color: $gray-500;
 
 $table-flush-header-bg: $gray-100;
 
+$input-placeholder-color: $gray-500;
 $form-select-disabled-color: $gray-600;
 
 // Tabbed content