From 3568b101dbc8eba9911f4a7a3a1b7b52231d6896 Mon Sep 17 00:00:00 2001 From: Marat Date: Wed, 27 Jun 2018 00:42:23 +0200 Subject: [PATCH] automatically pick active menu item text color picking text color by contrast instead of hardcoded white for easier color scheme customisation --- scss/components/_menu.scss | 6 +++++- scss/settings/_settings.scss | 1 + 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss index ea708600d..0cbb9d0a9 100644 --- a/scss/components/_menu.scss +++ b/scss/components/_menu.scss @@ -26,6 +26,10 @@ $menu-simple-margin: 1rem !default; /// @type Color $menu-item-color-active: $white !default; +/// Alternative text color of an active menu item.. +/// @type Color +$menu-item-color-alt-active: $black !default; + /// Background color of an active menu item. /// @type Color $menu-item-background-active: get-color(primary) !default; @@ -350,7 +354,7 @@ $menu-icons-back-compat: true !default; @mixin menu-state-active { background: $menu-item-background-active; - color: $menu-item-color-active; + color: color-pick-contrast($menu-item-background-active, ($menu-item-color-active, $menu-item-color-alt-active)); } @mixin foundation-menu { diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss index fb447f895..f06c97dcc 100644 --- a/scss/settings/_settings.scss +++ b/scss/settings/_settings.scss @@ -473,6 +473,7 @@ $menu-nested-margin: $global-menu-nested-margin; $menu-items-padding: $global-menu-padding; $menu-simple-margin: 1rem; $menu-item-color-active: $white; +$menu-item-color-alt-active: $black; $menu-item-background-active: get-color(primary); $menu-icon-spacing: 0.25rem; $menu-item-background-hover: $light-gray; -- 2.47.2