36 lines
766 B
CSS
36 lines
766 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
|
|
input {
|
|
background-color: #222; /* 입력 필드 배경 어두운 회색 */
|
|
color: #fff; /* 입력 필드 텍스트 흰색 */
|
|
border: 1px solid #444; /* 테두리 어두운 회색 */
|
|
padding: 5px;
|
|
border-radius: 4px; /* 둥근 모서리 */
|
|
}
|
|
|
|
/* 입력 필드 포커스 시 스타일 */
|
|
input:focus {
|
|
outline: none;
|
|
border-color: #555; /* 포커스 시 테두리 색상 변경 */
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|