From 1ae02c80567e823a3ce5ead462202e8cd60812c7 Mon Sep 17 00:00:00 2001
From: komosyu4649 <komosyu4649@gmail.com>
Date: Sun, 23 Oct 2022 22:13:07 +0900
Subject: [PATCH] #7

---
 styles/PostDetailMain.module.scss |  2 +-
 styles/PostItem.module.scss       |  4 ++--
 styles/PostsList.module.scss      |  2 +-
 styles/StateCurrent.module.scss   |  4 ++--
 styles/globals.scss               |  2 +-
 styles/stateLayout.scss           |  2 +-
 styles/variables.scss             | 21 ++++++++++++++-------
 7 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/styles/PostDetailMain.module.scss b/styles/PostDetailMain.module.scss
index cac9606..7d40ef7 100644
--- a/styles/PostDetailMain.module.scss
+++ b/styles/PostDetailMain.module.scss
@@ -124,7 +124,7 @@
     padding: 3.5rem 5rem 1rem;
     // padding: 4.5rem 6rem 2rem;
     // background-color: var.$purple_week;
-    background-color: var.$black_week;
+    background-color: var.$key_week;
     border-radius: 1rem;
     li {
       list-style-type: disc;
diff --git a/styles/PostItem.module.scss b/styles/PostItem.module.scss
index 8ffdd79..a32e5dd 100644
--- a/styles/PostItem.module.scss
+++ b/styles/PostItem.module.scss
@@ -2,7 +2,7 @@
 
 .mainItem {
   // background-color: var.$purple_week;
-  background-color: var.$black_week;
+  background-color: var.$key_week;
   //   border-radius: 2rem;
   border-radius: 1.5rem;
 }
@@ -50,7 +50,7 @@
 
 // .mainItem {
 //   background-color: var.$purple_week;
-// // background-color: var.$black_week;
+// // background-color: var.$key_week;
 //   border-radius: 1.5rem;
 // }
 // .mainItemLink {
diff --git a/styles/PostsList.module.scss b/styles/PostsList.module.scss
index 23db9e1..63ee1ce 100644
--- a/styles/PostsList.module.scss
+++ b/styles/PostsList.module.scss
@@ -24,7 +24,7 @@
   width: 50%;
   height: 100%;
   // background-color: var.$purple;
-  background-color: var.$black;
+  background-color: var.$key;
   border-radius: 5rem;
 }
 .main {
diff --git a/styles/StateCurrent.module.scss b/styles/StateCurrent.module.scss
index f3256d2..94927d4 100644
--- a/styles/StateCurrent.module.scss
+++ b/styles/StateCurrent.module.scss
@@ -2,8 +2,8 @@
 
 .category {
   // color: var.$purple;
-  color: var.$black;
+  color: var.$key;
   background-color: var.$white;
   // border: 2px solid var.$purple;
-  border: 2px solid var.$black;
+  border: 2px solid var.$key;
 }
diff --git a/styles/globals.scss b/styles/globals.scss
index 0f0a971..7077a97 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -8,7 +8,7 @@ body {
   //   Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   font-family: var.$notosansjp;
   // background-color: var.$purple;
-  background-color: var.$black;
+  background-color: var.$key;
   color: var.$white;
 }
 
diff --git a/styles/stateLayout.scss b/styles/stateLayout.scss
index feb6a78..2b3d880 100644
--- a/styles/stateLayout.scss
+++ b/styles/stateLayout.scss
@@ -14,7 +14,7 @@
   }
   .postItem {
     // background-color: var.$purple_week;
-    background-color: var.$black_week;
+    background-color: var.$key_week;
     border-radius: 1.5rem;
   }
   .postItemLink {
diff --git a/styles/variables.scss b/styles/variables.scss
index d800a19..79126cd 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -1,11 +1,18 @@
 // color
-// $purple: #111321;
-// $purple_week: #232432;
-// $white: #f8fcfd;
-// $white: #f7f7f7;
-$white: #eeeeee;
-$black: #151515;
-$black_week: #292929;
+// default
+$key: #111321;
+$key_week: #232432;
+$white: #ffffff;
+//
+// dark mode
+// $white: #ffffff;
+// $key: #151515;
+// $key_week: #292929;
+//
+// light mode
+// $white: #292929;
+// $key: #ffffff;
+// $key_week: #ecedef;
 
 // font
 $inter: 'Inter', sans-serif;