bonus
/
smart_archives_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

系统主题色修改

This commit is contained in:
cwchen 2025-09-12 13:54:03 +08:00
parent 92eba67d6d
commit 2fac1cdf61
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/styles/element-variables.scss
View File

@ -4,7 +4,7 @@
**/ **/
/* theme color */ /* theme color */
$--color-primary: #1890ff; $--color-primary: #006E6B;
$--color-success: #13ce66; $--color-success: #13ce66;
$--color-warning: #ffba00; $--color-warning: #ffba00;
$--color-danger: #ff4949; $--color-danger: #ff4949;

10
src/assets/styles/variables.scss
View File

@ -1,12 +1,12 @@
// base color // base color
$blue:#324157; $blue:#006E6B;
$light-blue:#3A71A8; $light-blue:#008B8B;
$red:#C03639; $red:#C03639;
$pink: #E65D6E; $pink: #E65D6E;
$green: #30B08F; $green: #006E6B;
$tiffany: #4AB7BD; $tiffany: #006E6B;
$yellow:#FEC171; $yellow:#FEC171;
$panGreen: #30B08F; $panGreen: #006E6B;
// 默认菜单主题风格 // 默认菜单主题风格
$base-menu-color:#bfcbd9; $base-menu-color:#bfcbd9;

2
src/components/ThemePicker/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<el-color-picker <el-color-picker
v-model="theme" v-model="theme"
:predefine="['#409EFF', '#1890ff', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d', ]" :predefine="['#006E6B', '#1890ff', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d', ]"
class="theme-picker" class="theme-picker"
popper-class="theme-picker-dropdown" popper-class="theme-picker-dropdown"
/> />

2
src/store/modules/settings.js
View File

@ -6,7 +6,7 @@ const { sideTheme, showSettings, topNav, tagsView, tagsIcon, fixedHeader, sideba
const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || '' const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
const state = { const state = {
title: '', title: '',
theme: storageSetting.theme || '#409EFF', theme: storageSetting.theme || '#006E6B',
sideTheme: storageSetting.sideTheme || sideTheme, sideTheme: storageSetting.sideTheme || sideTheme,
showSettings: showSettings, showSettings: showSettings,
topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav, topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,