theme fixes

client/src/adapters/project.ts

@@ -12,7 +12,7 @@ export enum Status {
 }
 
 export const StatusColors = new Map<string, string>([
-    ['open', 'blue'],
+    ['open', 'lightblue'],
     ['closed', 'purple'],
     ['suspended', 'red']
 ]);

client/src/components/graphs/LineGraph/index.tsx

-export default function LineGraph() {
-    return (
-        <div className="line-graph">
-            <svg viewBox="0 0 260 90" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M6.2015 75.7723C20.1112 70.0477 37.6267 81.5131 63.9321 78.3076C90.2375 75.102 102.251 20.7496 131.038 17.2416C159.825 13.7336 179.555 30.9736 198.912 28.6147C218.269 26.2559 235.267 4.54031 256.113 2.00004" stroke="url(#paint0_linear)" strokeWidth="4" />
-                <defs>
-                    <linearGradient id="paint0_linear" x1="262" y1="2" x2="21" y2="85" gradientUnits="userSpaceOnUse">
-                        <stop stopColor="white" />
-                        <stop offset="1" stopColor="white" stopOpacity="0.61" />
-                    </linearGradient>
-                </defs>
-            </svg>
-        </div>
-    )
-}
\ No newline at end of file

client/src/components/ui/Project/index.tsx

@@ -10,6 +10,7 @@ import { Completion } from 'adapters/util';
 import LoadingScreen from '../LoadingScreen';
 import Tag from '../Tag';
 import { StatusColors } from 'adapters/project';
+import { formatDate } from 'timely';
 
 export interface ProjectProps {
     project: IProject
@@ -43,7 +44,7 @@ export default function Project({ project, large }: ProjectProps) {
                     large &&
                     <div className="details">
                         {project.deadline && (
-                            <div className="deadline">{project.deadline.toUTCString()}</div>
+                            <div className="deadline">{formatDate(project.deadline, 'month')}</div>
                         )}
                         <AssigneeList assignees={assignees} max={3} />
                     </div>

client/src/pages/Projects/ProjectDetail/ProjectDetails/index.tsx

@@ -7,6 +7,7 @@ import { useEffect, useState } from 'react';
 import { getTeam } from 'adapters/team';
 import LoadingScreen from 'components/ui/LoadingScreen';
 import { parseActivity } from 'adapters/util';
+import { formatDate } from 'timely';
 
 interface Props {
     project: Project
@@ -33,7 +34,7 @@ export default function ProjectDetails({ project }: Props) {
         details.push({
             icon: 'warning',
             title: 'Deadline',
-            label: project.deadline?.getMonth().toString() ?? ''
+            label: formatDate(project.deadline, 'month')
         });
     }
 

client/src/styles/settings.scss

@@ -5,7 +5,7 @@ $primary-dark: var(--primary-dark);
 $secondary: #7DEFFF;
 $red: #E51C4A;
 $light: #F9F9F9;
-$dark: #180923;
+$dark: #11061A;
 
 $light-gray: #F8F8F8;
 
@@ -22,23 +22,23 @@ $colors: (
 );
 
 $themeDarkMap: (
-    'red': #E31A4A,
-    'orange': #E03333,
-    'yellow': #E09033,
-    'green': #299C50,
+    'red': #FF3465,
+    'orange': #FF4242,
+    'yellow': #FF9D29,
+    'green': #5ABF2B,
     'lightblue': #0E8BFF,
-    'blue': #1D00D0,
-    'purple': #7B10E7
+    'blue': #1768FF,
+    'purple': #8A24DA
 );
 
 $themeLightMap: (
-    'red': #FE6442,
-    'orange': #FE8642,
-    'yellow': #FEE042,
-    'green': #8AF194,
-    'lightblue': #70E5ED,
+    'red': #FF5A5A,
+    'orange': #FF9A61,
+    'yellow': #FFDC24,
+    'green': #7CF144,
+    'lightblue': #72BFFF,
     'blue': #428DFE,
-    'purple': #CD42FE
+    'purple': #AC42FF
 );
 
 $linear-gradient: linear-gradient(to bottom, $primary, $primary-dark);