fix(feedback): Improve feedback border color in dark-mode, and prevent auto-dark mode when a theme is picked

Author: ryan953

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(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%)',
@@ -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 },
   )}