richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Swaps hover/down color to lighten

pull/636/head
jlukic 11 years ago
parent
354afddab5
commit
2e79701187
1 changed files with 102 additions and 102 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 204
      src/themes/default/global.variables

204
src/themes/default/global.variables
View File

@ -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);
Write Preview
Loading…
Cancel
Save