@54vie/kit Hooks

useTheme

function useTheme(): Theme;

interface Theme {
  colors: {
    primary: string;
    secondary: string;
    background: string;
    surface: string;
    text: string;
    textSecondary: string;
    error: string;
    success: string;
    warning: string;
    info: string;
  };
  fonts: {
    regular: string;
    medium: string;
    bold: string;
  };
  roundness: number;
  spacing: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
  };
}

useColorMode

function useColorMode(): {
  colorMode: 'light' | 'dark';
  setColorMode: (mode: 'light' | 'dark') => void;
  toggleColorMode: () => void;
};

useResponsive

function useResponsive(): {
  width: number;
  height: number;
  isMobile: boolean;
  isTablet: boolean;
  scale: number;
  fontScale: number;
};