Skip to content

style: update background colors of codeblocks #198

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
seungrodotlee merged 3 commits into from
Apr 24, 2025
Merged

style: update background colors of codeblocks #198

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
743e5be
docs(contributing): update Korean and English documents
jsparkdev Apr 19, 2025
3576d5d
update custom codeblock style
jsparkdev Apr 24, 2025
52bc7d4
Merge branch 'main' into contributing
seungrodotlee Apr 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions .vitepress/theme/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -211,3 +211,13 @@
font-size: 14px;
color: var(--vp-color-secondary);
}

div.codeblock {
padding: 20px 24px;
border-radius: 8px;
background-color: white;
}

html.dark div.codeblock {
background-color: var(--vp-c-bg-alt);
}
8 changes: 4 additions & 4 deletions src/docs/en/contributing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ JSDoc comments must include `@description` and `@example`, and if there are para

This JSDoc will be converted into the following documentation.

<div style="background: white; padding: 20px 24px; border-radius: 8px;">
<div class='codeblock'>
<Interface
required
name="name"
Expand Down Expand Up @@ -140,7 +140,7 @@ JSDoc comments must include `@description` and `@example`, and if there are para

This JSDoc will be converted into the following documentation.

<div style="background: white; padding: 20px 24px; border-radius: 8px;">
<div class='codeblock'>
<Interface
name=""
type="[value: string, onChange: () => void]"
Expand Down Expand Up @@ -176,7 +176,7 @@ JSDoc comments must include `@description` and `@example`, and if there are para

This JSDoc will be converted into the following documentation.

<div style="background: white; padding: 20px 24px; border-radius: 8px;">
<div class='codeblock'>
<Interface
name=""
type="Object"
Expand Down Expand Up @@ -271,7 +271,7 @@ All `react-simplikit` implementations use special rendering functions to verify

### Deployment

When changes are merged into the main branch, deployment happens automatically. You can view the deployment results in [GitHub Actions](https://github.com/toss/react-simplikit/actions).
When changes are merged into the `main` branch, deployment happens automatically. You can view the deployment results in [GitHub Actions](https://github.com/toss/react-simplikit/actions).

## Documentation Contribution

Expand Down
6 changes: 3 additions & 3 deletions src/docs/ko/contributing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ JSDoc 주석은 `@description`과 `@example`을 반드시 포함해야 하고,

이 파라미터 JSDoc은 다음과 같은 문서로 변환돼요.

<div style="background: white; padding: 20px 24px; border-radius: 8px;">
<div class='codeblock'>
<Interface
required
name="name"
Expand Down Expand Up @@ -140,7 +140,7 @@ JSDoc 주석은 `@description`과 `@example`을 반드시 포함해야 하고,

이 반환 값 JSDoc은 다음과 같은 문서로 변환돼요.

<div style="background: white; padding: 20px 24px; border-radius: 8px;">
<div class='codeblock'>
<Interface
name=""
type="[value: string, onChange: () => void]"
Expand Down Expand Up @@ -176,7 +176,7 @@ JSDoc 주석은 `@description`과 `@example`을 반드시 포함해야 하고,

이 반환 값 JSDoc은 다음과 같은 문서로 변환돼요.

<div style="background: white; padding: 20px 24px; border-radius: 8px;">
<div class='codeblock'>
<Interface
name=""
type="Object"
Expand Down
Loading