improved css

frontend/src/assets/variables.scss

@@ -0,0 +1,19 @@
+$white-1: oklch(90% 0 0);
+$white-2: oklch(80% 0 0);
+$gray-1: oklch(70% 0 0);
+$gray-2: oklch(60% 0 0);
+$gray-3: oklch(50% 0 0);
+$gray-4: oklch(40% 0 0);
+$gray-5: oklch(30% 0 0);
+$black-1: oklch(20% 0 0);
+$black-2: oklch(10% 0 0);
+
+$text-color: $white-1;
+$background-color: $gray-5;
+
+$time-tick: $white-1;
+$grid-line: $white-1;
+$major-tick: $gray-2;
+$minor-tick: $gray-3;
+
+$text-font: Helvetica, sans-serif;