diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index d7d58f1e..32297dad 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,4 +1,4 @@
-/* 全局SCSS变量 */
+/** 全局SCSS变量 */
 
 :root {
   --menu-background: #304156;
@@ -11,6 +11,7 @@
   --sidebar-logo-background: #2d3748;
 }
 
+/** 暗黑主题 */
 html.dark {
   --menu-background: var(--el-bg-color-overlay);
   --menu-text: #fff;
@@ -22,13 +23,13 @@ html.dark {
   --sidebar-logo-background: rgb(0 0 0 / 20%);
 }
 
-$menu-background: var(--menu-background);
-$menu-text: var(--menu-text);
-$menu-active-text: var(--menu-active-text);
-$menu-hover: var(--menu-hover);
-$sub-menu-background: var(--sub-menu-background);
-$sub-menu-active-text: var(--sub-menu-active-text);
-$sub-menu-hover: var(--sub-menu-hover);
+$menu-background: var(--menu-background); // 菜单背景色
+$menu-text: var(--menu-text); // 菜单文字颜色
+$menu-active-text: var(--menu-active-text); // 菜单激活文字颜色
+$menu-hover: var(--menu-hover); // 菜单悬停背景色
+$sub-menu-background: var(--sub-menu-background); // 子菜单背景色
+$sub-menu-active-text: var(--sub-menu-active-text); // 子菜单激活文字颜色
+$sub-menu-hover: var(--sub-menu-hover); // 子菜单悬停背景色
 $sidebar-logo-background: var(--sidebar-logo-background); // 侧边栏 Logo 背景色
 
 $sidebar-width: 210px; // 侧边栏宽度