#7

komosyu4649 · Oct 23, 2022 · 1ae02c8 · 1ae02c8
1 parent d1523a1
commit 1ae02c8
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;