mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2025-12-23 22:18:36 -05:00
e14d620992
* Flag Id Modal created. * Flag item modal radio buttons, styling, cancel button * Flag Item Modal, Api Flags file created * Added id field in Identifications realm schema, Flag Item Modal API call * Clear form, toggle function, click title not just checkbox to toggle * Fixed android checkbox toggle. * Clean up. Flag ID ObsDetail. Closes #301. * Flag realm model, flagged status shown on initial load * Refresh observation after item flagged. In Progress. * Remove console logs, add onError * save button loading spinner * Realm 31 migration for obsservation updated_at * Flags test file * FlagItemModal tests * FlagItemModal tests --------- Co-authored-by: Amanda Bullington <albullington@gmail.com>
95 lines
2.3 KiB
JavaScript
95 lines
2.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
|
|
const PRIMARY_DISABLED = "#C6DC98";
|
|
const WARNING_DISABLED = "#B95F5E";
|
|
const NEUTRAL_DISABLED = "#D3D3D3";
|
|
|
|
module.exports = {
|
|
content: ["index.js", "./src/**/*.js"],
|
|
theme: {
|
|
extend: {
|
|
fontSize: {
|
|
"3xl": ["26px", {
|
|
lineHeight: "31px"
|
|
}
|
|
],
|
|
"2xl": ["22px", {
|
|
lineHeight: "26px"
|
|
}
|
|
],
|
|
xl: ["21px", {
|
|
lineHeight: "25px"
|
|
}
|
|
],
|
|
lg: ["19px", {
|
|
lineHeight: "23px"
|
|
}
|
|
],
|
|
base: ["18px", {
|
|
lineHeight: "22px"
|
|
}
|
|
],
|
|
md: ["16px", {
|
|
lineHeight: "18px"
|
|
}
|
|
],
|
|
sm: ["14px", {
|
|
lineHeight: "18px"
|
|
}
|
|
],
|
|
xs: ["12px", {
|
|
lineHeight: "14px"
|
|
}
|
|
]
|
|
},
|
|
height: {
|
|
22: "5.5rem"
|
|
},
|
|
fontFamily: {
|
|
"Whitney-Medium": ["Whitney-Medium"],
|
|
"Whitney-Medium-Pro": ["Whitney-Medium-Pro"], // Android naming convention
|
|
"Whitney-Light": ["Whitney-Light"],
|
|
"Whitney-Light-Pro": ["Whitney-Light-Pro"], // Android naming convention
|
|
// selected from list of fonts already available in RN
|
|
// https://infinitbility.com/react-native-font-family-list/
|
|
"Papyrus-Condensed": ["Papyrus-Condensed"],
|
|
Roboto: ["Roboto"],
|
|
monospace: ["monospace"],
|
|
Menlo: ["Menlo"]
|
|
},
|
|
borderRadius: {
|
|
// tried using rem value here, but it wouldn't load on iOS or Android
|
|
DEFAULT: "7px"
|
|
}
|
|
},
|
|
colors: {
|
|
darkGray: "#454545",
|
|
warningRed: "#9B1010",
|
|
focusGreen: "#74AC00",
|
|
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",
|
|
accessibleGreen: "#5D8017",
|
|
buttonPrimaryDisabled: PRIMARY_DISABLED,
|
|
buttonWarningDisabled: WARNING_DISABLED,
|
|
buttonNeutralDisabled: NEUTRAL_DISABLED,
|
|
selectionGreen: "#C1FF00",
|
|
flaggedBackground: "#fcf8e3",
|
|
flaggedText: "#8a6d3a"
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|