Replit의 테마를 사용하면 배경색 및 UI 요소부터 코드의 구문 강조까지 Project Editor의 외관을 사용자 정의할 수 있습니다. 더 나은 가독성, 눈의 피로 감소, 더 즐거운 코딩 경험을 위해 개발 환경을 개인화하세요.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.
커스텀 테마 만들기
다음 단계에 따라 나만의 테마를 만들고 사용자 정의하세요:- Settings를 열고 User → Personalization (또는 Themes 섹션)으로 이동합니다.
- Create new theme을 선택합니다.
- 제목을 입력하고, 색상 구성표(라이트 또는 다크)를 선택하고, 선택적으로 설명을 추가합니다.
- Create Theme을 선택하여 Themes Editor를 엽니다.
- Background: 대부분의 UI 표면의 기본 색상 설정
- Outline: 테두리 및 구분선의 색상 제어
- Foreground: 텍스트 및 아이콘 색상 결정
- Primary: 버튼 및 대화형 요소의 색상 정의
- Positive: Run 버튼과 같은 성공 표시기에 적용
- Negative: 오류 및 파괴적 작업 경고에 표시
구문 강조
가독성과 이해를 향상시키기 위해 다양한 코드 요소의 표시 방식을 사용자 정의하세요.구문 강조 요소
구문 강조 요소
| 요소 | 설명 |
|---|---|
| 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의 User → Personalization (또는 Themes 섹션)에서 설치된 모든 테마에 접근하고 관리하세요.테마 전환
테마 제목 옆의 버튼을 선택하여 현재 테마로 활성화하세요.테마 편집
점 세 개 메뉴를 선택하고 Edit를 클릭하여 커스텀 테마를 수정하세요.직접 만든 커스텀 테마만 편집하거나 삭제할 수 있습니다. 기본 테마나 다른 사용자가 만든 테마는 수정할 수 없습니다.
테마 삭제
점 세 개 메뉴를 사용하고 Delete를 선택하여 커스텀 테마를 제거하세요.커뮤니티 테마 탐색
Themes 탐색 페이지에서 Replit 커뮤니티가 만든 테마를 발견하세요.테마 찾기
- 이름으로 검색하여 “Atom One Dark”와 같은 특정 테마 찾기
- 작성자로 필터링하여 특정 제작자의 테마 탐색
- 색상 구성표로 탐색하여 라이트 또는 다크 테마 찾기
- 특정 색상으로 검색하여 취향에 맞는 테마 찾기
VS Code에서 가져오기
테마 생성 과정에서 동등한 색상을 매핑하여 즐겨 사용하는 VS Code 테마를 Replit으로 가져오세요.테마 게시
다음 단계에 따라 커스텀 테마를 Replit 커뮤니티와 공유하세요:- 커스텀 테마의 Themes Editor를 엽니다.
- Publish 버튼을 선택합니다.
- 제목과 설명 필드를 작성합니다.
- 테마를 제출합니다.
관련 리소스
- Project Editor 기능 - Console, Shell, Multiplayer 등 다른 Project Editor 기능 탐색
- User settings - Project Editor 환경설정 구성
- Keyboard shortcuts - 키보드 단축키로 워크플로우 가속화
- 팀원 초대 - 팀원과 실시간으로 협업하기