diff --git a/resources/css/app.css b/resources/css/app.css
index 400b4a9a0..a15281973 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -872,7 +872,7 @@ html[data-theme="custom"] {
     --theme-bright-color: color-mix(in srgb, var(--theme-base-color) 85%, white);
     --theme-scrollbar-thumb: color-mix(in srgb, var(--theme-bright-color) 70%, var(--theme-accent-foreground));
     --theme-border-color: color-mix(in oklab, var(--theme-base-color) 42%, #52525b);
-    --theme-placeholder-color: color-mix(in srgb, white 82%, var(--theme-base-color));
+    --theme-placeholder-color: color-mix(in srgb, white 20%, var(--theme-base-color));
     --color-accent: var(--theme-bright-color);
     --color-coollabs: var(--theme-bright-color);
     --color-coollabs-100: color-mix(in oklab, var(--theme-bright-color) 88%, white);
@@ -966,7 +966,7 @@ html[data-theme="custom"] [class~="dark:bg-white/[0.025]"] {
 html[data-theme="custom"] input::placeholder,
 html[data-theme="custom"] textarea::placeholder {
     color: var(--theme-placeholder-color) !important;
-    opacity: 1;
+    opacity: 0.7;
 }
 
 html[data-theme="custom"] input:read-only,
diff --git a/tests/Feature/AppearanceThemeTest.php b/tests/Feature/AppearanceThemeTest.php
index e0d3fda8e..a7990b717 100644
--- a/tests/Feature/AppearanceThemeTest.php
+++ b/tests/Feature/AppearanceThemeTest.php
@@ -40,7 +40,7 @@ test('custom color theme is available and applied across theme controls', functi
         ->toContain('html[data-theme="custom"] .control-selected')
         ->toContain('--theme-scrollbar-thumb: color-mix(in srgb, var(--theme-bright-color) 70%, var(--theme-accent-foreground));')
         ->toContain('--theme-border-color: color-mix(in oklab, var(--theme-base-color) 42%, #52525b);')
-        ->toContain('--theme-placeholder-color: color-mix(in srgb, white 82%, var(--theme-base-color));')
+        ->toContain('--theme-placeholder-color: color-mix(in srgb, white 20%, var(--theme-base-color));')
         ->toContain('html[data-theme="custom"] *')
         ->toContain('scrollbar-color: var(--theme-scrollbar-thumb) var(--color-panel);')
         ->toContain('html[data-theme="custom"] *::-webkit-scrollbar-thumb')
@@ -72,6 +72,7 @@ test('custom color theme is available and applied across theme controls', functi
         ->toContain('border-color: var(--coollabs-hairline) !important;')
         ->toContain('html[data-theme="custom"] input::placeholder')
         ->toContain('color: var(--theme-placeholder-color) !important;')
+        ->toMatch('/html\[data-theme="custom"\] input::placeholder,[^{]+\{[^}]*opacity: 0\.7;/s')
         ->toContain('html[data-theme="custom"] input:read-only')
         ->and($deploymentLogs)
         ->toContain('dark:bg-log')