adjust dark mode palette to more pleasing

stuyspec · Aug 11, 2022 · b505623 · b505623
1 parent f99d582
commit b505623
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/index.css b/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;

diff --git a/src/modules/core/components/DarkModeToggle.js b/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}