@club-employes/utopia
Version:
🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.
23 lines (22 loc) • 799 B
TypeScript
import { ThemeConfig } from '../theme-provider';
import { ComputedRef } from 'vue';
export type BrandTheme = 'club-employes' | 'gifteo';
export type ThemeMode = 'light' | 'dark';
export declare function useTheme(): {
currentTheme: ComputedRef<ThemeConfig>;
currentBrand: ComputedRef<BrandTheme>;
currentMode: ComputedRef<ThemeMode>;
currentBrandName: ComputedRef<string>;
availableBrands: ComputedRef<Array<{
key: BrandTheme;
name: string;
}>>;
menuCollapsed: ComputedRef<boolean>;
isBrandLocked: ComputedRef<boolean>;
toggleBrand: () => void;
toggleMode: () => void;
setBrand: (brand: BrandTheme) => void;
setMode: (mode: ThemeMode) => void;
toggleMenuCollapsed: () => void;
setMenuCollapsed: (collapsed: boolean) => void;
};