diff --git a/apps/stage-web/index.html b/apps/stage-web/index.html
index 775ffab3c..4747c27f0 100644
--- a/apps/stage-web/index.html
+++ b/apps/stage-web/index.html
@@ -4,8 +4,7 @@
アイリ
-
-
+
diff --git a/apps/stage-web/public/apple-touch-icon.png b/apps/stage-web/public/apple-touch-icon.png
index 95b2de212..30a710107 100644
Binary files a/apps/stage-web/public/apple-touch-icon.png and b/apps/stage-web/public/apple-touch-icon.png differ
diff --git a/apps/stage-web/public/favicon-96x96.png b/apps/stage-web/public/favicon-96x96.png
deleted file mode 100644
index a70eda1af..000000000
Binary files a/apps/stage-web/public/favicon-96x96.png and /dev/null differ
diff --git a/apps/stage-web/public/favicon.ico b/apps/stage-web/public/favicon.ico
index 1d81bc77c..aeddd2905 100644
Binary files a/apps/stage-web/public/favicon.ico and b/apps/stage-web/public/favicon.ico differ
diff --git a/apps/stage-web/public/favicon.svg b/apps/stage-web/public/favicon.svg
index 17940af47..0e39ec6a6 100644
--- a/apps/stage-web/public/favicon.svg
+++ b/apps/stage-web/public/favicon.svg
@@ -1,8 +1,61 @@
-
\ No newline at end of file
+
diff --git a/apps/stage-web/public/maskable_icon_x192.png b/apps/stage-web/public/maskable_icon_x192.png
new file mode 100644
index 000000000..847a45915
Binary files /dev/null and b/apps/stage-web/public/maskable_icon_x192.png differ
diff --git a/apps/stage-web/public/maskable_icon_x512.png b/apps/stage-web/public/maskable_icon_x512.png
new file mode 100644
index 000000000..91f454c39
Binary files /dev/null and b/apps/stage-web/public/maskable_icon_x512.png differ
diff --git a/apps/stage-web/public/web-app-manifest-192x192.png b/apps/stage-web/public/web-app-manifest-192x192.png
index 0d5b7637f..7ed52505e 100644
Binary files a/apps/stage-web/public/web-app-manifest-192x192.png and b/apps/stage-web/public/web-app-manifest-192x192.png differ
diff --git a/apps/stage-web/public/web-app-manifest-512x512.png b/apps/stage-web/public/web-app-manifest-512x512.png
index 14fa1397f..bac5b311d 100644
Binary files a/apps/stage-web/public/web-app-manifest-512x512.png and b/apps/stage-web/public/web-app-manifest-512x512.png differ
diff --git a/apps/stage-web/src/assets/logo-dark.svg b/apps/stage-web/src/assets/logo-dark.svg
new file mode 100644
index 000000000..7db4e5f83
--- /dev/null
+++ b/apps/stage-web/src/assets/logo-dark.svg
@@ -0,0 +1,59 @@
+
diff --git a/apps/stage-web/src/assets/logo.svg b/apps/stage-web/src/assets/logo.svg
new file mode 100644
index 000000000..735c951c7
--- /dev/null
+++ b/apps/stage-web/src/assets/logo.svg
@@ -0,0 +1,61 @@
+
diff --git a/apps/stage-web/src/components/Layouts/Header.vue b/apps/stage-web/src/components/Layouts/Header.vue
index 28e813a7b..fab65e655 100644
--- a/apps/stage-web/src/components/Layouts/Header.vue
+++ b/apps/stage-web/src/components/Layouts/Header.vue
@@ -1,5 +1,11 @@
@@ -8,7 +14,12 @@ import DesktopSettings from '../Widgets/DesktopSettings.vue'
href="https://github.com/moeru-ai/airi" rel="noreferrer noopener" target="_blank" flex="~ 1" w-full items-center
gap-2 px-2 text-nowrap text-2xl outline-none
>
-
+
+ ![]()
+
+
+ ![]()
+
アイリ
diff --git a/apps/stage-web/src/constants/index.ts b/apps/stage-web/src/constants/index.ts
deleted file mode 100644
index b1cc291f5..000000000
--- a/apps/stage-web/src/constants/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const appName = 'アイリ VTuber'
-export const appDescription = 'アイリ VTuber - LLM Powered Live2D VTuber'
diff --git a/apps/stage-web/vite.config.ts b/apps/stage-web/vite.config.ts
index 625c1a807..4fabadbeb 100644
--- a/apps/stage-web/vite.config.ts
+++ b/apps/stage-web/vite.config.ts
@@ -19,7 +19,6 @@ import VueDevTools from 'vite-plugin-vue-devtools'
import Layouts from 'vite-plugin-vue-layouts'
import { exists } from '../../scripts/fs'
-import { appName } from './src/constants'
export default defineConfig({
optimizeDeps: {
@@ -97,10 +96,28 @@ export default defineConfig({
registerType: 'autoUpdate',
includeAssets: ['favicon.svg', 'apple-touch-icon.png'],
manifest: {
- name: appName,
- short_name: appName,
- theme_color: '#ffffff',
+ name: 'Airi',
+ short_name: 'Airi',
+ theme_color: '#ffc6cb',
icons: [
+ {
+ purpose: 'maskable',
+ sizes: '192x192',
+ src: '/maskable_icon_x192.png',
+ type: 'image/png',
+ },
+ {
+ purpose: 'maskable',
+ sizes: '512x512',
+ src: '/maskable_icon_x512.png',
+ type: 'image/png',
+ },
+ {
+ purpose: 'maskable',
+ sizes: '1024x1024',
+ src: '/maskable_icon.png',
+ type: 'image/png',
+ },
{
src: '/web-app-manifest-192x192.png',
sizes: '192x192',