From 05a9b471d5956fd39d0de65f6eeff38efc6ecaf2 Mon Sep 17 00:00:00 2001 From: ma91n Date: Thu, 17 Sep 2026 17:56:56 +0900 Subject: [PATCH 1/3] =?UTF-8?q?=E5=B7=A6=E3=81=AE=E3=82=B5=E3=82=A4?= =?UTF-8?q?=E3=83=89=E3=83=90=E3=83=BC=E3=81=AE=E7=8F=BE=E5=9C=A8=E5=9C=B0?= =?UTF-8?q?=E3=82=92=E7=99=BD=E3=81=AE=E9=87=8D=E3=81=AD=E3=81=A7=E8=A1=A8?= =?UTF-8?q?=E3=81=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 暗い帯の上に明るいグレー（#e3e3e3）・白（#fcfcfc）・#c9c9c9 の3段が 積み上がっていた。暗い地のまま白を 6% / 13% / 9% と重ねる形に替える。 枠線は面が段を作るので落とす。 Co-Authored-By: Claude Opus 5 (1M context) --- _static/custom.css | 53 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/_static/custom.css b/_static/custom.css index b8d7402..046508f 100644 --- a/_static/custom.css +++ b/_static/custom.css @@ -691,6 +691,59 @@ html.writer-html5 .rst-content table.docutils th > p { /* ------------------------------------------ レイアウトの部品 */ +/* 現在地の表し方。テーマは現在の枝だけ明るいグレー（#e3e3e3）、その中の + ページは白（#fcfcfc）、さらに深い枝は #c9c9c9 と、暗い地の上に3段の + 明るい面が積み上がる。暗い地のまま白を薄く重ねる形に替える */ +.wy-menu-vertical li.current, +.wy-menu-vertical li.toctree-l2.current, +.wy-menu-vertical li.toctree-l3.current { + background: rgba(255, 255, 255, 0.06); +} + +.wy-menu-vertical li.current > a, +.wy-menu-vertical li.toctree-l2.current > a, +.wy-menu-vertical li.toctree-l3.current > a, +.wy-menu-vertical li.current a:hover, +.wy-menu-vertical li a:hover { + border: 0; + background: transparent; + color: #fff; +} + +.wy-menu-vertical li a:hover { + background: rgba(255, 255, 255, 0.09); +} + +/* いま開いているページの行だけ一段持ち上げる */ +.wy-menu-vertical li.current > a.current, +.wy-menu-vertical a.current { + background: rgba(255, 255, 255, 0.13); + color: #fff; + font-weight: 700; +} + +/* 枝の中の行の文字。テーマは明るい面に載る前提で #404040 にしている */ +.wy-menu-vertical li.current a, +.wy-menu-vertical li.toctree-l2 a, +.wy-menu-vertical li.toctree-l3 a, +.wy-menu-vertical li.toctree-l4 a { + color: #d9d9d9; +} + +/* 開閉の三角も面に合わせる */ +.wy-menu-vertical li.current > a button.toctree-expand, +.wy-menu-vertical li.on a button.toctree-expand, +.wy-menu-vertical li button.toctree-expand { + color: #9b9b9b; +} + +/* 枝の見出し（章のラベル）は地を持たない */ +.wy-menu-vertical li.toctree-l1.current > a { + border-top: 0; + border-bottom: 0; +} + + /* 所在の目印。テーマは部品ごとにばらばらで、リンクは UA のリング、 ボタンは 4px の -webkit-focus-ring-color、入力欄は outline: none（＝目印が無い）。 所在の目印は1つなので、サイト全体を 2px のネイビーにそろえる */ From 6c9811a664ea1c16b21c4472950ab30b535db074 Mon Sep 17 00:00:00 2001 From: ma91n Date: Thu, 17 Sep 2026 17:58:42 +0900 Subject: [PATCH 2/3] =?UTF-8?q?=E3=82=B5=E3=82=A4=E3=83=89=E3=83=90?= =?UTF-8?q?=E3=83=BC=E3=81=AE=E7=AB=A0=E3=81=AE=E3=83=A9=E3=83=99=E3=83=AB?= =?UTF-8?q?=E3=82=92=E6=8A=BC=E3=81=9B=E3=81=AA=E3=81=84=E8=A6=8B=E3=81=9F?= =?UTF-8?q?=E7=9B=AE=E3=81=AB=E3=81=99=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit テーマは水色（#55a5d9）で、押せない見出しなのにリンクに見える。 項目（#d9d9d9・14.4px）より弱い灰と一段小さい字にして、押せるものと分ける。 Co-Authored-By: Claude Opus 5 (1M context) --- _static/custom.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/_static/custom.css b/_static/custom.css index 046508f..b54f22c 100644 --- a/_static/custom.css +++ b/_static/custom.css @@ -737,6 +737,15 @@ html.writer-html5 .rst-content table.docutils th > p { color: #9b9b9b; } +/* 章のラベル（「TypeScriptの書き方」など）。テーマは水色（#55a5d9）で、 + 押せない見出しなのにリンクに見える。項目（#d9d9d9・14.4px）より弱い + 灰と一段小さい字で、押せるものと分ける */ +.wy-menu-vertical p.caption, +.wy-menu-vertical p.caption .caption-text { + color: #9b9b9b; + font-size: 12px; +} + /* 枝の見出し（章のラベル）は地を持たない */ .wy-menu-vertical li.toctree-l1.current > a { border-top: 0; From b49bd4c6a1f1ebc83b92faa410108f48fd46f9dd Mon Sep 17 00:00:00 2001 From: ma91n Date: Thu, 17 Sep 2026 18:01:43 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=E6=B7=B1=E3=81=84=E6=9E=9D=E3=81=AE?= =?UTF-8?q?=E6=98=8E=E3=82=8B=E3=81=84=E5=9C=B0=E3=82=92=E6=B6=88=E3=81=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit テーマは l3 に #c9c9c9、l4 に #bdbdbd の地を当てている。こちらの文字は 明るいので、残ると明るい地の上に明るい文字になって読めなかった。 li.current a の右の罫線も落とす。 Co-Authored-By: Claude Opus 5 (1M context) --- _static/custom.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/_static/custom.css b/_static/custom.css index b54f22c..59f1aff 100644 --- a/_static/custom.css +++ b/_static/custom.css @@ -714,6 +714,15 @@ html.writer-html5 .rst-content table.docutils th > p { background: rgba(255, 255, 255, 0.09); } +/* 深い枝にもテーマが明るい地を当てている（l3 に #c9c9c9、l4 に #bdbdbd）。 + こちらの文字は明るいので、残ると明るい地の上に明るい文字になって読めない */ +.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a, +.wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a, +.wy-menu-vertical li.current a { + background: transparent; + border-right: 0; +} + /* いま開いているページの行だけ一段持ち上げる */ .wy-menu-vertical li.current > a.current, .wy-menu-vertical a.current {