diff --git a/src/custom/Feedback/style.tsx b/src/custom/Feedback/style.tsx index 3d0c9d6fd..516ef7035 100644 --- a/src/custom/Feedback/style.tsx +++ b/src/custom/Feedback/style.tsx @@ -8,6 +8,7 @@ import { CHINESE_SILVER, CULTURED, DARK_JUNGLE_GREEN, + DARK_KEPPEL, DARK_PRIMARY_COLOR, DARK_SLATE_GRAY, KEPPEL, @@ -144,7 +145,10 @@ export const FeedbackSubmitButton = styled(Button)(({ isOpen }) => ( height: '2.25rem', textTransform: 'none', boxShadow: '0px 1px 8px rgba(0, 0, 0, 0.25)', - backgroundColor: isOpen ? buttonDisabled.main : KEPPEL + backgroundColor: isOpen ? buttonDisabled.main : KEPPEL, + '&:hover': { + backgroundColor: DARK_KEPPEL + } })); export const FeedbackButton = styled(Button)(({ theme, renderPosition }) => ({ @@ -189,7 +193,7 @@ const positionMap: Record< transform: 'rotate(-90deg) translateY(-50%)' }, 'right-bottom': { - bottom: '5%', + bottom: '10%', right: '-45px', transform: 'rotate(-90deg)' } diff --git a/src/theme/colors/colors.ts b/src/theme/colors/colors.ts index 0fda40ed0..32eee2b63 100644 --- a/src/theme/colors/colors.ts +++ b/src/theme/colors/colors.ts @@ -4,6 +4,7 @@ import { alpha } from '@mui/material'; * Define the base common colors to derive from */ export const KEPPEL = '#00B39F'; +export const DARK_KEPPEL = '#00A18F'; export const CARIBBEAN_GREEN = '#00D3A9'; export const TEAL_BLUE = '#477E96'; export const CHARCOAL = '#3C494F';