feat(theme): update message date color

ph1p · May 24, 2020 · 7bde21e · 7bde21e
1 parent 4f38e35
commit 7bde21e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -140,7 +140,8 @@ const Head = styled.div`
     opacity: 0.4;
     font-weight: bold;
     margin-right: 16px;
-    &.active {
+    &.active,
+    &:hover {
       opacity: 1;
     }
   }

diff --git a/src/components/Message.tsx b/src/components/Message.tsx
@@ -107,8 +107,9 @@ const MessageHeader = styled.header`
 
 const MessageDate = styled.div`
   font-weight: normal;
-  color: #b3b3b3;
+  color: ${(p) => p.theme.secondaryFontColor};
   font-size: 9px;
+  font-weight: 600;
 `;
 
 const MessageFlex = styled.div`

diff --git a/src/shared/theme.ts b/src/shared/theme.ts
@@ -1,5 +1,6 @@
 const darkTheme = {
   fontColor: "#fff",
+  secondaryFontColor: "#615e73",
   fontColorInverse: "#000",
   backgroundColor: '#0D0B1C',
   secondaryBackgroundColor: '#1F2538',
@@ -9,6 +10,7 @@ const darkTheme = {
 
 const theme = {
   fontColor: "#000",
+  secondaryFontColor: "#cecece",
   fontColorInverse: "#fff",
   backgroundColor: '#fff',
   secondaryBackgroundColor: '#eceff4',