2 files changed, 5 insertions, 4 deletions
diff --git a/FrontEnd/src/pages/timeline/Timeline.css b/FrontEnd/src/pages/timeline/Timeline.css
index 656374e9..5325af98 100644
--- a/FrontEnd/src/pages/timeline/Timeline.css
+++ b/FrontEnd/src/pages/timeline/Timeline.css
@@ -1,12 +1,12 @@
 .timeline-container {
-  --timeline-shadow-color: #00000080;
+  --timeline-shadow-color: hsla(0, 0%, 0%, 0.5);
   --timeline-card-shadow: 2px 1px 10px -2px var(--timeline-shadow-color);
-  --timeline-post-line-color: #eadd2c;
+  --timeline-post-line-color: hsl(56, 82%, 55%);
   --timeline-post-line-shadow: 2px 1px 10px -1px var(--timeline-shadow-color);
   --timeline-post-card-background-color: hsl(0, 0%, 100%);
   --timeline-post-card-shadow: 4px 2px 10px -2px var(--timeline-shadow-color);
   --timeline-post-card-border-radius: 10px;
-  --timeline-post-text-color: #000000;
+  --timeline-post-text-color: hsl(0, 0%, 0%);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -168,7 +168,7 @@
 }
 
 .timeline-post-item-options-mask {
-  background: rgba(255, 255, 255, 0.85);
+  background: hsla(0, 0%, 100%, 0.85);
   z-index: 100;
   position: absolute;
   left: 0;
diff --git a/FrontEnd/src/pages/timeline/TimelineCard.css b/FrontEnd/src/pages/timeline/TimelineCard.css
index cf2704a9..ab1a1fd0 100644
--- a/FrontEnd/src/pages/timeline/TimelineCard.css
+++ b/FrontEnd/src/pages/timeline/TimelineCard.css
@@ -4,6 +4,7 @@
   top: 56px;
   right: 0;
   margin: 0.5em;
+  padding: 0.5em;
   box-shadow: var(--timeline-card-shadow);
 }