Make sure correct dark mode colours get used in exports (#2492)

Also tweaks the colours of menus in dark mode to have a little higher
contrast. Fixed #2493

### Change Type

- [x] `patch` — Bug fix


[^1]: publishes a `patch` release, for devDependencies use `internal`
[^2]: will not publish a new version

---------

Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>

packages/editor/editor.css

@@ -144,7 +144,7 @@
 	--color-brush-fill: hsl(0, 0%, 71%, 5.1%);
 	--color-brush-stroke: hsl(0, 0%, 71%, 25.1%);
 	--color-grid: hsl(0, 0%, 56%);
-	--color-low: hsl(260, 5%, 5%);
+	--color-low: hsl(260, 5%, 12.5%);
 	--color-low-border: hsl(207, 10%, 10%);
 	--color-culled: hsl(210, 11%, 19%);
 	--color-muted-none: hsl(0, 0%, 100%, 0%);

packages/editor/src/lib/components/Canvas.tsx

@@ -475,7 +475,10 @@ const DebugSvgCopy = track(function DupSvg({ id }: { id: TLShapeId }) {
 			const renderId = Math.random()
 			latest = renderId
 			const bb = editor.getShapePageBounds(id)
-			const el = await editor.getSvg([id], { padding: 0 })
+			const el = await editor.getSvg([id], {
+				padding: 0,
+				background: editor.getInstanceState().exportBackground,
+			})
 			if (el && bb && latest === renderId) {
 				el.style.setProperty('overflow', 'visible')
 				el.setAttribute('preserveAspectRatio', 'xMidYMin slice')

packages/tlschema/src/styles/TLColorStyle.ts

@@ -160,9 +160,9 @@ export const DefaultColorThemePalette: {
 	},
 	darkMode: {
 		id: 'dark',
-		text: '#f8f9fa',
-		background: '#212529',
-		solid: '#28292e',
+		text: 'hsl(210, 17%, 98%)',
+		background: 'hsl(240, 5%, 8%)',
+		solid: '#010403',
 
 		black: {
 			solid: '#e1e1e1',