fix(feedback): Improve feedback border color in dark-mode, and preven…

…t auto-dark mode when a theme is picked
getsentry · May 20, 2024 · ceeb439 · ceeb439
1 parent dae5915
commit ceeb439
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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 },
   )}