This commit is contained in:
nelle 2023-01-27 17:47:45 -07:00
parent 973797def4
commit c4a182a769
2 changed files with 15 additions and 9 deletions

View file

@ -2766,11 +2766,11 @@ a.navbar-item,
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important; } background-color: transparent !important; }
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke; background-color: #111111;
color: #0a0a0a; } color: #111111; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke; background-color: #111111;
color: #F5A9B8; } color: #111111; }
.navbar-burger { .navbar-burger {
display: none; } display: none; }
.navbar-item, .navbar-item,
@ -2804,7 +2804,7 @@ a.navbar-item,
justify-content: flex-end; justify-content: flex-end;
margin-left: auto; } margin-left: auto; }
.navbar-dropdown { .navbar-dropdown {
background-color: white; background-color: #111111;
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
border-top: 2px solid #dbdbdb; border-top: 2px solid #dbdbdb;
@ -2822,11 +2822,11 @@ a.navbar-item,
.navbar-dropdown a.navbar-item { .navbar-dropdown a.navbar-item {
padding-right: 3rem; } padding-right: 3rem; }
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke; background-color: #111111;
color: #0a0a0a; } color: #111111; }
.navbar-dropdown a.navbar-item.is-active { .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke; background-color: #111111;
color: #F5A9B8; } color: #111111; }
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
border-radius: 6px; border-radius: 6px;
border-top: none; border-top: none;

View file

@ -10,6 +10,7 @@ $pink: #F5A9B8;
$beige-light: #eaeaea; $beige-light: #eaeaea;
$off-dark: #181516; $off-dark: #181516;
$off-off-dark: #070707; $off-off-dark: #070707;
$off-off-off-dark: #111111;
// Update Bulma's global variables // Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif; $family-sans-serif: "Nunito", sans-serif;
@ -34,6 +35,11 @@ $primary: $lime;
$text-strong: $pink; $text-strong: $pink;
$navbar-background-color: $off-off-dark; $navbar-background-color: $off-off-dark;
$navbar-item-color: $grey-dark; $navbar-item-color: $grey-dark;
$navbar-dropdown-background-color: $off-off-off-dark;
$navbar-dropdown-item-hover-color: $off-off-off-dark;
$navbar-dropdown-item-hover-background-color: $off-off-off-dark;
$navbar-dropdown-item-active-color: $off-off-off-dark;
$navbar-dropdown-item-active-background-color: $off-off-off-dark;
// Import only what you need from Bulma // Import only what you need from Bulma