XW-AIOT/aiot-platform-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 主题色添加一个amber

Browse Source
This commit is contained in:
lzh
2025-12-19 09:26:53 +08:00
parent f6b2d8b82f
commit ececf4cdae
4 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/@core/base/typings/src/app.d.ts vendored
View File

@@ -18,6 +18,7 @@ type ThemeModeType = 'auto' | 'dark' | 'light';
type PreferencesButtonPositionType = 'auto' | 'fixed' | 'header'; type PreferencesButtonPositionType = 'auto' | 'fixed' | 'header';
type BuiltinThemeType = type BuiltinThemeType =
| 'amber'
| 'custom' | 'custom'
| 'deep-blue' | 'deep-blue'
| 'deep-green' | 'deep-green'

4
packages/@core/preferences/src/config.ts
View File

@@ -109,9 +109,9 @@ const defaultPreferences: Preferences = {
wheelable: true, wheelable: true,
}, },
theme: { theme: {
builtinType: 'default', builtinType: 'amber',
colorDestructive: 'hsl(348 100% 61%)', colorDestructive: 'hsl(348 100% 61%)',
colorPrimary: 'hsl(212 100% 45%)', colorPrimary: 'hsl(37 100% 52%)',
colorSuccess: 'hsl(144 57% 58%)', colorSuccess: 'hsl(144 57% 58%)',
colorWarning: 'hsl(42 84% 61%)', colorWarning: 'hsl(42 84% 61%)',
mode: 'dark', mode: 'dark',

6
packages/@core/preferences/src/constants.ts
View File

@@ -8,6 +8,10 @@ interface BuiltinThemePreset {
} }
const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [ const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [
{
color: 'hsl(37 100% 52%)',
type: 'amber',
},
{ {
color: 'hsl(212 100% 45%)', color: 'hsl(212 100% 45%)',
type: 'default', type: 'default',
@@ -112,7 +116,7 @@ const DEFAULT_TIME_ZONE_OPTIONS: TimezoneOption[] = [
}, },
]; ];
export const COLOR_PRESETS = [...BUILT_IN_THEME_PRESETS].slice(0, 7); export const COLOR_PRESETS = [...BUILT_IN_THEME_PRESETS].slice(0, 8);
export { BUILT_IN_THEME_PRESETS, DEFAULT_TIME_ZONE_OPTIONS }; export { BUILT_IN_THEME_PRESETS, DEFAULT_TIME_ZONE_OPTIONS };

5
packages/effects/layouts/src/authentication/toolbar.vue
View File

@@ -6,7 +6,6 @@ import { computed } from 'vue';
import { preferences } from '@vben/preferences'; import { preferences } from '@vben/preferences';
import { import {
AuthenticationColorToggle,
AuthenticationLayoutToggle, AuthenticationLayoutToggle,
LanguageToggle, LanguageToggle,
ThemeToggle, ThemeToggle,
@@ -24,7 +23,7 @@ const props = withDefaults(defineProps<Props>(), {
toolbarList: () => ['color', 'language', 'layout', 'theme'], toolbarList: () => ['color', 'language', 'layout', 'theme'],
}); });
const showColor = computed(() => props.toolbarList.includes('color')); // const showColor = computed(() => props.toolbarList.includes('color'));
const showLayout = computed(() => props.toolbarList.includes('layout')); const showLayout = computed(() => props.toolbarList.includes('layout'));
const showLanguage = computed(() => props.toolbarList.includes('language')); const showLanguage = computed(() => props.toolbarList.includes('language'));
const showTheme = computed(() => props.toolbarList.includes('theme')); const showTheme = computed(() => props.toolbarList.includes('theme'));
@@ -39,7 +38,7 @@ const showTheme = computed(() => props.toolbarList.includes('theme'));
> >
<!-- Only show on medium and larger screens --> <!-- Only show on medium and larger screens -->
<div class="hidden md:flex"> <div class="hidden md:flex">
<AuthenticationColorToggle v-if="showColor" /> <!-- <AuthenticationColorToggle v-if="showColor" /> -->
<AuthenticationLayoutToggle v-if="showLayout" /> <AuthenticationLayoutToggle v-if="showLayout" />
</div> </div>
<!-- Always show Language and Theme toggles --> <!-- Always show Language and Theme toggles -->