fix: apply dark mode

pythonkr · Jul 22, 2023 · 1e3ffa1 · 1e3ffa1
1 parent 448f83c
commit 1e3ffa1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/components/session/Table/index.tsx b/components/session/Table/index.tsx
@@ -9,12 +9,14 @@ export const TableWrapper = styled('div', {
   overflowY: 'hidden',
 });
 export const Table = styled('table', {
-  border: '1px solid #1C1C1C',
+  border: '1px solid',
+  borderCoolor: '$backgroundPrimary',
   borderCollapse: 'collapse',
   width: 'auto',
 });
 export const Tr = styled('tr', {
-  border: '1px solid #1C1C1C',
+  border: '1px solid',
+  borderCoolor: '$backgroundPrimary',
   textAlign: 'center',
 });
 export const TdContent = styled('div', {
@@ -29,11 +31,12 @@ export const TdContent = styled('div', {
   },
 });
 export const Td = styled('td', {
-  border: '1px solid #1C1C1C',
+  border: '1px solid',
+  borderCoolor: '$backgroundPrimary',
   textAlign: 'center',
   variants: {
     c: {
-      head: { border: '2px solid #1C1C1C' },
+      head: { border: '2px solid', borderCoolor: '$backgroundPrimary' },
     },
   },
 });
@@ -57,6 +60,7 @@ export const B5 = styled('p', {
 export const CategoryTag = styled('p', {
   fontSize: 13,
   fontWeight: 400,
+  color: '#1c1c1c', // 다크모드 미적용
   whiteSpace: 'pre-wrap',
   textAlign: 'center',
   padding: '4px 8px',

diff --git a/pages/session/schedule.tsx b/pages/session/schedule.tsx
@@ -19,8 +19,8 @@ const ContentBox = styled('div', {
 });
 
 const TableTitle = styled('div', {
-  background: '#000',
-  color: '#fff',
+  background: '$backgroundSecondary',
+  color: '$backgroundPrimary',
   whiteSpace: 'pre-wrap',
   textAlign: 'center',
   padding: '1rem 0',
@@ -32,7 +32,7 @@ const SelectorBox = styled('div', {
   padding: '30px 0',
 });
 const DaySelector = styled('a', {
-  color: '#000',
+  color: '$backgroundSecondary',
   fontWeight: 700,
   display: 'inline-block',
   '&:hover': {