Update styling of the day indicator column

src/components/App.scss

@@ -73,6 +73,8 @@ code {
   --lecture-text: #{$blue-700};
   --labs-text: #{$pink-700};
   --deadline-text: #{$teal-700};
+
+  --day-indicator-column: #{rgba($gray-500, 0.25)}
 }
 
 [data-theme="dark"] {
@@ -132,6 +134,8 @@ code {
   --lecture-text: #{$blue-300};
   --labs-text: #{$pink-300};
   --deadline-text: #{$teal-300};
+
+  --day-indicator-column: #{rgba($gray-500, 0.25)}
 }
 
 .btn-primary.focus,

src/components/pages/Timeline/style.module.scss

@@ -136,9 +136,9 @@
 .dayIndicatorColumn {
   grid-row: 1;
   grid-column: 9 / 10;
-  margin-top: 0.5rem;
-  margin-bottom: 1.125rem;
-  border-radius: 0.5rem;
-  background-color: var(--background-color);
-  border: 1px solid var(--border-color);
+  margin-right: 0.75rem;
+  margin-bottom: 0.625rem;
+  margin-left: 0.75rem;
+  background-color: var(--day-indicator-column);
+  border: 0.0625rem solid var(--border-color);
 }