From 305182a0473c2dfddef677fc6c3b12bbe53fa2e1 Mon Sep 17 00:00:00 2001
From: skuhlmann <samkuhlmann@gmail.com>
Date: Wed, 7 Feb 2024 19:15:26 -0700
Subject: [PATCH] adds theme color to markdown bg

---
 libs/moloch-v3-fields/src/fields/EpochDatePicker.tsx | 2 ++
 libs/moloch-v3-fields/src/fields/MarkdownField.tsx   | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

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<Field>) => {
   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;
 `;