Fixed announcement banner text in dark mode (keystonejs#7036)

closes keystonejs#7035
kekewind · Dec 16, 2021 · 671e966 · 671e966
1 parent 6742d65
commit 671e966
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/docs/components/Announce.tsx b/docs/components/Announce.tsx
@@ -19,11 +19,12 @@ export function Announce({ children, ...props }: AnnounceProps) {
         // special styling (orange gradient)
         backgroundColor: 'var(--grad4-2)',
         backgroundImage: `linear-gradient(116.01deg, var(--grad2-2), var(--grad2-1))`,
-        color: 'var(--brand-text)',
+        // color: 'var(--brand-text)',
+        color: 'var(--app-bg)', // ensures dark mode works with the gradient background
         padding: '1rem',
         textAlign: 'center',
         '& a': {
-          color: 'var(--brand-text)',
+          color: 'var(--app-bg)',
           textDecoration: 'underline',
         },
       }}