From 7cae09fe7a2dab59cffa099d7bcc4aaa574e9b57 Mon Sep 17 00:00:00 2001
From: Luke Karrys <luke@lukekarrys.com>
Date: Fri, 22 Sep 2023 15:10:42 -0700
Subject: [PATCH] fix: set input placeholder text color to higher contrast
 (#708)

---
 theme/src/components/wrap-page-element.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/theme/src/components/wrap-page-element.js b/theme/src/components/wrap-page-element.js
index 7c177bc910f..5abc689c7db 100644
--- a/theme/src/components/wrap-page-element.js
+++ b/theme/src/components/wrap-page-element.js
@@ -1,10 +1,18 @@
 import {BaseStyles} from '@primer/components'
 import React from 'react'
 import SkipLink from './skip-link'
+import {createGlobalStyle} from 'styled-components'
+
+const GlobalStyle = createGlobalStyle`
+  ::placeholder {
+    color: #dddddd;
+  }
+`
 
 function wrapPageElement({element}) {
   return (
     <BaseStyles>
+      <GlobalStyle />
       <SkipLink />
       {element}
     </BaseStyles>