// 站点主色
// tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[import './element-#17B3A3/index.css']当前主题色一致
$--color-primary: #02A1E9; // 定义站点的主要颜色，这是一个蓝色色调（#02A1E9）。这个颜色将用于整个网站的一致性配色方案，包括链接、按钮、强调文字等元素。为了保证一致性，需要确保此颜色与Element UI框架中的主题色相匹配。

// Navbar (导航栏)
$navbar--background-color: $--color-primary; // 使用站点主色作为导航栏的背景颜色。这使得导航栏与站点的整体设计保持一致，并且在视觉上提供了一种连贯的品牌形象。

// Sidebar (侧边栏)
$sidebar--background-color-dark: #263238; // 设置侧边栏的深色背景颜色（#263238），这是一种深灰色调。这种颜色通常用于创建对比度，使得侧边栏中的内容更加突出。
$sidebar--color-text-dark: #8a979e; // 设置侧边栏中文本的颜色（#8a979e），这是一种浅灰色调。选择这种颜色是为了确保文本具有良好的可读性，同时与深色背景形成适当的对比。

// Content (内容区)
$content--background-color: #f1f4f5; // 定义内容区的背景颜色（#f1f4f5），这是一种非常浅的灰蓝色。这种颜色可以为主要内容提供一个干净、明亮的背景，同时也不会分散用户的注意力。
