From 85f24c973ba293bbcb10086616aa409f21ffe2be Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Wed, 2 Mar 2022 20:56:32 +0100
Subject: [PATCH] improve color & outline color & shadow color

---
 packages/app/src/components/PostCard/index.less | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/components/PostCard/index.less b/packages/app/src/components/PostCard/index.less
index 2beb676e..9cddaf3b 100644
--- a/packages/app/src/components/PostCard/index.less
+++ b/packages/app/src/components/PostCard/index.less
@@ -5,7 +5,7 @@
     width    : 100%;
     max-width: 600px;
 
-    filter: drop-shadow(3px 3px 2px #c5c5c5);
+    filter: drop-shadow(3px 3px 2px var(--shadow-color));
 
     background-color: var(--background-color-accent);
     border-radius   : 8px;
@@ -18,8 +18,7 @@
 
     &.liked {
         filter: drop-shadow(0px 0px 2px var(--primaryColor));
-
-        //outline-color: ;
+        outline-color: var(--primaryColor);
     }
 
     .actionsIndicator {
@@ -71,7 +70,10 @@
 
                     width: fit-content;
 
+                    color: var(--background-color-contrast);
+
                     h1 {
+                        color      : var(--background-color-contrast);
                         margin     : 0;
                         font-family: "DM Mono", monospace;
                         align-self : start;
@@ -88,6 +90,8 @@
                 flex-direction: row;
                 font-size     : 16px;
 
+                color: var(--background-color-contrast);
+
                 .item {
                     cursor: pointer;
                 }
@@ -112,6 +116,8 @@
             font-size  : 14px;
             font-family: "Poppins", sans-serif;
 
+            color: var(--background-color-contrast);
+
             overflow   : hidden;
             word-break : break-all;
             user-select: text;
@@ -144,7 +150,7 @@
         transition   : all 0.2s ease-in-out;
 
         background-color: var(--background-color-primary);
-        filter          : drop-shadow(3px 3px 2px #c5c5c5);
+        filter          : drop-shadow(3px 3px 2px var(--shadow-color));
     }
 
     .actions {
@@ -157,6 +163,8 @@
 
         transition: all 0.2s ease-in-out;
 
+        color: var(--background-color-contrast);
+
         .action {
             display       : inline-flex;
             flex-direction: column;