@t1mmen/srtd/dist/components/customTheme.js

Supabase Repeatable Template Definitions (srtd): 🪄 Live-reloading SQL templates for Supabase DX. Make your database changes reviewable and migrations maintainable! 🚀

import { defaultTheme, extendTheme } from '@inkjs/ui';
export const COLOR_SUPABASE = '#3ecf8e';
export const COLOR_ACCENT = 'magenta';
export const COLOR_SUCCESS = 'green';
export const COLOR_ERROR = 'red';
export const COLOR_WARNING = 'yellow';
export const COLOR_SKIP = 'gray';
export const OPTION_COLOR_SELECTED = 'green';
export const customTheme = extendTheme(defaultTheme, {
    components: {
        Select: {
            styles: {
                focusIndicator: () => ({
                    color: COLOR_ACCENT,
                    bold: true,
                }),
                label({ isSelected, isFocused }) {
                    let color;
                    let bold;
                    if (isSelected && isFocused) {
                        color = OPTION_COLOR_SELECTED;
                        bold = true;
                    }
                    else if (isSelected) {
                        color = OPTION_COLOR_SELECTED;
                    }
                    else if (isFocused) {
                        color = COLOR_ACCENT;
                    }
                    return { color, bold };
                },
            },
        },
        MultiSelect: {
            styles: {
                focusIndicator: () => ({
                    color: COLOR_ACCENT,
                    bold: true,
                }),
                label({ isFocused, isSelected }) {
                    let color;
                    let bold;
                    if (isSelected && isFocused) {
                        color = OPTION_COLOR_SELECTED;
                        bold = true;
                    }
                    else if (isSelected) {
                        color = OPTION_COLOR_SELECTED;
                    }
                    else if (isFocused) {
                        color = COLOR_ACCENT;
                    }
                    return { color, bold };
                },
            },
        },
        Spinner: {
            styles: {
                frame: () => ({
                    color: COLOR_ACCENT,
                }),
            },
        },
    },
});
//# sourceMappingURL=customTheme.js.map