@pushchain/ui-kit/src/lib/styles/token.d.ts

Push Chain is a true universal L1 that is 100% EVM compatible. It allows developers to deploy once and make their apps instantly compatible with users from all other L1s (Ethereum, Solana, etc) with zero on-chain code change.

type ColorThemeTokens = {
    '--pw-core-brand-primary-color': string;
    '--pw-core-text-primary-color': string;
    '--pw-core-text-secondary-color': string;
    '--pw-core-text-tertiary-color': string;
    '--pw-core-text-link-color': string;
    '--pw-core-text-disabled-color': string;
    '--pw-core-bg-primary-color': string;
    '--pw-core-bg-secondary-color': string;
    '--pw-core-bg-tertiary-color': string;
    '--pw-core-bg-disabled-color': string;
    '--pw-core-success-primary-color': string;
    '--pw-core-error-primary-color': string;
    '--pw-core-btn-primary-bg-color': string;
    '--pw-core-btn-primary-text-color': string;
    '--pwauth-btn-connect-text-color': string;
    '--pwauth-btn-connect-bg-color': string;
    '--pwauth-btn-connected-text-color': string;
    '--pwauth-btn-connected-bg-color': string;
    '--pwauth-btn-connect-border-radius': string;
};
type ThemeTokens = ColorThemeTokens & {
    '--pw-core-font-family': string;
    '--pw-core-text-size': string;
    '--pw-core-modal-border': string;
    '--pw-core-modal-border-radius': string;
    '--pw-core-modal-width': string;
    '--pw-core-modal-padding': string;
    '--pw-core-list-spacing': string;
    '--pw-core-btn-border-radius': string;
    '--pwauth-btn-connect-border-radius': string;
};
type ButtonColorTokens = {
    '--pwauth-btn-connect-text-color': string;
    '--pwauth-btn-connect-bg-color': string;
    '--pwauth-btn-connected-text-color': string;
    '--pwauth-btn-connected-bg-color': string;
};
type ButtonThemeTokens = ButtonColorTokens & {
    '--pwauth-btn-connect-border-radius': string;
};
export type ThemeOverrides = Partial<ThemeTokens> & {
    light?: Partial<ColorThemeTokens>;
    dark?: Partial<ColorThemeTokens>;
};
export type ButtonThemeOverrides = Partial<ButtonThemeTokens> & {
    light?: Partial<ButtonColorTokens>;
    dark?: Partial<ButtonColorTokens>;
};
export declare const themeDefault: {
    '--pw-int-text-heading-xsmall-size': string;
    '--pw-int-text-body-large-size': string;
    '--pw-int-font-family': string;
    '--pw-int-modal-width': string;
};
export declare const lightThemeDefault: {
    '--pw-int-bg-primary-color': string;
    '--pw-int-text-primary-color': string;
    '--pw-int-text-secondary-color': string;
    '--pw-int-brand-primary-color': string;
};
export declare const darkThemeDefault: {
    '--pw-int-bg-primary-color': string;
    '--pw-int-text-primary-color': string;
    '--pw-int-text-secondary-color': string;
    '--pw-int-brand-primary-color': string;
};
export declare const buttonThemeDefault: {
    '--pwauth-btn-connect-text-color': string;
    '--pwauth-btn-connect-bg-color': string;
    '--pwauth-btn-connected-text-color': string;
    '--pwauth-btn-connected-bg-color': string;
    '--pwauth-btn-connect-border-radius': string;
};
export declare const defaultThemeKeys: string[];
export {};