fix: set input placeholder text color to higher contrast (#708)

npm · Sep 22, 2023 · 7cae09f · 7cae09f
1 parent 260a226
commit 7cae09f
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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>