From 1903be1f82eca7266aeb7bedccd1d5761b5f0c02 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Mon, 7 Jul 2025 13:20:00 +0800
Subject: [PATCH] feat: add toast

---
 open-isle-cli/src/assets/global.css      | 2 ++
 open-isle-cli/src/utils/theme.js         | 8 ++++++++
 open-isle-cli/src/views/HomePageView.vue | 1 +
 open-isle-cli/src/views/PostPageView.vue | 1 +
 4 files changed, 12 insertions(+)

diff --git a/open-isle-cli/src/assets/global.css b/open-isle-cli/src/assets/global.css
index e33499acb..ec4d6e89f 100644
--- a/open-isle-cli/src/assets/global.css
+++ b/open-isle-cli/src/assets/global.css
@@ -7,6 +7,7 @@
   --header-border-color: lightgray;
   --header-text-color: black;
   --menu-background-color: white;
+  --background-color: white;
   --menu-border-color: lightgray;
   --menu-selected-background-color: rgba(208, 250, 255, 0.659);
   --menu-text-color: black;
@@ -22,6 +23,7 @@
   --header-border-color: #555;
   --header-text-color: white;
   --menu-background-color: #333;
+  --background-color: #121212;
   --menu-border-color: #555;
   --menu-selected-background-color: rgba(255, 255, 255, 0.1);
   --menu-text-color: white;
diff --git a/open-isle-cli/src/utils/theme.js b/open-isle-cli/src/utils/theme.js
index cd209d571..3792f3518 100644
--- a/open-isle-cli/src/utils/theme.js
+++ b/open-isle-cli/src/utils/theme.js
@@ -1,4 +1,5 @@
 import { reactive } from 'vue'
+import { toast } from '../main'
 
 export const ThemeMode = {
   SYSTEM: 'system',
@@ -40,6 +41,13 @@ export function cycleTheme() {
   const modes = [ThemeMode.SYSTEM, ThemeMode.LIGHT, ThemeMode.DARK]
   const index = modes.indexOf(themeState.mode)
   const next = modes[(index + 1) % modes.length]
+  if (next === ThemeMode.SYSTEM) {
+    toast.success('💻 已经切换到系统主题')
+  } else if (next === ThemeMode.LIGHT) {
+    toast.success('🌞 已经切换到明亮主题')
+  } else {
+    toast.success('🌙 已经切换到暗色主题')
+  }
   setTheme(next)
 }
 
diff --git a/open-isle-cli/src/views/HomePageView.vue b/open-isle-cli/src/views/HomePageView.vue
index 0e1b315ca..150de9131 100644
--- a/open-isle-cli/src/views/HomePageView.vue
+++ b/open-isle-cli/src/views/HomePageView.vue
@@ -153,6 +153,7 @@ export default {
 
 <style scoped>
 .home-page {
+  background-color: var(--background-color);
   height: calc(100vh - var(--header-height));
   display: flex;
   flex-direction: column;
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index ffebc5351..f856c76bf 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -244,6 +244,7 @@ export default {
 </script>
 <style>
 .post-page-container {
+  background-color: var(--background-color);
   display: flex;
   flex-direction: row;
   height: calc(100vh - var(--header-height));