update md link colors

DINHaus · Jun 13, 2024 · 40015f2 · 40015f2
1 parent d6ba46e
commit 40015f2
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/src/components/customFields/MarkDownField.tsx b/src/components/customFields/MarkDownField.tsx
@@ -34,6 +34,8 @@ const MarkDownContainer = styled.div`
   background-color: hsl(228, 43.3%, 17.5%);
   font-size: 1.5rem;
   font-family: inherit;
+
+  
 `;
 
 const DialogMarkDownContainer = styled.div`
@@ -140,7 +142,9 @@ export const MarkdownField = (props: Buildable<Field>) => {
                   <Label>Preview</Label>
                 </LabelContainer>
                 <DialogMarkDownContainer>
-                  <ReactMarkdown>{value}</ReactMarkdown>
+                  <ReactMarkdown components={{
+                    a: ({ node, ...props }) => <a style={{ color: '#00dd65' }} {...props} />
+                  }}>{value}</ReactMarkdown>
                 </DialogMarkDownContainer>
               </>
             )}

diff --git a/src/pages/ArticleDetails.tsx b/src/pages/ArticleDetails.tsx
@@ -165,7 +165,9 @@ export const ArticleDetails = ({
       )}
 
       <ReactMarkdownWrapper>
-        <ReactMarkdown>{parsedContent?.content}</ReactMarkdown>
+        <ReactMarkdown components={{
+          a: ({ node, ...props }) => <a style={{ color: '#00dd65' }} {...props} />
+        }}>{parsedContent?.content}</ReactMarkdown>
       </ReactMarkdownWrapper>
       {shamanAddress && hash && <CollectedBy hash={hash} />}
       <ArticleLinks>

diff --git a/src/pages/Comments.tsx b/src/pages/Comments.tsx
@@ -166,7 +166,9 @@ export const Comments = ({
               ) : (
                 <AuthorAvatar address={ZERO_ADDRESS} />
               )}
-              <ReactMarkdown>{parsedComment.content}</ReactMarkdown>
+              <ReactMarkdown components={{
+                a: ({ node, ...props }) => <a style={{ color: '#00dd65' }} {...props} />
+              }}>{parsedComment.content}</ReactMarkdown>
               <ArticleLinks>
                 <StyledLink
                   to={`/molochv3/${daoChain}/${daoId}/${tableRoute}/${parsedComment.parentId}`}

diff --git a/src/pages/Dao.tsx b/src/pages/Dao.tsx
@@ -57,7 +57,9 @@ export function Dao() {
         title={dao?.name}
       >
         <ReactMarkdown>{dao?.description}</ReactMarkdown>
-        <ReactMarkdown>{dao?.longDescription}</ReactMarkdown>
+        <ReactMarkdown components={{
+          a: ({ node, ...props }) => <a style={{ color: '#00dd65' }} {...props} />
+        }}>{dao?.longDescription}</ReactMarkdown>
 
       </Card>)}