From 3c1f8948e55204f5ccbbc80aa0d04511bef3b425 Mon Sep 17 00:00:00 2001 From: Gusted Date: Thu, 9 Jul 2026 15:46:01 +0200 Subject: [PATCH] Blue navbar (#833) Part of the identity. Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/833 Reviewed-by: Robert Wolff --- assets/css/codeberg-docs.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/assets/css/codeberg-docs.css b/assets/css/codeberg-docs.css index bbe2a4c..b431e9a 100644 --- a/assets/css/codeberg-docs.css +++ b/assets/css/codeberg-docs.css @@ -20,6 +20,19 @@ --admonition-icon-dimension: 20px; --pagefind-ui-text: var(--bs-link-color) !important; + + --color-nav-bg: #2185d0; +} + +.sidebar, +.navbar-brand { + --bs-sidebar-brand-color: var(--bs-white); + --bs-navbar-brand-color: var(--bs-white); +} + +.btn-close { + filter: var(--bs-btn-close-white-filter); + --bs-btn-close-opacity: 1; } .content :not(img, pre) { @@ -218,6 +231,7 @@ a.show-on-focus:focus { .docs-navbar { min-height: 55px; border-bottom: var(--bs-border-width) solid var(--bs-content-border-color); + background-color: var(--color-nav-bg); } .filter-docs { @@ -238,11 +252,6 @@ a.show-on-focus:focus { color: hsla(var(--bs-emphasis-color-hsl), 0.9); } -[data-bs-theme='light'] .sidebar-brand img, -[data-bs-theme='light'] .navbar-brand img { - content: url(https://design.codeberg.org/logo-kit/icon.svg); -} - .alert-heading { margin-bottom: 0.5rem; }