From ce216219275b60bda71e5abe5978ba9079d188b8 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 8 Apr 2022 10:36:45 -0700
Subject: [PATCH] Use a themed font colour for the article actions buttons

---
 .../templates/article/ArticleActionsMenu.tsx           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/web/components/templates/article/ArticleActionsMenu.tsx b/packages/web/components/templates/article/ArticleActionsMenu.tsx
index 0e30ec958..4e0eb283c 100644
--- a/packages/web/components/templates/article/ArticleActionsMenu.tsx
+++ b/packages/web/components/templates/article/ArticleActionsMenu.tsx
@@ -44,25 +44,25 @@ export function ArticleActionsMenu(props: ArticleActionsMenuProps): JSX.Element
       }}
     >
       <Button style='articleActionIcon'>
-        <TextAa size={24} color='#5D5C5B' />
+        <TextAa size={24} color={theme.colors.readerFont.toString()} />
       </Button>
       <MenuSeparator layout={props.layout} />
 
       <Button style='articleActionIcon'>
-        <TagSimple size={24} color='#5D5C5B' />
+        <TagSimple size={24} color={theme.colors.readerFont.toString()} />
       </Button>
       <Button style='articleActionIcon'>
-        <HighlighterCircle size={24} color='#5D5C5B' />
+        <HighlighterCircle size={24} color={theme.colors.readerFont.toString()} />
       </Button>
       <MenuSeparator layout={props.layout} />
 
       <Button style='articleActionIcon'>
-        <ArchiveBox size={24} color='#5D5C5B' />
+        <ArchiveBox size={24} color={theme.colors.readerFont.toString()} />
       </Button>
       <MenuSeparator layout={props.layout} />
 
       <Button style='articleActionIcon'>
-        <DotsThree size={24} color='#5D5C5B' />
+        <DotsThree size={24} color={theme.colors.readerFont.toString()} />
       </Button>
     </Box>
   )