@kryptogo/kryptogokit-sdk-react
Version:
KryptogoKit offers a comprehensive web3 wallet solution with seamless KryptoGO Auth integration and multi-wallet connection support. Designed for users. Built for developers.
25 lines (24 loc) • 1.22 kB
TypeScript
import type { ThemeVars } from '../css/sprinkles.css';
declare const fontStacks: {
readonly rounded: "sans-serif, SF Rounded, ui-rounded, \"SF Pro Rounded\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
};
type FontStack = keyof typeof fontStacks;
type RadiusScale = 'large' | 'medium' | 'small' | 'none';
type Blurs = 'large' | 'small' | 'none';
interface BaseThemeOptions {
borderRadius?: RadiusScale;
fontStack?: FontStack;
overlayBlur?: Blurs;
}
export declare const baseTheme: ({ borderRadius, fontStack, overlayBlur, }: BaseThemeOptions) => Pick<ThemeVars, "radii" | "fonts" | "blurs">;
export interface AccentColor {
accentColor: string;
accentColorForeground: string;
}
export type AccentColorPreset = 'blue' | 'green' | 'red' | 'purple' | 'pink' | 'orange' | 'yellow';
export interface ThemeOptions extends BaseThemeOptions {
accentColor?: string;
accentColorForeground?: string;
}
export {};