diff --git a/packages/feedback/src/core/createMainStyles.ts b/packages/feedback/src/core/createMainStyles.ts index 95541ab4b06b..68ac751b8584 100644 --- a/packages/feedback/src/core/createMainStyles.ts +++ b/packages/feedback/src/core/createMainStyles.ts @@ -27,7 +27,7 @@ const DEFAULT_DARK: InternalTheme = { accentBackground: PURPLE, successColor: '#2da98c', errorColor: '#f55459', - border: '1.5px solid rgba(41, 35, 47, 0.5)', + border: '1.5px solid rgba(235, 230, 239, 0.15)', boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)', outline: '1px auto var(--accent-background)', interactiveFilter: 'brightness(150%)', @@ -66,6 +66,8 @@ export function createMainStyles({ colorScheme, themeDark, themeLight }: Feedbac font-family: var(--font-family); font-size: var(--font-size); + ${colorScheme !== 'system' ? 'color-scheme: only light;' : ''} + ${getThemedCssVariables( colorScheme === 'dark' ? { ...DEFAULT_DARK, ...themeDark } : { ...DEFAULT_LIGHT, ...themeLight }, )}