@mytiki/receipt-capacitor/dist/types/options/theme.d.ts

The TIKI Receipt library adds to your Vue.js + Capacitor **mobile app** a Data Reward program for your users to share their receipts in-exchange for **cash from Tiki inc**.

/**
 * UI style customization.
 *
 * ![UI Config Guide](https://cdn.mytiki.com/assets/receipt-ui-config.png)
 *
 *
 * Alternatively set the following CSS variables:
 * *  --tiki-font-family
 * *  --tiki-primary-text-color
 * *  --tiki-secondary-text-color
 * *  --tiki-primary-background-color
 * *  --tiki-secondary-background-color
 * *  --tiki-success-color
 * *  --tiki-error-color
 */
export interface Theme {
    /**
     * The font family to use. Defaults to `"Space Grotesk", sans-serif`
     */
    fontFamily?: string;
    /**
     * The primary text color to use. Defaults to `rgb(28 0 0)`.
     */
    primaryTextColor?: string;
    /**
     * The secondary text color to use. Defaults to `rgb(28 0 0 / 60%)`.
     */
    secondaryTextColor?: string;
    /**
     * The success color to use. Defaults to `rgb(0 178 114)`.
     */
    successColor?: string;
    /**
     * The error color to use. Defaults to `rgb(199, 48, 0)`.
     */
    errorColor?: string;
    /**
     * The primary background color to use. Defaults to `rgb(255 255 255)`.
     */
    primaryBackgroundColor?: string;
    /**
     * The secondary background color to use. Defaults to `rgb(246 246 246)`.
     */
    secondaryBackgroundColor?: string;
}