基底テーマ分離

src/client/store.ts

@@ -35,7 +35,7 @@ const defaultDeviceSettings = {
 	accounts: [],
 	recentEmojis: [],
 	themes: [],
-	theme: 'light',
+	theme: '4eea646f-7afa-4645-83e9-83af0333cd37',
 	animation: true,
 	animatedMfm: true,
 	imageNewTab: false,

src/client/theme.ts

@@ -13,8 +13,8 @@ export const lightTheme: Theme = require('./themes/_light.json5');
 export const darkTheme: Theme = require('./themes/_dark.json5');
 
 export const builtinThemes = [
-	lightTheme,
-	darkTheme,
+	require('./themes/white.json5'),
+	require('./themes/black.json5'),
 	require('./themes/lavender.json5'),
 	require('./themes/halloween.json5'),
 	require('./themes/garden.json5'),

src/client/themes/black.json5

@@ -0,0 +1,13 @@
+{
+	id: '8c539dc1-0fab-4d47-9194-39c508e9bfe1',
+
+	name: 'Black',
+	author: 'syuilo',
+	desc: '',
+
+	base: 'dark',
+
+	props: {
+		divider: '#2b2b2b',
+	},
+}

src/client/themes/white.json5

@@ -0,0 +1,13 @@
+{
+	id: '4eea646f-7afa-4645-83e9-83af0333cd37',
+
+	name: 'White',
+	author: 'syuilo',
+	desc: '',
+
+	base: 'light',
+
+	props: {
+		messageBg: '#dedede',
+	},
+}