3 files changed, 11 insertions, 15 deletions
diff --git a/FrontEnd/src/pages/timeline/Timeline.css b/FrontEnd/src/pages/timeline/Timeline.css
index 5bf0a7bb..01a6acd6 100644
--- a/FrontEnd/src/pages/timeline/Timeline.css
+++ b/FrontEnd/src/pages/timeline/Timeline.css
@@ -1,17 +1,19 @@
 .timeline-container {
+  --timeline-background-color: hsl(0, 0%, 95%);
   --timeline-shadow-color: hsla(0, 0%, 0%, 0.5);
   --timeline-card-shadow: 2px 1px 10px -2px var(--timeline-shadow-color);
-  --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-shadow: 0px 0px 11px -2px var(--timeline-shadow-color);
   --timeline-post-card-border-radius: 10px;
   --timeline-post-text-color: hsl(0, 0%, 0%);
+  --timeline-datetime-label-background-color: hsl(0, 0%, 30%);
 }
 
 @media (prefers-color-scheme: dark) {
-  .timeline {
-    --timeline-post-card-background-color: hsl(0, 0%, 12%);
+  .timeline-container {
+    --timeline-background-color: hsl(0, 0%, 0%);
+    --timeline-post-card-background-color: hsl(0, 0%, 15%);
+    --timeline-post-card-shadow: none;
   }
 }
 
@@ -20,11 +22,7 @@
   position: relative;
   width: 100%;
   padding-top: 10px;
-}
-
-.timeline-content-image {
-  max-width: 80%;
-  max-height: 200px;
+  background: var(--timeline-background-color);
 }
 
 .timeline-post-item-options-mask {
@@ -58,4 +56,3 @@
   vertical-align: middle;
   margin-right: 0.6em;
 }
-
diff --git a/FrontEnd/src/pages/timeline/TimelineDateLabel.css b/FrontEnd/src/pages/timeline/TimelineDateLabel.css
index 1c66045b..47a4cb44 100644
--- a/FrontEnd/src/pages/timeline/TimelineDateLabel.css
+++ b/FrontEnd/src/pages/timeline/TimelineDateLabel.css
@@ -1,9 +1,9 @@
 .timeline-post-date-badge {
   display: inline-block;
-  padding: 0.1em 0.4em;
+  padding: 0.2em 0.5em;
   border-radius: 0.4em;
-  background: #7c7c7c;
+  background: var(--timeline-datetime-label-background-color);
   color: white;
   font-size: 0.8em;
   margin-left: 5em;
-}
-\ No newline at end of file
+}
diff --git a/FrontEnd/src/pages/timeline/TimelinePostList.tsx b/FrontEnd/src/pages/timeline/TimelinePostList.tsx
index 7912260a..66262ccd 100644
--- a/FrontEnd/src/pages/timeline/TimelinePostList.tsx
+++ b/FrontEnd/src/pages/timeline/TimelinePostList.tsx
@@ -53,7 +53,6 @@ export default function TimelinePostList(props: TimelinePostListViewProps) {
 
   return (
     <div>
-      <div className="timeline-post-timeline" />
       {groupedPosts.map((group) => {
         return (
           <Fragment key={group.date.toDateString()}>