Add new themes and use them by default

packages/client/src/scripts/theme.ts

@@ -23,6 +23,7 @@ export const themeProps = Object.keys(lightTheme.props).filter(
 export const getBuiltinThemes = () =>
 	Promise.all(
 		[
+			"l-iceshrimp",
 			"l-rosepinedawn",
 			"l-light",
 			"l-nord",
@@ -35,6 +36,7 @@ export const getBuiltinThemes = () =>
 			"l-sushi",
 			"l-u0",
 
+			"d-iceshrimp",
 			"d-rosepine",
 			"d-rosepinemoon",
 			"d-dark",
@@ -50,7 +52,7 @@ export const getBuiltinThemes = () =>
 			"d-green-orange",
 			"d-cherry",
 			"d-ice",
-			"d-u0",
+			"d-u0"
 		].map((name) =>
 			import(`../themes/${name}.json5`).then(
 				({ default: _default }): Theme => _default,

packages/client/src/store.ts

@@ -362,8 +362,8 @@ type Plugin = {
 /**
  * 常にメモリにロードしておく必要がないような設定情報を保管するストレージ(非リアクティブ)
  */
-import lightTheme from "@/themes/l-rosepinedawn.json5";
+import lightTheme from "@/themes/l-iceshrimp.json5";
-import darkTheme from "@/themes/d-rosepine.json5";
+import darkTheme from "@/themes/d-iceshrimp.json5";
 
 export class ColdDeviceStorage {
 	public static default = {

packages/client/src/themes/d-iceshrimp.json5

@@ -0,0 +1,15 @@
+{
+	id: '0c74bfbe-c9b9-4a42-9798-2ee030e65f1c',
+
+	name: 'Iceshrimp Dark',
+	author: 'aylamz',
+
+	base: 'dark',
+
+	props: {
+		accent: '#47BFE8',
+		bg: '#212526',
+		shadow: 'rgba(0, 0, 0, 0)',
+		fgOnAccent: '@bg',
+	},
+}

packages/client/src/themes/l-iceshrimp.json5

@@ -0,0 +1,21 @@
+{
+	id: '360da846-debe-40f9-9f10-5ad035afa546',
+
+	name: 'Iceshrimp Light',
+	author: 'aylamz',
+
+	base: 'light',
+
+	props: {
+		fg: '#444',
+		bg: '#f7f7f7',
+		accent: '#008cff',
+		panel: ':lighten<3<@bg',
+		panelHeaderBg: ':lighten<1<@bg',
+		panelHighlight: ':darken<6<@bg',
+		shadow: 'rgba(0, 0, 0, 0)',
+		hashtag: '#c44100',
+		link: '#2c7386',
+		infoFg: '#212528',
+	},
+}