4 files changed, 10 insertions, 9 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);
 }
 
diff --git a/FrontEnd/src/views/common/dialog/ConfirmDialog.tsx b/FrontEnd/src/views/common/dialog/ConfirmDialog.tsx
index ee4bf2d7..dbbd15c6 100644
--- a/FrontEnd/src/views/common/dialog/ConfirmDialog.tsx
+++ b/FrontEnd/src/views/common/dialog/ConfirmDialog.tsx
@@ -26,7 +26,7 @@ export default function ConfirmDialog({
     <Dialog onClose={onClose} open={open}>
       <DialogContainer
         title={title}
-        titleColor={color}
+        titleColor={color ?? "danger"}
         buttons={[
           {
             key: "cancel",
diff --git a/FrontEnd/src/views/common/theme.css b/FrontEnd/src/views/common/theme.css
index 9b098039..6ceb369f 100644
--- a/FrontEnd/src/views/common/theme.css
+++ b/FrontEnd/src/views/common/theme.css
@@ -18,17 +18,17 @@
 
 /* common colors */
 :root {
-  --cru-background-color: #ffffff;
+  --cru-background-color: hsl(0, 0%, 100%);
   --cru-container-background-color: hsl(0, 0%, 97%);
-  --cru-text-primary-color: #000000;
+  --cru-text-primary-color: hsl(0, 0%, 0%);
   --cru-text-secondary-color: hsl(0, 0%, 38%);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --cru-background-color: #000000;
+    --cru-background-color: hsl(0, 0%, 0%);
     --cru-container-background-color: hsl(0, 0%, 2%);
-    --cru-text-primary-color: #ffffff;
+    --cru-text-primary-color: hsl(0, 0%, 100%);
     --cru-text-secondary-color: hsl(0, 0%, 85%);
   }
 }