mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2025-12-23 22:18:36 -05:00
a9ca4ff02b
* Replacing styles/colors.js with tailwind theme colors. Closes #196. * Added tailwind colors alias into babel module resolver extension, changed tailwind-colors.js to tailwindColors.js.
55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
const PRIMARY = "#5D8017";
|
|
const PRIMARY_DISABLED = "#C6DC98";
|
|
const WARNING = "#9B1111";
|
|
const WARNING_DISABLED = "#B95F5E";
|
|
const NEUTRAL = "#979797";
|
|
const NEUTRAL_DISABLED = "#D3D3D3";
|
|
|
|
module.exports = {
|
|
content: ["index.js", "./src/**/*.js"],
|
|
theme: {
|
|
extend: {
|
|
height: {
|
|
22: "5.5rem"
|
|
},
|
|
fontFamily: {
|
|
"Whitney-Medium": ["Whitney-Medium"],
|
|
"Whitney-Medium-Pro": ["Whitney-Medium-Pro"], // Android naming convention
|
|
"Whitney-Light": ["Whitney-Light"],
|
|
// selected from list of fonts already available in RN
|
|
// https://infinitbility.com/react-native-font-family-list/
|
|
"Papyrus-Condensed": ["Papyrus-Condensed"],
|
|
Roboto: ["Roboto"]
|
|
}
|
|
},
|
|
colors: {
|
|
primary: "#77b300",
|
|
secondary: "#979797",
|
|
tertiary: "#C4C4C4",
|
|
white: "#ffffff",
|
|
red: "#ff0000",
|
|
black: "#000000",
|
|
transparent: "#ff000000",
|
|
inatGreen: "#77b300",
|
|
inatGreenDisabled: "#cce2a4",
|
|
gray: "#393939",
|
|
lightGray: "#f5f5f5",
|
|
midGray: "#cccccc",
|
|
borderGray: "#d1d1d1",
|
|
grayText: "#999999",
|
|
logInGray: "#999999",
|
|
border: "#DBDBDB",
|
|
buttonPrimary: PRIMARY,
|
|
buttonPrimaryDisabled: PRIMARY_DISABLED,
|
|
buttonWarning: WARNING,
|
|
buttonWarningDisabled: WARNING_DISABLED,
|
|
buttonNeutral: NEUTRAL,
|
|
buttonNeutralDisabled: NEUTRAL_DISABLED,
|
|
selectionGreen: "#C1FF00"
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|