ui/semantic/galette/collections/menu.variables

   1 /*******************************
   2     Galette Variable Overrides
   3 *******************************/
   4
   5 /*-------------------
   6       Collection
   7 --------------------*/
   8
   9 /* Menu */
  10 @border: @borderWidth solid @solidBorderColor;
  11
  12 /*--------------
  13      States
  14 ---------------*/
  15
  16 /* Hovered Item */
  17 @hoverItemBackground: @primaryColor;
  18 @hoverItemTextColor: darken(@textColor, 15);
  19
  20 /* Pressed Item */
  21 @pressedItemBackground: @primaryColor;
  22 @pressedItemTextColor: @hoverItemTextColor;
  23
  24
  25 /* Active Item */
  26 @activeItemBackground: @lightPrimaryColor;
  27 @activeItemTextColor: darken(@textColor, 15);
  28 @activeItemFontWeight: @bold;
  29 @activeIconOpacity: 1;
  30 @activeItemBoxShadow: none;
  31
  32 /* Active Hovered Item */
  33 @activeHoverItemBackground: @lightPrimaryColor;
  34 @activeHoverItemColor: darken(@textColor, 15);
  35
  36 /*--------------
  37      Types
  38 ---------------*/
  39
  40 /* Tabular */
  41 @tabularActiveBackground: @lightPrimaryColor;
  42
  43 /*--------------
  44    Variations
  45 ---------------*/
  46
  47 /* Inverted */
  48 @invertedBackground: @textColor;
  49
  50 /* Inverted Hover */
  51 @invertedHoverBackground: @primaryColor;
  52 @invertedHoverColor: darken(@textColor, 15);
  53
  54 /* Inverted Active */
  55 @invertedActiveBackground: @invertedArrowActiveColor;
  56 @invertedActiveColor: darken(@textColor, 15);
  57 @invertedArrowActiveColor: @lightPrimaryColor;
  58
  59 /* Inverted Active Hover  */
  60 @invertedActiveHoverBackground: @invertedActiveBackground;
  61 @invertedActiveHoverColor: darken(@textColor, 15);
  62 @invertedArrowActiveHoverColor: @invertedArrowActiveColor;
  63
  64 /*----------------------------------
  65      Compact mode logout menu
  66 -----------------------------------*/
  67 @darkmodeItemBackground: #e0e1e2;
  68 @darkmodeItemBackgroundInverted: @black;
  69 @darkmodeHover: #cacbcd;
  70 @darkmodeActive: #babbbc;
  71 @logoutItemBackground: @red;
  72 @logoutItemBackgroundImpersonated: @purple;