💄 Apply default normal style #2008

equinor · Dec 19, 2023 · c1c5cc5 · c1c5cc5
1 parent 926932c
commit c1c5cc5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/web/components/src/Backgrounds/BackgroundContainer.test.tsx b/web/components/src/Backgrounds/BackgroundContainer.test.tsx
@@ -30,15 +30,7 @@ describe(`The background container supports different colours from Sanity's colo
     expect(container.firstChild).toHaveStyle(`--background-color: var(--bg-mist-blue)`)
   })
   it('it can be slate blue (default)', () => {
-    const { container } = render(<BackgroundContainer background="Slate Blue" />)
-    expect(container.firstChild).toHaveStyle(`--background-color: var(--bg-slate-blue)`)
-  })
-  it('Add a class for inverted if the background is so dark that the text must be light for contrast', () => {
-    const { container } = render(<BackgroundContainer background="Slate Blue" />)
-    expect(container.firstChild).toHaveClass('inverted-background')
-  })
-  it('Add a class for inverted if the background is so dark that the text must be light for contrast', () => {
     const { container } = render(<BackgroundContainer background="Mid Blue" />)
-    expect(container.firstChild).toHaveClass('inverted-background')
+    expect(container.firstChild).toHaveStyle(`--background-color: var(--bg-mid-blue)`)
   })
 })
diff --git a/web/styles/globalStyles.ts b/web/styles/globalStyles.ts
@@ -4,10 +4,14 @@ import { colors, typography, spacings, componentSettings, strictLineBreak } from
 import { generic } from './generic'
 import { elements } from './elements'
 import { cookieBot, algolia } from './components'
+import { normalStyle } from './backgroundThemes'
 
 /* We use ITCSS to structure the (few) global styles we need */
 export const GlobalStyle = createGlobalStyle`
   /* Settings */
+  :root{
+  ${normalStyle}
+  }
   ${colors}
   ${typography}
   ${strictLineBreak}