import { StyleSheet, Platform } from 'react-native'; // 品牌色 const mtdBrandColors = { mtdBrandPrimary: '#ffd800', mtdBrandPrimaryDark: '#FFA000', mtdBrandSuccess: '#61cb28', mtdBrandWarning: '#ff8400', mtdBrandDanger: '#f23244', mtdBrandInfo: '#188afa' }; // 灰度 const mtdGrayColors = { mtdGrayBase: '#111', mtdGrayDarker: '#333', mtdGrayDark: '#555', mtdGray: '#888', mtdGrayLight: '#aaaaaa', mtdGrayLighter: '#cccccc', mtdGrayLightest: '#ebebeb' }; // 背景色 const mtdFillColors = { mtdFillBase: '#ffffff', mtdFillGray: '#F5F5F5', mtdFillBody: '#F8F8F8', mtdFillBackdrop: 'rgba(0, 0, 0, .3)', mtdFillBackdropDark: 'rgba(0, 0, 0, 0.75)' }; // 字体尺寸 const mtdFontSize = { mtdFontSizeXS: 10, mtdFontSizeS: 12, mtdFontSizeM: 14, mtdFontSizeL: 16, mtdFontSizeXL: 18, mtdFontSizeX2L: 20, mtdFontSizeX3L: 22, mtdFontSizeX4L: 24, mtdFontSizeX5L: 28 }; const mtdSpacing = { // 水平间距 mtdHSpacingS: 4, mtdHSpacingM: 8, mtdHSpacingL: 12, mtdHSpacingXL: 16, mtdHSpacingX2L: 20, // 垂直间距 mtdVSpacingXS: 2, mtdVSpacingS: 4, mtdVSpacingM: 8, mtdVSpacingL: 10, mtdVSpacingXL: 12, mtdVSpacingX2L: 16, mtdVSpacingX3L: 18, mtdVSpacingX4L: 20 }; // 圆角 const mtdRadius = { mtdRadiusXS: 2, mtdRadiusS: 4, mtdRadiusM: 6, mtdRadiusL: 8 }; const mtdBorder = { mtdBorderWidth: StyleSheet.hairlineWidth, mtdBorderColor: '#F5F5F5', mtdBorderColorDark: '#e5e5e5', mtdBorderColorDarker: '#d5d5d5' }; const mtdOpacity = 0.3; const mtdEnableAnimated = true; /** * Button 组件 */ const button = { buttonEnableAnimated: Platform.OS === 'ios', buttonBorderRadius: mtdRadius.mtdRadiusXS, buttonActiveOpacity: mtdOpacity, buttonLFontSize: mtdFontSize.mtdFontSizeXL, buttonLHSpacing: 50, buttonLVSpacing: 14, buttonMFontSize: mtdFontSize.mtdFontSizeL, buttonMHSpacing: 46, buttonMVSpacing: 12, buttonSFontSize: mtdFontSize.mtdFontSizeM, buttonSHSpacing: mtdSpacing.mtdHSpacingXL, buttonSVSpacing: 8 }; /** * Form 组件 */ const form = {}; const formItem = { formItemHSpacing: mtdSpacing.mtdHSpacingXL, formItemVSpacing: 18, formItemLabelWidth: 90, formItemLabelMarginRight: 32 }; /** * Input组件 */ const input = { // input组件安全区域 高度 inputTextFontSize: 14, inputAreaHeight: 30 }; const radio = { radioEnableAnimated: mtdEnableAnimated }; const checkbox = { checkboxEnableAnimated: mtdEnableAnimated }; const topview = { topviewZIndex: 100 }; const slider = {}; const dropdown = { dropdownEnableAnimated: mtdEnableAnimated }; const variables = { ...mtdBrandColors, ...mtdGrayColors, ...mtdFillColors, ...mtdFontSize, ...mtdSpacing, ...mtdRadius, ...mtdBorder, mtdOpacity, mtdEnableAnimated, ...button, ...form, ...formItem, ...input, ...radio, ...checkbox, ...slider, ...topview, ...dropdown }; function useTheme(args = {}) { Object.assign(variables, args); return variables; } export default variables; export { useTheme }; //# sourceMappingURL=variables.js.map