theme: rename color scheme to theme (#3991)

cc @MitjaBezensek 

### Change Type

<!-- ❗ Please select a 'Scope' label ❗️ -->

- [x] `sdk` — Changes the tldraw SDK
- [ ] `dotcom` — Changes the tldraw.com web app
- [ ] `docs` — Changes to the documentation, examples, or templates.
- [ ] `vs code` — Changes to the vscode plugin
- [ ] `internal` — Does not affect user-facing stuff

<!-- ❗ Please select a 'Type' label ❗️ -->

- [ ] `bugfix` — Bug fix
- [ ] `feature` — New feature
- [x] `improvement` — Improving existing features
- [ ] `chore` — Updating dependencies, other boring stuff
- [ ] `galaxy brain` — Architectural changes
- [ ] `tests` — Changes to any test code
- [ ] `tools` — Changes to infrastructure, CI, internal scripts,
debugging tools, etc.
- [ ] `dunno` — I don't know

assets/translations/main.json

@@ -115,9 +115,9 @@
 	"action.zoom-to-selection": "Zoom to selection",
 	"assets.files.upload-failed": "Upload failed",
 	"assets.url.failed": "Couldn't load URL preview",
-	"color-scheme.dark": "Dark",
+	"theme.dark": "Dark",
-	"color-scheme.light": "Light",
+	"theme.light": "Light",
-	"color-scheme.system": "System",
+	"theme.system": "System",
 	"color-style.white": "White",
 	"color-style.black": "Black",
 	"color-style.blue": "Blue",
@@ -232,7 +232,7 @@
 	"tool.embed": "Embed",
 	"tool.text": "Text",
 	"menu.title": "Menu",
-	"menu.color-scheme": "Color scheme",
+	"menu.theme": "Theme",
 	"menu.copy-as": "Copy as",
 	"menu.edit": "Edit",
 	"menu.export-as": "Export as",

packages/tldraw/src/lib/ui/components/ColorSchemeMenu.tsx

@@ -5,9 +5,9 @@ import { TldrawUiMenuGroup } from './primitives/menus/TldrawUiMenuGroup'
 import { TldrawUiMenuSubmenu } from './primitives/menus/TldrawUiMenuSubmenu'
 
 const COLOR_SCHEMES = [
-	{ colorScheme: 'light' as const, label: 'color-scheme.light' },
+	{ colorScheme: 'light' as const, label: 'theme.light' },
-	{ colorScheme: 'dark' as const, label: 'color-scheme.dark' },
+	{ colorScheme: 'dark' as const, label: 'theme.dark' },
-	{ colorScheme: 'system' as const, label: 'color-scheme.system' },
+	{ colorScheme: 'system' as const, label: 'theme.system' },
 ]
 
 /** @public @react */
@@ -21,7 +21,7 @@ export function ColorSchemeMenu() {
 	)
 
 	return (
-		<TldrawUiMenuSubmenu id="help menu color-scheme" label="menu.color-scheme">
+		<TldrawUiMenuSubmenu id="help menu color-scheme" label="menu.theme">
 			<TldrawUiMenuGroup id="languages">
 				{COLOR_SCHEMES.map(({ colorScheme, label }) => (
 					<TldrawUiMenuCheckboxItem

packages/tldraw/src/lib/ui/hooks/useTranslation/TLUiTranslationKey.ts

@@ -119,9 +119,9 @@ export type TLUiTranslationKey =
 	| 'action.zoom-to-selection'
 	| 'assets.files.upload-failed'
 	| 'assets.url.failed'
-	| 'color-scheme.dark'
+	| 'theme.dark'
-	| 'color-scheme.light'
+	| 'theme.light'
-	| 'color-scheme.system'
+	| 'theme.system'
 	| 'color-style.white'
 	| 'color-style.black'
 	| 'color-style.blue'
@@ -236,7 +236,7 @@ export type TLUiTranslationKey =
 	| 'tool.embed'
 	| 'tool.text'
 	| 'menu.title'
-	| 'menu.color-scheme'
+	| 'menu.theme'
 	| 'menu.copy-as'
 	| 'menu.edit'
 	| 'menu.export-as'

packages/tldraw/src/lib/ui/hooks/useTranslation/defaultTranslation.ts

@@ -119,9 +119,9 @@ export const DEFAULT_TRANSLATION = {
 	'action.zoom-to-selection': 'Zoom to selection',
 	'assets.files.upload-failed': 'Upload failed',
 	'assets.url.failed': "Couldn't load URL preview",
-	'color-scheme.dark': 'Dark',
+	'theme.dark': 'Dark',
-	'color-scheme.light': 'Light',
+	'theme.light': 'Light',
-	'color-scheme.system': 'System',
+	'theme.system': 'System',
 	'color-style.white': 'White',
 	'color-style.black': 'Black',
 	'color-style.blue': 'Blue',
@@ -236,7 +236,7 @@ export const DEFAULT_TRANSLATION = {
 	'tool.embed': 'Embed',
 	'tool.text': 'Text',
 	'menu.title': 'Menu',
-	'menu.color-scheme': 'Color scheme',
+	'menu.theme': 'Theme',
 	'menu.copy-as': 'Copy as',
 	'menu.edit': 'Edit',
 	'menu.export-as': 'Export as',