diff --git a/src/themes/default/global.variables b/src/themes/default/global.variables index 8861226b3..ac14c48d6 100755 --- a/src/themes/default/global.variables +++ b/src/themes/default/global.variables @@ -161,47 +161,47 @@ --------------------*/ /*--- Colors ---*/ -@primaryColorHover : darken( saturate(@primaryColor, 10), 5); -@secondaryColorHover : darken( saturate(@secondaryColor, 10), 5); -@tertiaryColorHover : darken( saturate(@tertiaryColor, 10), 5); - -@blueHover : darken( saturate(@blue, 10), 5); -@greenHover : darken( saturate(@green, 10), 5); -@orangeHover : darken( saturate(@orange, 10), 5); -@pinkHover : darken( saturate(@pink, 10), 5); -@purpleHover : darken( saturate(@purple, 10), 5); -@redHover : darken( saturate(@red, 10), 5); -@tealHover : darken( saturate(@teal, 10), 5); -@yellowHover : darken( saturate(@yellow, 10), 5); +@primaryColorHover : lighten( @primaryColor, 5); +@secondaryColorHover : lighten( @secondaryColor, 5); +@tertiaryColorHover : lighten( @tertiaryColor, 5); + +@blueHover : lighten( @blue, 5); +@greenHover : lighten( @green, 5); +@orangeHover : lighten( @orange, 5); +@pinkHover : lighten( @pink, 5); +@purpleHover : lighten( @purple, 5); +@redHover : lighten( @red, 5); +@tealHover : lighten( @teal, 5); +@yellowHover : lighten( @yellow, 5); /*--- Emotive ---*/ -@positiveColorHover : darken( saturate(@positiveColor, 10), 5); -@negativeColorHover : darken( saturate(@negativeColor, 10), 5); +@positiveColorHover : lighten( @positiveColor, 5); +@negativeColorHover : lighten( @negativeColor, 5); -@infoColorHover : darken( saturate(@infoColor, 10), 5); -@warningColorHover : darken( saturate(@warningColor, 10), 5); -@errorColorHover : darken( saturate(@errorColor, 10), 5); +@infoColorHover : lighten( @infoColor, 5); +@warningColorHover : lighten( @warningColor, 5); +@errorColorHover : lighten( @errorColor, 5); /*--- Neutrals ---*/ -@darkBlackHover : darken( saturate(@darkBlack, 10), 5); -@blackHover : darken( saturate(@black, 10), 5); -@lightBlackHover : darken( saturate(@lightBlack, 10), 5); +@darkBlackHover : lighten( @darkBlack, 5); +@blackHover : lighten( @black, 5); +@lightBlackHover : lighten( @lightBlack, 5); -@lightGreyHover : darken( saturate(@lightGrey, 10), 5); -@greyHover : darken( saturate(@grey, 10), 5); -@darkGreyHover : darken( saturate(@darkGrey, 10), 5); +@lightGreyHover : lighten( @lightGrey, 5); +@greyHover : lighten( @grey, 5); +@darkGreyHover : lighten( @darkGrey, 5); -@whiteHover : darken( saturate(@white, 10), 5); -@offWhiteHover : darken( saturate(@offWhite, 10), 5); -@darkWhiteHover : darken( saturate(@darkWhite, 10), 5); +@whiteHover : lighten( @white, 5); +@offWhiteHover : lighten( @offWhite, 5); +@darkWhiteHover : lighten( @darkWhite, 5); -@facebookHoverColor : darken( saturate(@facebookColor, 10), 5); -@twitterHoverColor : darken( saturate(@twitterColor, 10), 5); -@googlePlusHoverColor : darken( saturate(@googlePlusColor, 10), 5); -@linkedInHoverColor : darken( saturate(@linkedInColor, 10), 5); -@youtubeHoverColor : darken( saturate(@youtubeColor, 10), 5); -@instagramHoverColor : darken( saturate(@instagramColor, 10), 5); -@pinterestHoverColor : darken( saturate(@pinterestColor, 10), 5); +@facebookHoverColor : lighten( @facebookColor, 5); +@twitterHoverColor : lighten( @twitterColor, 5); +@googlePlusHoverColor : lighten( @googlePlusColor, 5); +@linkedInHoverColor : lighten( @linkedInColor, 5); +@youtubeHoverColor : lighten( @youtubeColor, 5); +@instagramHoverColor : lighten( @instagramColor, 5); +@pinterestHoverColor : lighten( @pinterestColor, 5); /*------------------- @@ -210,47 +210,47 @@ /*--- Colors ---*/ -@primaryColorDown : darken(@primaryColor, 15); -@secondaryColorDown : darken(@secondaryColor, 15); -@tertiaryColorDown : darken(@tertiaryColor, 15); - -@blueDown : darken(@blue, 15); -@greenDown : darken(@green, 15); -@orangeDown : darken(@orange, 15); -@pinkDown : darken(@pink, 15); -@purpleDown : darken(@purple, 15); -@redDown : darken(@red, 15); -@tealDown : darken(@teal, 15); -@yellowDown : darken(@yellow, 15); +@primaryColorDown : darken(@primaryColor, 7); +@secondaryColorDown : darken(@secondaryColor, 7); +@tertiaryColorDown : darken(@tertiaryColor, 7); + +@blueDown : darken(@blue, 7); +@greenDown : darken(@green, 7); +@orangeDown : darken(@orange, 7); +@pinkDown : darken(@pink, 7); +@purpleDown : darken(@purple, 7); +@redDown : darken(@red, 7); +@tealDown : darken(@teal, 7); +@yellowDown : darken(@yellow, 7); /*--- Emotive ---*/ -@positiveColorDown : darken(@positiveColor, 15); -@negativeColorDown : darken(@negativeColor, 15); +@positiveColorDown : darken(@positiveColor, 7); +@negativeColorDown : darken(@negativeColor, 7); -@infoColorDown : darken(@infoColor, 15); -@warningColorDown : darken(@warningColor, 15); -@errorColorDown : darken(@errorColor, 15); +@infoColorDown : darken(@infoColor, 7); +@warningColorDown : darken(@warningColor, 7); +@errorColorDown : darken(@errorColor, 7); /*--- Neutrals ---*/ -@darkBlackDown : darken(@darkBlack, 15); -@blackDown : darken(@black, 15); -@lightBlackDown : darken(@lightBlack, 15); +@darkBlackDown : darken(@darkBlack, 7); +@blackDown : darken(@black, 7); +@lightBlackDown : darken(@lightBlack, 7); -@lightGreyDown : darken(@lightGrey, 15); -@greyDown : darken(@grey, 15); -@darkGreyDown : darken(@darkGrey, 15); +@lightGreyDown : darken(@lightGrey, 7); +@greyDown : darken(@grey, 7); +@darkGreyDown : darken(@darkGrey, 7); -@whiteDown : darken(@white, 15); -@offWhiteDown : darken(@offWhite, 15); -@darkWhiteDown : darken(@darkWhite, 15); +@whiteDown : darken(@white, 7); +@offWhiteDown : darken(@offWhite, 7); +@darkWhiteDown : darken(@darkWhite, 7); -@facebookDownColor : darken(@facebookColor, 15); -@twitterDownColor : darken(@twitterColor, 15); -@googlePlusDownColor : darken(@googlePlusColor, 15); -@linkedInDownColor : darken(@linkedInColor, 15); -@youtubeDownColor : darken(@youtubeColor, 15); -@instagramDownColor : darken(@instagramColor, 15); -@pinterestDownColor : darken(@pinterestColor, 15); +@facebookDownColor : darken(@facebookColor, 7); +@twitterDownColor : darken(@twitterColor, 7); +@googlePlusDownColor : darken(@googlePlusColor, 7); +@linkedInDownColor : darken(@linkedInColor, 7); +@youtubeDownColor : darken(@youtubeColor, 7); +@instagramDownColor : darken(@instagramColor, 7); +@pinterestDownColor : darken(@pinterestColor, 7); /*------------------- @@ -258,44 +258,44 @@ --------------------*/ /*--- Standard ---*/ -@primaryColorActive : darken(@primaryColor, 10); -@secondaryColorActive : darken(@secondaryColor, 10); -@tertiaryColorActive : darken(@tertiaryColor, 10); - -@blueActive : darken(@blue, 10); -@greenActive : darken(@green, 10); -@orangeActive : darken(@orange, 10); -@pinkActive : darken(@pink, 10); -@purpleActive : darken(@purple, 10); -@redActive : darken(@red, 10); -@tealActive : darken(@teal, 10); -@yellowActive : darken(@yellow, 10); +@primaryColorActive : darken(@primaryColor, 5); +@secondaryColorActive : darken(@secondaryColor, 5); +@tertiaryColorActive : darken(@tertiaryColor, 5); + +@blueActive : darken(@blue, 5); +@greenActive : darken(@green, 5); +@orangeActive : darken(@orange, 5); +@pinkActive : darken(@pink, 5); +@purpleActive : darken(@purple, 5); +@redActive : darken(@red, 5); +@tealActive : darken(@teal, 5); +@yellowActive : darken(@yellow, 5); /*--- Emotive ---*/ -@positiveColorActive : darken(@positiveColor, 10); -@negativeColorActive : darken(@negativeColor, 10); +@positiveColorActive : darken(@positiveColor, 5); +@negativeColorActive : darken(@negativeColor, 5); -@infoColorActive : darken(@infoColor, 10); -@warningColorActive : darken(@warningColor, 10); -@errorColorActive : darken(@errorColor, 10); +@infoColorActive : darken(@infoColor, 5); +@warningColorActive : darken(@warningColor, 5); +@errorColorActive : darken(@errorColor, 5); /*--- Neutrals ---*/ -@darkBlackActive : darken(@darkBlack, 10); -@blackActive : darken(@black, 10); -@lightBlackActive : darken(@lightBlack, 10); - -@lightGreyActive : darken(@lightGrey, 10); -@greyActive : darken(@grey, 10); -@darkGreyActive : darken(@darkGrey, 10); - -@whiteActive : darken(@white, 10); -@offWhiteActive : darken(@offWhite, 10); -@darkWhiteActive : darken(@darkWhite, 10); - -@facebookActiveColor : darken(@facebookColor, 10); -@twitterActiveColor : darken(@twitterColor, 10); -@googlePlusActiveColor : darken(@googlePlusColor, 10); -@linkedInActiveColor : darken(@linkedInColor, 10); -@youtubeActiveColor : darken(@youtubeColor, 10); -@instagramActiveColor : darken(@instagramColor, 10); -@pinterestActiveColor : darken(@pinterestColor, 10); +@darkBlackActive : darken(@darkBlack, 5); +@blackActive : darken(@black, 5); +@lightBlackActive : darken(@lightBlack, 5); + +@lightGreyActive : darken(@lightGrey, 5); +@greyActive : darken(@grey, 5); +@darkGreyActive : darken(@darkGrey, 5); + +@whiteActive : darken(@white, 5); +@offWhiteActive : darken(@offWhite, 5); +@darkWhiteActive : darken(@darkWhite, 5); + +@facebookActiveColor : darken(@facebookColor, 5); +@twitterActiveColor : darken(@twitterColor, 5); +@googlePlusActiveColor : darken(@googlePlusColor, 5); +@linkedInActiveColor : darken(@linkedInColor, 5); +@youtubeActiveColor : darken(@youtubeColor, 5); +@instagramActiveColor : darken(@instagramColor, 5); +@pinterestActiveColor : darken(@pinterestColor, 5);