From 3c6d5cab3a9e3a1e3be42e231424a5c1350749ad Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Mon, 4 Jul 2022 22:35:00 +0300 Subject: [PATCH] Set inverse navbar colors --- less/navbar.less | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/less/navbar.less b/less/navbar.less index 8fb87ec..e3e320e 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -109,3 +109,22 @@ font-weight: @navbar-dropdown-nav-item-active-font-weight; } +@inverse-navbar-background: @primary-color; +@inverse-navbar-background-image: @global-primary-gradient; +@inverse-navbar-nav-item-color: @global-muted-background; +@inverse-navbar-nav-item-hover-color: @global-inverse-color; +@inverse-navbar-nav-item-onclick-color: @global-inverse-color; +@inverse-navbar-nav-item-active-color: @global-inverse-color; +@inverse-navbar-nav-item-active-text-decoration: underline; + +@inverse-navbar-toggle-color: @global-inverse-color; + +.hook-inverse() { + .uk-navbar-container:not(.uk-navbar-transparent) { + background-image: @inverse-navbar-background-image; + } +} + +.hook-inverse-navbar-nav-item-active { + text-decoration: @inverse-navbar-nav-item-active-text-decoration; +}