다크모드 구현

riroan · Apr 9, 2024 · 298d185 · 298d185
1 parent 6dfa5a4
commit 298d185
Show file tree

Hide file tree

Showing 19 changed files with 8,990 additions and 8,530 deletions.
diff --git a/riroan/package-lock.json b/riroan/package-lock.json
diff --git a/riroan/package.json b/riroan/package.json
@@ -9,6 +9,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.0.1",
     "react-redux": "^9.1.0",
     "react-scripts": "5.0.1",
     "redux": "^5.0.1",

diff --git a/riroan/src/App.css b/riroan/src/App.css
@@ -6,14 +6,19 @@
 	font-family: 'Pretendard';
 }
 
+.darkmode {
+	background-color: #1f1f1f;
+	color: #fafafa;
+}
+
 @media screen and (min-width: 768px) {
-	.DefaultContainer {
+	.innerContainer {
 		padding: 50px;
 	}
 }
 
 @media screen and (max-width: 767px) {
-	.DefaultContainer {
+	.innerContainer {
 		padding: 15px;
 	}
 }