From ceeb439cf7fdf7667f3c04c433be20358bb3f0d4 Mon Sep 17 00:00:00 2001 From: Ryan Albrecht Date: Mon, 20 May 2024 13:26:45 -0700 Subject: [PATCH] fix(feedback): Improve feedback border color in dark-mode, and prevent auto-dark mode when a theme is picked --- packages/feedback/src/core/createMainStyles.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/feedback/src/core/createMainStyles.ts b/packages/feedback/src/core/createMainStyles.ts index ec1271c3c7bf..02cb73e3c319 100644 --- a/packages/feedback/src/core/createMainStyles.ts +++ b/packages/feedback/src/core/createMainStyles.ts @@ -28,7 +28,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(180, 180, 180, 0.25)', boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)', outline: '1px auto var(--accent-background)', interactiveFilter: 'brightness(150%)', @@ -67,6 +67,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 }, )}