添加主题样式，根据用户头像自动设置背景颜色，现在只有默认的情况

src/App.vue

@@ -10,17 +10,18 @@
 
 <style>
 #app {
-    font-family: Avenir, Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-align: center;
-    color: #2c3e50;
-    margin: 0;
-    padding: 0;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin: 0;
+  padding: 0;
 }
+
 html, body {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 </style>
\ No newline at end of file

src/views/HomePage.vue

@@ -8,6 +8,9 @@ import {parseLrc} from "../utils/parseLyrics";
 import Header from "../components/Header.vue";
 import Comment from "../components/Comment.vue";
 import LeftSideBar from "../components/LeftSideBar.vue";
+import {useTheme} from "@/store/theme";
+import defaultBg from '@/assets/pictures/jj.png'
+
 
 const current_view = ref();
 const album_selected = ref(false);
@@ -69,7 +72,9 @@ function toggleComment(){
   show_comment.value = !show_comment.value
 }
 
+const theme = useTheme()
 onMounted(() => {
+  theme.change(defaultBg)
     // ElLoading.service({
     //     lock: true,
     //     text: 'Loading',