Skip to content

Commit 4bc091d

Browse files
committed
chore: Pretendard 폰트 추가 + 설정과 초기화 css 분리
1 parent 64ad13b commit 4bc091d

File tree

3 files changed

+34
-23
lines changed

3 files changed

+34
-23
lines changed

src/main.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
1-
import { StrictMode } from 'react'
2-
import { createRoot } from 'react-dom/client'
3-
import './index.css'
4-
import App from './App.tsx'
1+
import { StrictMode } from 'react';
2+
import { createRoot } from 'react-dom/client';
3+
import '@/styles/index.css';
4+
import '@/styles/reset.css';
5+
import App from './App.tsx';
56

67
createRoot(document.getElementById('root')!).render(
78
<StrictMode>

src/styles/index.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
@font-face {
2+
font-family: 'Pretendard-Regular';
3+
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
4+
font-weight: 400;
5+
font-style: normal;
6+
}
7+
8+
body {
9+
font-family: 'Pretendard-Regular', sans-serif;
10+
}
11+
12+
:root {
13+
/* 기본 색상 팔레트 */
14+
--FarmSystem_White: #FCFCFC;
15+
--FarmSystem_Black: #191919;
16+
--FarmSystem_LightGrey: #E5E5E5;
17+
--FarmSystem_DarkGrey: #999999;
18+
--FarmSystem_Yellow: #FFF763;
19+
--FarmSystem_Orange: #FF7F1E;
20+
21+
/* 녹색 계열 팔레트 */
22+
--FarmSystem_Green01: #28723F;
23+
--FarmSystem_Green02: #62DE88;
24+
--FarmSystem_Green03: #7AB784;
25+
--FarmSystem_Green04: #49AA59;
26+
--FarmSystem_Green05: #248634;
27+
--FarmSystem_Green06: #006811;
28+
--FarmSystem_Green07: #175321;
29+
}

src/index.css renamed to src/styles/reset.css

Lines changed: 0 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -49,22 +49,3 @@ table {
4949
border-collapse: collapse; /* 테이블 셀 간 간격 제거 */
5050
border-spacing: 0;
5151
}
52-
53-
:root {
54-
/* 기본 색상 팔레트 */
55-
--FarmSystem_White: #FCFCFC;
56-
--FarmSystem_Black: #191919;
57-
--FarmSystem_LightGrey: #E5E5E5;
58-
--FarmSystem_DarkGrey: #999999;
59-
--FarmSystem_Yellow: #FFF763;
60-
--FarmSystem_Orange: #FF7F1E;
61-
62-
/* 녹색 계열 팔레트 */
63-
--FarmSystem_Green01: #28723F;
64-
--FarmSystem_Green02: #62DE88;
65-
--FarmSystem_Green03: #7AB784;
66-
--FarmSystem_Green04: #49AA59;
67-
--FarmSystem_Green05: #248634;
68-
--FarmSystem_Green06: #006811;
69-
--FarmSystem_Green07: #175321;
70-
}

0 commit comments

Comments
 (0)