From 53aa5db6c1dcc743f7cd8c4d285a391bae1ef5b4 Mon Sep 17 00:00:00 2001 From: MAEDA Go Date: Sat, 12 Sep 2026 17:31:30 +0900 Subject: [PATCH 1/2] Extract the header and top menu background colors into CSS variables. --- app/assets/stylesheets/application.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index c51f9c7cb..c06bac471 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -41,6 +41,9 @@ :root { --fonts-main: "Noto Sans", sans-serif; --color-current-marker: var(--oc-indigo-5); + /* no match in Open Color, using hex codes */ + --color-top-menu-background: #234761; + --color-header-background: #3A78A3; } html, body { min-block-size: 100vh; } @@ -86,7 +89,7 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;} } nav.top-menu { - background: #234761; /* no match in Open Color, using hex code */ + background: var(--color-top-menu-background); color: var(--oc-gray-2); font-size: 0.75rem; padding-inline: 14px; @@ -145,7 +148,7 @@ nav.top-menu { #header { margin: 0; - background: #3A78A3; /* no match in Open Color, using hex code */ + background: var(--color-header-background); color: var(--oc-white); padding-block: 0.25rem 0; padding-inline: 1.25rem; -- 2.55.0