https://amgsk.dev/tags/Evince/Recent content in Evince on /home/amgskHugoja-JPWed, 25 Mar 2026 11:33:44 +0900https://amgsk.dev/posts/evview-color-setting/Wed, 25 Mar 2026 11:33:44 +0900https://amgsk.dev/posts/evview-color-setting/<p>Evince で PDF を検索したとき、ヒットした箇所にハイライトが付く。 このハイライトの色は、デフォルトだと GTK テーマのアクセントカラーが使われる。自分の環境（adw-gtk3-dark + <code>accent_color: #a8c8ff</code>）だと薄い青になっていて、PDFビューアのハイライトとしては地味すぎる。</p> <p>普通の PDFビューア風に「通常マッチは黄色、カーソル位置のカレントマッチは薄い赤」にしたい。 これを GTK の CSS でやる方法をメモしておく。Evince のソースを覗いて初めて分かった <code>:selected</code> と <code>:active</code> の罠がポイント。</p> <h2 id="確認した環境">確認した環境</h2> <ul> <li>Arch Linux (kernel 7.0.12-zen1-1-zen)</li> <li>evince 1:48.4-1</li> <li>GTKテーマ: adw-gtk3-dark</li> </ul> <h2 id="既存のカラー定義を確認する">既存のカラー定義を確認する</h2> <p><code>~/.config/gtk-3.0/gtk.css</code> には、libadwaita系のセマンティックカラーを定義してある。</p> <div><div class="codeblock--name">~/.config/gtk-3.0/gtk.css 抜粋</div> <div class="codeblock--content"><div class="highlight"><div style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">1 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">2 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">3 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">4 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">5 </span><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#737679">6 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#e6edf3;background-color:#0d1117;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>@<span style="color:#ff7b72">define-color</span> <span style="color:#7ee787">accent_color</span> #<span style="color:#ff7b72">a8c8ff</span>; </span></span><span style="display:flex;"><span>@<span style="color:#ff7b72">define-color</span> <span style="color:#7ee787">accent_fg_color</span> #<span style="color:#ff7b72">05305f</span>; </span></span><span style="display:flex;"><span>@<span style="color:#ff7b72">define-color</span> <span style="color:#7ee787">window_bg_color</span> #<span style="color:#ff7b72">121317</span>; </span></span><span style="display:flex;"><span>@<span style="color:#ff7b72">define-color</span> <span style="color:#7ee787">window_fg_color</span> #<span style="color:#ff7b72">e3e2e7</span>; </span></span><span style="display:flex;"><span>@<span style="color:#ff7b72">define-color</span> <span style="color:#7ee787">view_bg_color</span> #<span style="color:#ff7b72">121317</span>; </span></span><span style="display:flex;"><span>@<span style="color:#ff7b72">define-color</span> <span style="color:#7ee787">view_fg_color</span> #<span style="color:#ff7b72">e3e2e7</span>;</span></span></code></pre></td></tr></table> </div> </div> </div> </div> <p>Evince の検索ハイライトもこの <code>accent_color</code> を継承しているので、何もしないと薄い青のハイライトになる。</p>