Repository navigation
表のヘッダーの文字色を本文と同じ段にする (#459) - #460
Merged
Merged
Conversation
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
|
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
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.
Fixes #459
変更内容
.vp-doc thの文字色を--vp-c-text-2から--vp-c-text-1にする(.vitepress/theme/style.cssの1宣言)。技術ブログはthにcolorを書かず本文色をそのまま継ぐので、同じ表の中でthとtdの文字が同じ濃さになる。本サイトは VitePress 既定の一段薄い段が残っていて、ヘッダーだけ薄く見えていた。判断した点
太さの 600 は触らない。 ブログの
thは 700 だが、VitePress は見出し(vp-doc.css12行)・strong(base.css70行)・th(192行)をすべて 600 で組んでいて、600 がこのサイトの太字の段になっている。thだけ 700 にすると本文の中で唯一 700 のものが生まれ、strongや見出しより重くなる。寄せるのは「thの文字は本文と同じ段」という決まりの側で、太字の具体値は各サイトの段が持つ。#431 の「寄せないもの」を1行覆す。 あそこは
--vp-c-text-2#67676cとブログのink-mute#616161を突き合わせて「明度差 13/255 の内側なので同じ色」としていたが、ブログのthはそもそも弱い段に乗っていない(ink-strongを継ぐ)。比べる軸が違っていた。表の行の「#408 / #421 で寄せ終えている」も縞・地・罫線の話で、文字色には触れていない。確認したこと
ライト
th#424242#f5f5f5th(変更前)#67676c#f6f6f7th(変更後)#3c3c43#f6f6f7td#3c3c43#fffthの文字とtdの文字の比は 1.94 → 1.00。注記の中の表
地は注記ごとのコードの地(#427)。変更前は AA(4.5)を割るものがあり、ダークは4種とも 2.5 前後だった。
ダーク(注記の外)
thは 5.60 → 11.97。td(11.97 相当、#dfdfd6/#1b1b1fで 12.81)とそろう。その他
npm run lint/npm run buildが通ることdocs/assets/style.*.cssで、追加した.vp-doc th(同じ詳細度)が VitePress 既定より後ろに出ていること。thのcolorを後から当て直す規則が他に無いこと(.vp-doc .custom-block thはbackground-colorだけ)thの中のリンク(5表、本文リンクを地の文と同じ太さにする #444 でfont-weight: inheritにしたもの)は.vp-doc aの色が当たるので変わらない🤖 Generated with Claude Code