diff --git a/libs/moloch-v3-fields/src/fields/EpochDatePicker.tsx b/libs/moloch-v3-fields/src/fields/EpochDatePicker.tsx index e7bb1d7f..52b08f8f 100644 --- a/libs/moloch-v3-fields/src/fields/EpochDatePicker.tsx +++ b/libs/moloch-v3-fields/src/fields/EpochDatePicker.tsx @@ -21,6 +21,8 @@ import { createGlobalStyle } from 'styled-components'; * @example FIELD { EPOCH_DATE_FIELD: {id: "epochDate",type: "epochDateField",label: "Epoch Date Field",}}, */ +// TODO: set the default somehow and enforce required + export const EpochDatePicker = (props: Buildable) => { const { setValue } = useFormContext(); const [startDate, setStartDate] = useState(new Date()); diff --git a/libs/moloch-v3-fields/src/fields/MarkdownField.tsx b/libs/moloch-v3-fields/src/fields/MarkdownField.tsx index 4276f7b2..930087b1 100644 --- a/libs/moloch-v3-fields/src/fields/MarkdownField.tsx +++ b/libs/moloch-v3-fields/src/fields/MarkdownField.tsx @@ -33,7 +33,7 @@ const MarkDownContainer = styled.div` padding: 10px; margin-bottom: 5rem; border-radius: 5px; - background-color: hsl(228, 43.3%, 17.5%); + background-color: ${({ theme }) => theme.secondary.step11}; font-size: 1.5rem; font-family: inherit; `; @@ -44,7 +44,7 @@ const DialogMarkDownContainer = styled.div` padding: 10px; margin-bottom: 5rem; border-radius: 5px; - background-color: hsl(228, 43.3%, 17.5%); + background-color: ${({ theme }) => theme.secondary.step11}; font-size: 1.5rem; font-family: inherit; `;