chore: add changeset and use uppercase keys for COLOR_SCHEMES

Author: ayhid

.changeset/color-scheme-dark-theme.md

@@ -0,0 +1,5 @@
+---
+"@strapi/design-system": minor
+---
+
+Add CSS `color-scheme` property to improve dark theme support for native browser elements (scrollbars, form controls)

packages/design-system/src/themes/color-scheme.ts

@@ -1,6 +1,6 @@
 export const COLOR_SCHEMES = {
-  light: 'light',
-  dark: 'dark',
+  LIGHT: 'light',
+  DARK: 'dark',
 } as const;
 
 export type ColorScheme = (typeof COLOR_SCHEMES)[keyof typeof COLOR_SCHEMES];

packages/design-system/src/themes/darkTheme/index.ts

@@ -7,7 +7,7 @@ import { darkColorTokenObject } from './dark-colors';
 import { darkShadowTokenObject } from './dark-shadows';
 
 export const darkTheme: DefaultTheme = {
-  colorScheme: COLOR_SCHEMES.dark,
+  colorScheme: COLOR_SCHEMES.DARK,
   colors: darkColorTokenObject.color,
   shadows: darkShadowTokenObject.shadow,
   ...commonTheme,

packages/design-system/src/themes/lightTheme/index.ts

@@ -7,7 +7,7 @@ import { lightColorTokenObject } from './light-colors';
 import { lightShadowTokenObject } from './light-shadows';
 
 export const lightTheme: DefaultTheme = {
-  colorScheme: COLOR_SCHEMES.light,
+  colorScheme: COLOR_SCHEMES.LIGHT,
   colors: lightColorTokenObject.color,
   shadows: lightShadowTokenObject.shadow,
   ...commonTheme,