コードブロックの行ハイライトの設定を追加 #903
Open
コードブロックの行ハイライトの設定を追加 #903
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Deploying utcode-learn with
|
| Latest commit: |
13c89ed
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://e4af386e.utcode-learn.pages.dev |
| Branch Preview URL: | https://add-codeblock-line-highlight.utcode-learn.pages.dev |
nakaterm
commented
Dec 15, 2025
Comment on lines
-12
to
-16
| .docusaurus-highlight-code-line { | ||
| background-color: rgb(72, 77, 91); | ||
| display: block; | ||
| margin: 0 calc(-1 * var(--ifm-pre-padding)); | ||
| padding: 0 var(--ifm-pre-padding); |
Contributor
Author
There was a problem hiding this comment.
もともとなぜ設定していたのか不明ですが、削除してデフォルト設定に任せる形で良さそうに思います。
現時点で行ハイライト機能を使用している部分はないため影響はないと思われます。
Open
There was a problem hiding this comment.
Pull request overview
This PR modernizes the code block line highlighting configuration by migrating from the deprecated class-based approach to the CSS variable-based approach recommended by Docusaurus. The changes align with Docusaurus's classic-typescript template defaults and maintain consistency with the project's existing theme configuration (GitHub for light mode, Dracula for dark mode).
- Replaces the custom
.docusaurus-highlight-code-lineclass styling with the--docusaurus-highlighted-code-line-bgCSS variable - Configures appropriate highlight colors for both light (
rgba(0, 0, 0, 0.1)) and dark (rgba(0, 0, 0, 0.3)) themes - Removes manual display and padding styles that are now handled internally by Docusaurus
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
chvmvd
approved these changes
Dec 20, 2025
Contributor
chvmvd
left a comment
chvmvd
left a comment
There was a problem hiding this comment.
良いと思います！
丁寧な説明もありがとうございます！！！
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
行ハイライトの色の設定を追加しました。
ライトテーマ
ダークテーマ
備考
github、ダークテーマはdraculaを使っているので、行ハイライト色もデフォルトのものを設定しました。