export declare const sysDefaultTheme: {
    colorSysPage: {
        light: string;
        dark: string;
    };
    colorSysBrand: {
        light: string;
        dark: string;
    };
    colorSysMo: {
        light: string;
        dark: string;
    };
    colorSysBlue: {
        light: string;
        dark: string;
    };
    colorSysOrange: {
        light: string;
        dark: string;
    };
    colorSysPink: {
        light: string;
        dark: string;
    };
    colorSysIndigo: {
        light: string;
        dark: string;
    };
    colorSysPurple: {
        light: string;
        dark: string;
    };
    colorSysTealblue: {
        light: string;
        dark: string;
    };
    colorSysYellow: {
        light: string;
        dark: string;
    };
    colorSysGreen: {
        light: string;
        dark: string;
    };
    colorSysRed: {
        light: string;
        dark: string;
    };
    colorSysGray: {
        light: string;
        dark: string;
    };
    colorBackPrimary: {
        light: string;
        dark: string;
    };
    colorBackSecondary: {
        light: string;
        dark: string;
    };
    colorBackTertiary: {
        light: string;
        dark: string;
    };
    colorBackQuarternary: {
        light: string;
        dark: string;
    };
    colorLabelPrimary: {
        light: string;
        dark: string;
    };
    colorLabelSecondary: {
        light: string;
        dark: string;
    };
    colorLabelTertiary: {
        light: string;
        dark: string;
    };
    colorLabelQuarternary: {
        light: string;
        dark: string;
    };
    colorLabelLink: {
        light: string;
        dark: string;
    };
    colorLabelError: {
        light: string;
        dark: string;
    };
    colorFillPrimary: {
        light: string;
        dark: string;
    };
    colorFillSecondary: {
        light: string;
        dark: string;
    };
    colorFillTertiary: {
        light: string;
        dark: string;
    };
    colorFillQuarternary: {
        light: string;
        dark: string;
    };
    colorFillNonopasep: {
        light: string;
        dark: string;
    };
    colorFillOpasep: {
        light: string;
        dark: string;
    };
    opacityActive: {
        light: number;
        dark: number;
    };
    opacityDisable: {
        light: number;
        dark: number;
    };
};
export declare const getCompDefaultTheme: (_sysDefaultTheme: typeof sysDefaultTheme) => {
    pageBackgroundColor: {
        light: string;
        dark: string;
    };
    uploaderBackgroundColor: {
        light: string;
        dark: string;
    };
    uploaderBackgroundColorDisabledOpacity: {
        light: number;
        dark: number;
    };
    uploaderTextColor: {
        light: string;
        dark: string;
    };
    uploaderMaskBackgroundColor: {
        light: string;
        dark: string;
    };
    uploaderMaskTextColor: {
        light: string;
        dark: string;
    };
    uploaderPhotoIconColor: {
        light: string;
        dark: string;
    };
    uploaderCloseIconColor: {
        light: string;
        dark: string;
    };
    uploaderMaskFailIconColor: {
        light: string;
        dark: string;
    };
    uploaderMaskLoadingIconColor: {
        light: string;
        dark: string;
    };
    textareaBackgroundColor: {
        light: string;
        dark: string;
    };
    textareaTextColor: {
        light: string;
        dark: string;
    };
    textareaCloseIconColor: {
        light: string;
        dark: string;
    };
    textareaTextPlaceholderColor: {
        light: string;
        dark: string;
    };
    textareaCountColor: {
        light: string;
        dark: string;
    };
    textareaCountErrorColor: {
        light: string;
        dark: string;
    };
    tabsBackgroundColor: {
        light: string;
        dark: string;
    };
    tabsViewColor: {
        light: string;
        dark: string;
    };
    tabsSelectedViewColor: {
        light: string;
        dark: string;
    };
    tabsLineColor: {
        light: string;
        dark: string;
    };
    switchActiveColor: {
        light: string;
        dark: string;
    };
    switchInactiveColor: {
        light: string;
        dark: string;
    };
    switchColor: {
        light: string;
        dark: string;
    };
    switchDisabledColor: {
        light: string;
        dark: string;
    };
    inputBackgroundColor: {
        light: string;
        dark: string;
    };
    inputTextColor: {
        light: string;
        dark: string;
    };
    inputCloseIconColor: {
        light: string;
        dark: string;
    };
    inputTextPlaceholderColor: {
        light: string;
        dark: string;
    };
    searchBackgroundColor: {
        light: string;
        dark: string;
    };
    searchTextColor: {
        light: string;
        dark: string;
    };
    searchCloseIconColor: {
        light: string;
        dark: string;
    };
    searchTextPlaceholderColor: {
        light: string;
        dark: string;
    };
    searchIconColor: {
        light: string;
        dark: string;
    };
    searchButtonColor: {
        light: string;
        dark: string;
    };
    loadingColor: {
        light: string;
        dark: string;
    };
    emptyColor: {
        light: string;
        dark: string;
    };
    cardColor: {
        light: string;
        dark: string;
    };
    cardRequireColor: {
        light: string;
        dark: string;
    };
    cardArrowRightIconColor: {
        light: string;
        dark: string;
    };
    cardBorderBottomColor: {
        light: string;
        dark: string;
    };
    panelBackgroundColor: {
        light: string;
        dark: string;
    };
    popupBackgroundColor: {
        light: string;
        dark: string;
    };
    popupCancelColor: {
        light: string;
        dark: string;
    };
    popupTitleColor: {
        light: string;
        dark: string;
    };
    popupConfirmColor: {
        light: string;
        dark: string;
    };
    cascaderClearColor: {
        light: string;
        dark: string;
    };
    cascaderViewColor: {
        light: string;
        dark: string;
    };
    cascaderSelectedViewColor: {
        light: string;
        dark: string;
    };
    cascaderDisabledViewColor: {
        light: string;
        dark: string;
    };
    popupCenterBackgroundColor: {
        light: string;
        dark: string;
    };
    popupCenterCloseColor: {
        light: string;
        dark: string;
    };
    iconColor: {
        light: string;
        dark: string;
    };
    buttonDefaultBackgroundColor: {
        light: string;
        dark: string;
    };
    buttonDefaultTextColor: {
        light: string;
        dark: string;
    };
    buttonPrimaryBackgroundColor: {
        light: string;
        dark: string;
    };
    buttonPrimaryTextColor: {
        light: string;
        dark: string;
    };
    buttonInfoBackgroundColor: {
        light: string;
        dark: string;
    };
    buttonInfoTextColor: {
        light: string;
        dark: string;
    };
    buttonWarningBackgroundColor: {
        light: string;
        dark: string;
    };
    buttonWarningTextColor: {
        light: string;
        dark: string;
    };
    buttonDangerBackgroundColor: {
        light: string;
        dark: string;
    };
    buttonDangerTextColor: {
        light: string;
        dark: string;
    };
    pickerViewMaskBackgroundColor: {
        light: string;
        dark: string;
    };
    pickerViewClearColor: {
        light: string;
        dark: string;
    };
    pickerViewSelectedViewColor: {
        light: string;
        dark: string;
    };
    pickerViewSelectedViewBorderColor: {
        light: string;
        dark: string;
    };
};