From a6bde3518a7deeab2b7baf2822a1a0eec0c4afef Mon Sep 17 00:00:00 2001 From: Vamshi Reddy Date: Tue, 1 Apr 2025 15:09:27 +0530 Subject: [PATCH 1/4] fixing the header css Signed-off-by: Vamshi Reddy --- static/css/styles.css | 13 +++++++++++++ static/sass/developer-color-dark.scss | 13 +++++++++++++ static/sass/developer-include-topbar.scss | 1 + templates/content_navbar.hbs | 2 +- 4 files changed, 28 insertions(+), 1 deletion(-) diff --git a/static/css/styles.css b/static/css/styles.css index 979771aad..f6596505d 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1413,6 +1413,14 @@ html.dark-theme body.documentation #topbar.navbar { background: #0e092d !important; } +html.dark-theme body.documentation #topbar.navbar .logo-wrap .logo { + color: #fff; +} + +html.dark-theme body.documentation #topbar.navbar .logo-wrap:hover .logo { + color: #a87ce6; +} + html.dark-theme body.documentation #topbar.navbar .logo-wrap .logo-developer a { color: #c5fff1 !important; } @@ -1454,6 +1462,10 @@ html.dark-theme body.documentation #topbar.navbar .navbar-menu a.navbar-link.dar background: none !important; } +html.dark-theme body.documentation #topbar.navbar .navbar-menu a.navbar-stack strong { + color: #fff; +} + html.dark-theme body.documentation #topbar.navbar .navbar-menu .button { color: #fff !important; border-width: .1rem !important; @@ -2534,6 +2546,7 @@ html.dark-theme .external { } #topbar.navbar .logo-wrap .logo { + padding: .3rem 1.125rem; margin-top: -4px !important; } diff --git a/static/sass/developer-color-dark.scss b/static/sass/developer-color-dark.scss index a13ea2cc3..5ff41ccb6 100644 --- a/static/sass/developer-color-dark.scss +++ b/static/sass/developer-color-dark.scss @@ -33,6 +33,13 @@ html.dark-theme { background: $oxforddark !important; .logo-wrap { + .logo { + color: white; + } + &:hover .logo { + color: $lavenderfloral; + } + .logo-developer a { color: $greenfoam !important; } @@ -85,6 +92,12 @@ html.dark-theme { } } + a.navbar-stack { + strong { + color: white; + } + } + .button { color: white !important; border-width: 0.1rem !important; diff --git a/static/sass/developer-include-topbar.scss b/static/sass/developer-include-topbar.scss index 5a93f5018..dc967f9d9 100644 --- a/static/sass/developer-include-topbar.scss +++ b/static/sass/developer-include-topbar.scss @@ -17,6 +17,7 @@ .logo { margin-top: -4px !important; + padding: 0.3rem 1.125rem; svg { height: 30% !important; diff --git a/templates/content_navbar.hbs b/templates/content_navbar.hbs index 46f4499bd..e769ec1ab 100644 --- a/templates/content_navbar.hbs +++ b/templates/content_navbar.hbs @@ -1,6 +1,6 @@