> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # Replit Themes > 커스텀 테마, 색상 구성표, 구문 강조를 사용하여 Project Editor를 개인화하는 방법을 알아보세요. Replit의 테마를 사용하면 배경색 및 UI 요소부터 코드의 구문 강조까지 Project Editor의 외관을 사용자 정의할 수 있습니다. 더 나은 가독성, 눈의 피로 감소, 더 즐거운 코딩 경험을 위해 개발 환경을 개인화하세요. Screenshot of the Replit themes editor showing color customization options ## 커스텀 테마 만들기 다음 단계에 따라 나만의 테마를 만들고 사용자 정의하세요: 1. [Settings](https://replit.com/settings)를 열고 **User** → **Personalization** (또는 **Themes** 섹션)으로 이동합니다. 2. **Create new theme**을 선택합니다. 3. 제목을 입력하고, 색상 구성표(라이트 또는 다크)를 선택하고, 선택적으로 설명을 추가합니다. 4. **Create Theme**을 선택하여 Themes Editor를 엽니다. 전역 테마 설정은 전체 UI 외관을 제어합니다: * **Background**: 대부분의 UI 표면의 기본 색상 설정 * **Outline**: 테두리 및 구분선의 색상 제어 * **Foreground**: 텍스트 및 아이콘 색상 결정 * **Primary**: 버튼 및 대화형 요소의 색상 정의 * **Positive**: **Run** 버튼과 같은 성공 표시기에 적용 * **Negative**: 오류 및 파괴적 작업 경고에 표시 **Apply Theme**을 선택하여 즉시 커스텀 테마를 적용하세요. ## 구문 강조 가독성과 이해를 향상시키기 위해 다양한 코드 요소의 표시 방식을 사용자 정의하세요. 적절한 구문 강조는 코드를 한눈에 더 쉽게 스캔하고 이해할 수 있게 해줍니다. 서로 잘 어울리고 배경에 충분한 대비를 제공하는 색상을 선택하세요. | 요소 | 설명 | | ------------------------ | -------------------------------------------- | | **Variable Names** | 선언 키워드 없이 사용되는 변수에 적용 | | **Variable Definitions** | `const` 또는 `var`와 같은 키워드로 정의될 때 변수 이름에 색상 적용 | | **Function References** | 함수를 호출할 때 적용 | | **Function Definitions** | 선언 시 함수 이름에 색상 적용 | | **Keywords** | `import`, `function`, `return`과 같은 언어 키워드 강조 | | **Property Names** | 변수에서 속성에 접근할 때 색상 적용 | | **Property Definitions** | 객체 속성을 정의할 때 사용 | | **Function Properties** | 객체에서 메서드를 호출할 때 적용 | | **Tag Names** | HTML 및 JSX 태그에 사용 | | **Type Names** | 타입이 있는 언어에서 타입 주석에 색상 적용 | | **Class Names** | 클래스 선언 및 참조에 적용 | | **Attribute Names** | HTML 및 JSX 속성 강조 | | **Comments** | 모든 코드 주석에 적용 | | **Strings** | 문자열 리터럴에 색상 적용 | | **Numbers** | 숫자 값 강조 | | **Booleans** | 불리언 값(`true`/`false`) 서식 지정 | | **Regular Expressions** | 정규식 패턴에 색상 적용 | | **Operators** | `+`, `-`, `*`, `/`와 같은 연산자 강조 | | **Brackets** | 적절한 경우 대괄호 및 꺾쇠 괄호에 색상 적용 | ## 테마 디자인 모범 사례 다음 지침에 따라 시각적으로 매력적이고 기능적인 테마를 만드세요: ### 색상과 대비 * **대비 균형**: 배경과 전경 요소 간에 충분한 차이 확보 * **일관된 팔레트 만들기**: 충돌보다는 서로 보완하는 색상 선택 * **일관된 밝기 유지**: 구문 요소 간에 유사한 밝기 수준 유지 * **접근성을 위한 디자인**: 낮은 대비 조합을 피하여 시각 장애가 있는 사용자를 배려 피해야 할 일반적인 테마 디자인 문제: * 구문 요소 간의 과도한 밝기 차이 * 시각적 불협화음을 만드는 잘못 매칭된 색상 * 코드와 배경 간의 불충분한 대비 ## 테마 관리 [Settings](https://replit.com/settings)의 **User** → **Personalization** (또는 **Themes** 섹션)에서 설치된 모든 테마에 접근하고 관리하세요. ### 테마 전환 테마 제목 옆의 버튼을 선택하여 현재 테마로 활성화하세요. ### 테마 편집 점 세 개 메뉴를 선택하고 **Edit**를 클릭하여 커스텀 테마를 수정하세요. 직접 만든 커스텀 테마만 편집하거나 삭제할 수 있습니다. 기본 테마나 다른 사용자가 만든 테마는 수정할 수 없습니다. ### 테마 삭제 점 세 개 메뉴를 사용하고 **Delete**를 선택하여 커스텀 테마를 제거하세요. ## 커뮤니티 테마 탐색 [Themes 탐색 페이지](https://replit.com/themes)에서 Replit 커뮤니티가 만든 테마를 발견하세요. ### 테마 찾기 * 이름으로 검색하여 "Atom One Dark"와 같은 특정 테마 찾기 * 작성자로 필터링하여 특정 제작자의 테마 탐색 * 색상 구성표로 탐색하여 라이트 또는 다크 테마 찾기 * 특정 색상으로 검색하여 취향에 맞는 테마 찾기 설치하기 전에 테마를 미리 보기하여 Project Editor에서 어떻게 보일지 확인하세요. ## VS Code에서 가져오기 테마 생성 과정에서 동등한 색상을 매핑하여 즐겨 사용하는 VS Code 테마를 Replit으로 가져오세요.