From df19b994f4df78d56b994412777767ef2c376b04 Mon Sep 17 00:00:00 2001 From: "Nanashi." Date: Sat, 9 Nov 2024 23:12:42 +0900 Subject: [PATCH] =?UTF-8?q?Change:=20=E3=83=80=E3=83=BC=E3=82=AF=E3=83=86?= =?UTF-8?q?=E3=83=BC=E3=83=9E=E3=83=99=E3=83=BC=E3=82=B9=E3=81=AB=20(#11)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 4 +++- public/favicon.svg | 21 +++++++++++++++++++++ src/App.vue | 4 ++-- src/main.ts | 1 + src/styles/index.scss | 3 ++- 5 files changed, 29 insertions(+), 4 deletions(-) create mode 100755 public/favicon.svg diff --git a/index.html b/index.html index e13cda6..8f57367 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,10 @@ - + + + Voicevox Preview diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100755 index 0000000..be1e7e0 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + diff --git a/src/App.vue b/src/App.vue index 4b9da7c..a0e1b7b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -84,8 +84,8 @@ const joinUrl = (path: string) => .header { align-content: center; - background: main.$theme; - color: white; + color: main.$theme; + background: #2b2b2b; padding: 1rem; font-size: 1.5rem; diff --git a/src/main.ts b/src/main.ts index a6687c7..367fe11 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,6 +1,7 @@ import { createApp } from "vue"; import "./styles/index.scss"; import "element-plus/dist/index.css"; +import "element-plus/theme-chalk/dark/css-vars.css"; import ElementPlus from "element-plus"; import App from "./App.vue"; diff --git a/src/styles/index.scss b/src/styles/index.scss index 3d5d8b9..1d21637 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -1,10 +1,11 @@ -$theme: #a5d4ad; +$theme: #86c591; body { margin: 0; padding: 0; font-family: "Unhinted Rounded M+ 1p", "Rounded M+ 1p", sans-serif; + background: #1f1f1f; } #app { min-height: 100vh;