|
| 1 | +--- |
| 2 | +title: 테마 |
| 3 | +description: Starlight의 커뮤니티 테마로 문서를 스타일링하세요. |
| 4 | +tableOfContents: false |
| 5 | +sidebar: |
| 6 | + order: 1 |
| 7 | +head: |
| 8 | + - tag: style |
| 9 | + content: | |
| 10 | + body { --sl-content-width: 66.75rem; } |
| 11 | +--- |
| 12 | + |
| 13 | +import ThemeGrid from '~/components/theme-grid.astro'; |
| 14 | + |
| 15 | +테마는 [사용자 정의 CSS](/ko/guides/css-and-tailwind/), [컴포넌트 재정의](/ko/guides/overriding-components/) 또는 기타 새로운 기능을 사용하여 사이트의 시각적 모양을 변경하는 Starlight 플러그인입니다. |
| 16 | + |
| 17 | +## 커뮤니티 테마 |
| 18 | + |
| 19 | +커뮤니티에서 빌드한 테마를 설치하여 사이트의 모양과 느낌을 빠르게 사용자 정의하세요. |
| 20 | + |
| 21 | +<ThemeGrid |
| 22 | + labels={{ |
| 23 | + /** 테마 전환을 위한 접근성 레이블입니다. */ |
| 24 | + legend: '미리보기', |
| 25 | + /** 어두운 색상 체계 변형에 대한 접근성 레이블입니다. */ |
| 26 | + dark: '다크', |
| 27 | + /** 밝은 색상 체계 변형에 대한 접근성 레이블입니다. */ |
| 28 | + light: '라이트', |
| 29 | + }} |
| 30 | + themes={[ |
| 31 | + { |
| 32 | + title: 'Starlight Rapide', |
| 33 | + description: |
| 34 | + 'Visual Studio Code Vitesse 테마에서 영감을 받은 Starlight 테마', |
| 35 | + href: 'https://starlight-theme-rapide.vercel.app/', |
| 36 | + previews: { light: 'rapide-light.png', dark: 'rapide-dark.png' }, |
| 37 | + }, |
| 38 | + { |
| 39 | + title: 'Starlight Obsidian Theme', |
| 40 | + description: |
| 41 | + 'Obsidian Publish 사이트 스타일에서 영감을 받은 Starlight 테마', |
| 42 | + href: 'https://fevol.github.io/starlight-theme-obsidian/', |
| 43 | + previews: { light: 'obsidian-light.png', dark: 'obsidian-dark.png' }, |
| 44 | + }, |
| 45 | + { |
| 46 | + title: 'Catppuccin for Starlight', |
| 47 | + description: 'Starlight를 위한 편안한 파스텔 테마', |
| 48 | + href: 'https://catppuccin-starlight.otterlord.dev/', |
| 49 | + previews: { light: 'catppuccin-light.png', dark: 'catppuccin-dark.png' }, |
| 50 | + }, |
| 51 | + { |
| 52 | + title: 'Ion', |
| 53 | + description: 'Starlight를 위한 세련되고 현대적인 테마', |
| 54 | + href: 'https://louisescher.github.io/starlight-ion-theme/', |
| 55 | + previews: { light: 'ion-light.png', dark: 'ion-dark.png' }, |
| 56 | + }, |
| 57 | + { |
| 58 | + title: 'Starlight Black', |
| 59 | + description: 'shadcn 문서에서 영감을 받은 Starlight 테마', |
| 60 | + href: 'https://starlight-theme-black.vercel.app/', |
| 61 | + previews: { light: 'black-light.png', dark: 'black-dark.png' }, |
| 62 | + }, |
| 63 | + { |
| 64 | + title: 'Starlight Flexoki', |
| 65 | + description: |
| 66 | + 'Flexoki 색상 팔레트를 기반으로 한 따뜻하고 친근한 테마', |
| 67 | + href: 'https://delucis.github.io/starlight-theme-flexoki/', |
| 68 | + previews: { light: 'flexoki-light.png', dark: 'flexoki-dark.png' }, |
| 69 | + }, |
| 70 | + ]} |
| 71 | +/> |
| 72 | + |
| 73 | +:::tip[여러분의 테마를 추가하세요!] |
| 74 | +Starlight 테마를 만드셨나요? |
| 75 | +이 페이지에 테마를 추가하는 [PR을 여세요](https://github.com/withastro/starlight/blob/main/CONTRIBUTING.md#themes)! |
| 76 | +::: |
0 commit comments