fix(frontend): less agressive colors (#2612)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/colors.css

@@ -1,26 +1,27 @@
 :root {
     /* White */
-    --white-0: #ffffff;
-    --white-1: #fafafa;
-    --white-2: #fcfaf6;
+    --white-0: #e8e8e8;
+    --white-1: #e4e4e4;
+    --white-2: #e0e0e0;
 
     /* Black */
-    --black-0: #111111;
-    --black-1: #171717;
-    --black-2: #1c1c1c;
-    --black-3: #222222;
-    --black-4: #272727;
-    --black-5: #2d2d2d;
-    --black-6: #323232;
-    --black-7: #383838;
-  
+    --black-0: #1f1f1f;
+    --black-1: #252525;
+    --black-2: #2b2b2b;
+    --black-3: #313131;
+    --black-4: #373737;
+    --black-5: #3d3d3d;
+    --black-6: #434343;
+    --black-7: #494949;
+
     /* Grey */
-    --grey-O: #707070;
-    --grey-1: #c8c8c8;
-    --grey-2: #cbcbcb;
-    --grey-3: #e7e9ec;
-    --grey-4: #d3d3d3;
-    --grey-5: #f5f5f5;
+    --grey-0: #808080;
+    --grey-1: #a8a8a8;
+    --grey-2: #ababab;
+    --grey-3: #b8babc;
+    --grey-4: #b8b8b8;
+    --grey-5: #d0d0d0;
+
 
     /* Primary */
     --primary-0: #6142d4;