diff --git a/css/components/dxpr-theme-navigation-colors.css b/css/components/dxpr-theme-navigation-colors.css index 093140f7..d870bdd1 100644 --- a/css/components/dxpr-theme-navigation-colors.css +++ b/css/components/dxpr-theme-navigation-colors.css @@ -1 +1 @@ -#navbar.dxpr-theme-header--top .navbar-container{background-color:var(--dxt-setting-navbar-background, transparent);color:var(--dxt-setting-navbar-text-color, var(--dxt-color-headertext))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block{background-color:var(--dxt-setting-header-block-background, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block:not(.contextual-region),.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block:not(.contextual-region) a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block .btn-link{color:var(--dxt-setting-header-block-text-color, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav{background-color:var(--dxt-setting-menu-background, transparent)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav span.nav-link:focus{background-color:var(--dxt-setting-menu-hover-background, transparent);color:var(--dxt-setting-menu-hover-text-color, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a.dropdown-item:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a.dropdown-item:focus{background-color:var(--dxt-setting-menu-hover-background, transparent);color:var(--dxt-setting-menu-hover-text-color, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav span{color:var(--dxt-setting-menu-text-color, var(--dxt-color-headertext))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu{background-color:var(--dxt-setting-dropdown-background, var(--dxt-color-header))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu button:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu button:focus{background-color:var(--dxt-setting-dropdown-hover-background, transparent);color:var(--dxt-setting-dropdown-hover-text-color, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu button{color:var(--dxt-setting-dropdown-text-color, var(--dxt-color-headertext))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav span.nav-link:focus{opacity:.8}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav span.nav-link:focus{color:var(--dxt-setting-menu-hover-text-color, var(--dxt-color-base))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav span.nav-link:focus{background-color:var(--dxt-setting-menu-hover-background, var(--dxt-color-base))}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu{background:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside));color:var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext))}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu a,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu span.nav-link{color:var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav-link:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav-link:focus{background-color:var(--dxt-setting-mobile-menu-hover-background, transparent);color:var(--dxt-setting-mobile-menu-hover-text-color, var(--dxt-color-base))}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.nav,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.navbar-nav{background-color:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu{background-color:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .dropdown-item,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .bs-dropdown-item-wrapper>.dropdown-item{background-color:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside)) !important;color:var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .dropdown-item:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .dropdown-item:focus,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .bs-dropdown-item-wrapper>.dropdown-item:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .bs-dropdown-item-wrapper>.dropdown-item:focus{background-color:var(--dxt-setting-mobile-menu-hover-background, transparent) !important;color:var(--dxt-setting-mobile-menu-hover-text-color, var(--dxt-color-base)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>a:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>a:focus,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>span.nav-link:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>span.nav-link:focus{background-color:var(--dxt-setting-mobile-menu-hover-background, transparent);color:var(--dxt-setting-mobile-menu-hover-text-color, var(--dxt-color-base))} \ No newline at end of file +#navbar.dxpr-theme-header--top .navbar-container{background-color:var(--dxt-setting-navbar-background, transparent);color:var(--dxt-setting-navbar-text-color, var(--dxt-color-headertext))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block{background-color:var(--dxt-setting-header-block-background, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block:not(.contextual-region),.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block:not(.contextual-region) a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .block .btn-link{color:var(--dxt-setting-header-block-text-color, inherit)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav{background-color:var(--dxt-setting-menu-background, transparent)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav span.nav-link:focus{background-color:var(--dxt-setting-menu-hover-background);color:var(--dxt-setting-menu-hover-text-color)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a.dropdown-item:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a.dropdown-item:focus{background-color:var(--dxt-setting-menu-hover-background);color:var(--dxt-setting-menu-hover-text-color)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .nav span{color:var(--dxt-setting-menu-text-color, var(--dxt-color-headertext))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu{background-color:var(--dxt-setting-dropdown-background, var(--dxt-color-header))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu button:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu button:focus{background-color:var(--dxt-setting-dropdown-hover-background);color:var(--dxt-setting-dropdown-hover-text-color)}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top .dropdown-menu button{color:var(--dxt-setting-dropdown-text-color, var(--dxt-color-headertext))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-opacity .nav span.nav-link:focus{opacity:.8}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-text .nav span.nav-link:focus{color:var(--dxt-setting-menu-hover-text-color, var(--dxt-color-base))}.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav .active>a,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav .active>span.nav-link,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav a:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav a:focus,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav a.is-active,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav span.nav-link:hover,.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--hover-background .nav span.nav-link:focus{background-color:var(--dxt-setting-menu-hover-background, var(--dxt-color-base))}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu{background:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside));color:var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext))}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu a,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu span.nav-link{color:var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav-link:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav-link:focus{background-color:var(--dxt-setting-mobile-menu-hover-background, transparent);color:var(--dxt-setting-mobile-menu-hover-text-color, var(--dxt-color-base))}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.nav,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.navbar-nav{background-color:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu{background-color:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .dropdown-item,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .bs-dropdown-item-wrapper>.dropdown-item{background-color:var(--dxt-setting-mobile-menu-background, var(--dxt-color-headerside)) !important;color:var(--dxt-setting-mobile-menu-text-color, var(--dxt-color-headersidetext)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .dropdown-item:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .dropdown-item:focus,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .bs-dropdown-item-wrapper>.dropdown-item:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu ul.dropdown-menu .bs-dropdown-item-wrapper>.dropdown-item:focus{background-color:var(--dxt-setting-mobile-menu-hover-background, transparent) !important;color:var(--dxt-setting-mobile-menu-hover-text-color, var(--dxt-color-base)) !important}.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>a:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>a:focus,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>span.nav-link:hover,.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu .nav>li>span.nav-link:focus{background-color:var(--dxt-setting-mobile-menu-hover-background, transparent);color:var(--dxt-setting-mobile-menu-hover-text-color, var(--dxt-color-base))} \ No newline at end of file diff --git a/scss/components/dxpr-theme-navigation-colors.scss b/scss/components/dxpr-theme-navigation-colors.scss index 530d0758..be8fbc07 100644 --- a/scss/components/dxpr-theme-navigation-colors.scss +++ b/scss/components/dxpr-theme-navigation-colors.scss @@ -30,15 +30,15 @@ a.is-active, span.nav-link:hover, span.nav-link:focus { - background-color: var(--dxt-setting-menu-hover-background, transparent); - color: var(--dxt-setting-menu-hover-text-color, inherit); + background-color: var(--dxt-setting-menu-hover-background); + color: var(--dxt-setting-menu-hover-text-color); } a.dropdown-item { &:hover, &:focus { - background-color: var(--dxt-setting-menu-hover-background, transparent); - color: var(--dxt-setting-menu-hover-text-color, inherit); + background-color: var(--dxt-setting-menu-hover-background); + color: var(--dxt-setting-menu-hover-text-color); } } } @@ -56,8 +56,8 @@ button { &:hover, &:focus { - background-color: var(--dxt-setting-dropdown-hover-background, transparent); - color: var(--dxt-setting-dropdown-hover-text-color, inherit); + background-color: var(--dxt-setting-dropdown-hover-background); + color: var(--dxt-setting-dropdown-hover-text-color); } } }