adjust dark mode palette to more pleasing

Author: dchen278

src/index.css

@@ -13,14 +13,14 @@ body.dark-mode {
   background-color: #1a1919;
 }
 body.dark-mode a {
-  color: white !important;
+  color: #EDEDED !important;
 }
 body.dark-mode p {
-  color: white !important;
+  color: #EDEDED !important;
 }
 body.dark-mode * {
-  background-color: #1a1919;
-  color: white !important;
+  background-color: #171717;
+  color: #EDEDED !important;
 }
 body.dark-mode .sidebar {
   background-color: #1a1919 !important;

src/modules/core/components/DarkModeToggle.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 
-import useDarkMode from 'use-dark-mode';
-import { Moon, Sun } from '../icons';
+import useDarkMode from "use-dark-mode";
+import { Moon, Sun } from "../icons";
 
 function DarkModeToggle() {
   const darkMode = useDarkMode(false);
@@ -11,7 +11,11 @@ function DarkModeToggle() {
     <div className="dark-mode-toggle">
       <button
         style={{
-          padding: '3px', border: value ? '2px solid white' : '2px solid black', width: '35px', height: '35px', top: '3px',
+          padding: "3px",
+          border: value ? "2px solid white" : "2px solid black",
+          width: "35px",
+          height: "35px",
+          top: "3px",
         }}
         type="button"
         onClick={darkMode.toggle}