Change: ダークテーマベースに (#11)

VOICEVOX · Nov 9, 2024 · df19b99 · df19b99
1 parent 2d40d74
commit df19b99
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,10 @@
 <!doctype html>
-<html lang="ja">
+<html lang="ja" class="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/favicon.svg" />
+    <link rel="apple-touch-icon" href="/favicon.svg" />
     <title>Voicevox Preview</title>
   </head>
   <body>

diff --git a/public/favicon.svg b/public/favicon.svg
diff --git 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
@@ -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
@@ -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;