UI: Highlight color in dark theme (#3229)

UI: Highlight color

Resolves #3206

Author: tom2drum

toolkit/theme/foundations/semanticTokens.ts

@@ -32,6 +32,9 @@ const semanticTokens: ThemingConfig['semanticTokens'] = {
       scrollbar: {
         thumb: { value: { _light: '{colors.blackAlpha.300}', _dark: '{colors.whiteAlpha.300}' } },
       },
+      selection: {
+        bg: { value: { _light: '#E3CFE7', _dark: '#754B7D' } },
+      },
     },
 
     // FOUNDATIONS

toolkit/theme/globalCss.ts

@@ -29,6 +29,9 @@ const globalCss: SystemConfig['globalCss'] = {
     bg: 'global.mark.bg',
     color: 'inherit',
   },
+  '::selection': {
+    bg: 'global.selection.bg',
+  },
   'svg *::selection': {
     color: 'none',
     background: 'none',