use light colored navbar for light mode - this makes the focus light schema redundant

This commit is contained in:
Mario
2023-01-24 09:29:00 +00:00
parent 1cad844d2d
commit cac48fc4bf
6 changed files with 5 additions and 32 deletions

View File

@@ -46,10 +46,6 @@ nav .dropdown-menu {
}
.navbar-dark .navbar-toggler {
color: rgba(255,255,255,1);
}
/* offcanvas */
.offcanvas,
.offcanvas-backdrop.fade {

View File

@@ -26,11 +26,11 @@
--hz-body-bg-image: url('$background_image_dark');
}
[data-bs-theme=light] .navbar-dark.bg-dark {
[data-bs-theme=light] .navbar.bg-body-tertiary {
background-color: $nav_bg !important;
}
[data-bs-theme=dark] .navbar-dark.bg-dark {
[data-bs-theme=dark] .navbar.bg-body-tertiary {
background-color: $nav_bg_dark !important;
}

View File

@@ -72,10 +72,10 @@ if ((!$schema) || ($schema == '---')) {
//Set some defaults - we have to do this after pulling owner settings, and we have to check for each setting
//individually. If we don't, we'll have problems if a user has set one, but not all options.
if (! $nav_bg)
$nav_bg = 'rgba(33, 37, 41, 1)';
$nav_bg = 'rgba(248, 249, 250, 1)';
if (! $nav_bg_dark)
$nav_bg_dark = 'rgba(0, 0, 0, 1)';
$nav_bg_dark = 'rgba(43, 48, 53, 1)';
if (! $link_color)
$link_color = '#0d6efd';

View File

@@ -1,10 +0,0 @@
.dropdown-header.text-white-50,
.navbar-dark .navbar-toggler,
.navbar-dark .nav-link:active, .navbar-dark .nav-link.active,
.navbar-dark .navbar-text, .navbar-dark .nav-link, .navbar-dark .nav-link:hover {
color: var(--bs-secondary) !important;
}
.navbar-dark.bg-dark {
background-color: var(--bs-tertiary-bg) !important;
}

View File

@@ -1,13 +0,0 @@
<?php
if (! $nav_bg)
$nav_bg = "#f8f9fa";
if (! $nav_icon_colour)
$nav_icon_colour = "rgba(0, 0, 0, 0.5)";
if (! $nav_active_icon_colour)
$nav_active_icon_colour = "rgba(0, 0, 0, 0.7)";
if (! $radius)
$radius = "4px";
if (! $banner_colour)
$banner_colour = "rgba(0, 0, 0, 0.7)";

View File

@@ -1,4 +1,4 @@
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<nav class="navbar fixed-top navbar-expand-lg bg-body-tertiary">
<div class="container-fluid flex-nowrap">
{{if $userinfo}}
<div class="d-flex" style="max-width: 50%">