Files
iNaturalistReactNative/tailwind.config.js
Amanda Bullington c740a06224 Start using Tailwind CSS (#185)
Starts changing styles over to tailwind via nativewind.

* Update node to 16.17.0
* Use styled() to ignore flow errors about className or tw props when styling components with nativewind
* Upgrade realm to make test suite run; set failing test in Explore as todo
* Add workaround for getting pods to run with XCode 14
* Fix for loading remote obs with infinite scroll
* Add styling section to README
* Use IconButton from rn-paper to make buttons more responsive to press
* Add caret next to camera roll album picker
* Fixed broken addition of gallery photos to existing observation
* Removed flatlist from scrollview on ProjectDetails (apparently not allowed?)
* Moved border style from Image to container in PhotoCarousel (border color
  not allowed for images?)

Co-authored-by: Ken-ichi Ueda <kenichi.ueda@gmail.com>
2022-10-19 17:15:55 -07:00

39 lines
907 B
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"
}
},
colors: {
primary: "#77b300",
secondary: "#979797",
tertiary: "#C4C4C4",
white: "#ffffff",
red: "#ff0000",
black: "#000000",
border: "#DBDBDB",
grayText: "#999999",
buttonPrimary: PRIMARY,
buttonPrimaryDisabled: PRIMARY_DISABLED,
buttonWarning: WARNING,
buttonWarningDisabled: WARNING_DISABLED,
buttonNeutral: NEUTRAL,
buttonNeutralDisabled: NEUTRAL_DISABLED,
midGray: "#cccccc",
selectionGreen: "#C1FF00"
}
},
plugins: []
};