colour updates to match design

bcgov · Sep 3, 2024 · 2132252 · 2132252
1 parent 6d2243d
commit 2132252
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/web/src/app/theme.ts b/web/src/app/theme.ts
@@ -96,8 +96,8 @@ export const DARK_GREY = '#A7A7A7'
 export const LIGHT_GREY = '#DADADA'
 export const MEDIUM_GREY = '#B5B5B5'
 
-export const INFO_PANEL_HEADER_BACKGROUND = '#e4e4e5'
-export const INFO_PANEL_CONTENT_BACKGROUND = '#f0f0f0'
+export const INFO_PANEL_HEADER_BACKGROUND = '#BFBFBF'
+export const INFO_PANEL_CONTENT_BACKGROUND = '#EEEEEE'
 export const TRANSPARENT_COLOUR = '#0000'
 
 interface WeatherParams {

diff --git a/web/src/features/fba/components/AboutDataPopover.tsx b/web/src/features/fba/components/AboutDataPopover.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
 import Popover from '@mui/material/Popover'
 import Typography from '@mui/material/Typography'
 import InfoIcon from '@mui/icons-material/Info'
-import { theme } from 'app/theme'
+import { INFO_PANEL_CONTENT_BACKGROUND, theme } from 'app/theme'
 
 interface AboutDataProps {
   advisoryThreshold: number
@@ -42,7 +42,7 @@ const AboutDataPopover = ({ advisoryThreshold }: AboutDataProps) => {
         }}
         onClose={handlePopoverClose}
         disableRestoreFocus
-        slotProps={{ paper: { sx: { maxWidth: 350, backgroundColor: '#EEEEEE' } } }}
+        slotProps={{ paper: { sx: { maxWidth: 350, backgroundColor: INFO_PANEL_CONTENT_BACKGROUND } } }}
       >
         <Typography
           sx={{