@nexara/nativeflow
Version:
Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.
91 lines (80 loc) • 2.44 kB
JavaScript
"use strict";
import { dialogSizes, typographySizes } from "../constants/index.js";
// const base = Color(theme.colors.primary);
// const createTheme = (theme: { primary: string; secondary: string }) => {
// return {
// isDark: false,
// colors: {
// ...theme,
// outline: '#8080805e',
// disable: Color(theme.primary).mix(Color("white"), 0.4).hex(),
// textPrimary: '#000000',
// textSecondary: '#ffffff',
// textTertiary: 'gray',
// textDisable: '#9E9E9E',
// cursorColor: '#000000',
// placeholderColor: '#808080',
// iconPrimary: '#000000',
// iconSecondary: '#E0E0E0',
// iconDisable: '#9E9E9E',
// dividerColor: "#DCDBDB",
// switchColor: '#353935',
// error: '#ED2939',
// },
// typography: {
// variantSizes: typographySizes
// },
// // screenBreakpoints: BreakPoints,
// dialogSizes
// }
// }
// const LightTheme = createTheme({
// primary: '#000000',
// secondary: '#ffffff',
// textPrimary: '#000000',
// textSecondary: '#ffffff',
// textTertiary: 'gray',
// textDisable: '#9E9E9E',
// cursorColor: '#000000',
// placeholderColor: '#808080',
// iconPrimary: '#000000',
// iconSecondary: '#E0E0E0',
// iconDisable: '#9E9E9E',
// dividerColor: "#DCDBDB",
// switchColor: '#353935',
// error: '#ED2939',
// })
// console.log(Color('rgba(0, 0, 0, 1)').alpha(0.12).rgb().string())
const LightTheme = {
isDark: false,
colors: {
primary: '#000000',
secondary: '#ffffff',
// tertiary: '#8080805e',
// outline: '#8080805e',
outline: '#cbd5e1',
// disable: '#E0E0E0',
disable: 'rgba(100, 100, 100, 0.15)',
textPrimary: '#000000',
textSecondary: '#ffffff',
textTertiary: '#808080',
textDisable: '#9E9E9E',
cursorColor: '#000000',
// placeholderColor: '#808080',
placeholderColor: '#cbd5e1',
iconPrimary: '#000000',
iconSecondary: '#E0E0E0',
iconDisable: '#9E9E9E',
dividerColor: "#DCDBDB",
inputBgColor: '#f9fbfd',
chipBgColor: '#f9fbfd',
switchColor: '#353935',
error: '#ED2939'
},
typography: {
variantSizes: typographySizes
},
dialogSizes
};
export default LightTheme;
//# sourceMappingURL=LightTheme.js.map