fix(table): move LESS Functions out of LESS file and into separate variables instead

Author: lubber-de

src/definitions/collections/table.less

@@ -670,6 +670,8 @@ each(@colors, {
   @l: @colors[@@color][light];
   @lh: @colors[@@color][lightHover];
   @r: @colors[@@color][ribbon];
+  @b: @colors[@@color][bright];
+  @bh: @colors[@@color][brightHover];
   @isDark: @colors[@@color][isDark];
   @isVeryDark: @colors[@@color][isVeryDark];
 
@@ -687,7 +689,7 @@ each(@colors, {
       background: @l;
     }
     & when not (@isDark) {
-      background: screen(@l,@blendingBaseColor);
+      background: @b;
     }
     & when (@isVeryDark) {
       color: @white;
@@ -703,7 +705,7 @@ each(@colors, {
       background: @lh;
     }
     & when not (@isDark) {
-      background: screen(@lh,@blendingBaseColor);
+      background: @bh;
     }
     & when (@isVeryDark) {
       color: @white;

src/themes/default/globals/colors.less

@@ -30,6 +30,8 @@
     tertiaryHover  : @primaryTertiaryColorHover;
     tertiaryFocus  : @primaryTertiaryColorFocus;
     tertiaryActive : @primaryTertiaryColorActive;
+    bright         : @primaryBright;
+    brightHover    : @primaryBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -60,6 +62,8 @@
     tertiaryHover  : @secondaryTertiaryColorHover;
     tertiaryFocus  : @secondaryTertiaryColorFocus;
     tertiaryActive : @secondaryTertiaryColorActive;
+    bright         : @secondaryBright;
+    brightHover    : @secondaryBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -90,6 +94,8 @@
     tertiaryHover  : @redTertiaryColorHover;
     tertiaryFocus  : @redTertiaryColorFocus;
     tertiaryActive : @redTertiaryColorActive;
+    bright         : @redBright;
+    brightHover    : @redBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -120,6 +126,8 @@
     tertiaryHover  : @orangeTertiaryColorHover;
     tertiaryFocus  : @orangeTertiaryColorFocus;
     tertiaryActive : @orangeTertiaryColorActive;
+    bright         : @orangeBright;
+    brightHover    : @orangeBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -150,6 +158,8 @@
     tertiaryHover  : @yellowTertiaryColorHover;
     tertiaryFocus  : @yellowTertiaryColorFocus;
     tertiaryActive : @yellowTertiaryColorActive;
+    bright         : @yellowBright;
+    brightHover    : @yellowBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -180,6 +190,8 @@
     tertiaryHover  : @oliveTertiaryColorHover;
     tertiaryFocus  : @oliveTertiaryColorFocus;
     tertiaryActive : @oliveTertiaryColorActive;
+    bright         : @oliveBright;
+    brightHover    : @oliveBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -210,6 +222,8 @@
     tertiaryHover  : @greenTertiaryColorHover;
     tertiaryFocus  : @greenTertiaryColorFocus;
     tertiaryActive : @greenTertiaryColorActive;
+    bright         : @greenBright;
+    brightHover    : @greenBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -240,6 +254,8 @@
     tertiaryHover  : @tealTertiaryColorHover;
     tertiaryFocus  : @tealTertiaryColorFocus;
     tertiaryActive : @tealTertiaryColorActive;
+    bright         : @tealBright;
+    brightHover    : @tealBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -270,6 +286,8 @@
     tertiaryHover  : @blueTertiaryColorHover;
     tertiaryFocus  : @blueTertiaryColorFocus;
     tertiaryActive : @blueTertiaryColorActive;
+    bright         : @blueBright;
+    brightHover    : @blueBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -300,6 +318,8 @@
     tertiaryHover  : @violetTertiaryColorHover;
     tertiaryFocus  : @violetTertiaryColorFocus;
     tertiaryActive : @violetTertiaryColorActive;
+    bright         : @violetBright;
+    brightHover    : @violetBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -330,6 +350,8 @@
     tertiaryHover  : @purpleTertiaryColorHover;
     tertiaryFocus  : @purpleTertiaryColorFocus;
     tertiaryActive : @purpleTertiaryColorActive;
+    bright         : @purpleBright;
+    brightHover    : @purpleBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -360,6 +382,8 @@
     tertiaryHover  : @pinkTertiaryColorHover;
     tertiaryFocus  : @pinkTertiaryColorFocus;
     tertiaryActive : @pinkTertiaryColorActive;
+    bright         : @pinkBright;
+    brightHover    : @pinkBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -390,6 +414,8 @@
     tertiaryHover  : @brownTertiaryColorHover;
     tertiaryFocus  : @brownTertiaryColorFocus;
     tertiaryActive : @brownTertiaryColorActive;
+    bright         : @brownBright;
+    brightHover    : @brownBrightHover;
     isDark         : false;
     isVeryDark     : false;
   };
@@ -420,6 +446,8 @@
     tertiaryHover  : @greyTertiaryColorHover;
     tertiaryFocus  : @greyTertiaryColorFocus;
     tertiaryActive : @greyTertiaryColorActive;
+    bright         : @greyBright;
+    brightHover    : @greyBrightHover;
     isDark         : true;
     isVeryDark     : false;
   };
@@ -450,6 +478,8 @@
     tertiaryHover  : @blackTertiaryColorHover;
     tertiaryFocus  : @blackTertiaryColorFocus;
     tertiaryActive : @blackTertiaryColorActive;
+    bright         : @blackBright;
+    brightHover    : @blackBrightHover;
     isDark         : true;
     isVeryDark     : true;
   };

src/themes/default/globals/site.variables

@@ -1296,3 +1296,36 @@
 @blackTertiaryColorHover     : lighten(@blackHover, 40%);
 @blackTertiaryColorFocus     : lighten(@blackFocus, 40%);
 @blackTertiaryColorActive    : lighten(@blackActive, 20%);
+
+/*---  Bright  ---*/
+@primaryBright        : screen(@lightPrimaryColor,@blendingBaseColor);
+@secondaryBright      : screen(@lightSecondaryColor,@blendingBaseColor);
+@redBright            : screen(@lightRed,@blendingBaseColor);
+@orangeBright         : screen(@lightOrange,@blendingBaseColor);
+@yellowBright         : screen(@lightYellow,@blendingBaseColor);
+@oliveBright          : screen(@lightOlive,@blendingBaseColor);
+@greenBright          : screen(@lightGreen,@blendingBaseColor);
+@tealBright           : screen(@lightTeal,@blendingBaseColor);
+@blueBright           : screen(@lightBlue,@blendingBaseColor);
+@violetBright         : screen(@lightViolet,@blendingBaseColor);
+@purpleBright         : screen(@lightPurple,@blendingBaseColor);
+@pinkBright           : screen(@lightPink,@blendingBaseColor);
+@brownBright          : screen(@lightBrown,@blendingBaseColor);
+@greyBright           : @lightGrey;
+@blackBright          : @lightBlack;
+
+@primaryBrightHover   : screen(@lightPrimaryColorHover,@blendingBaseColor);
+@secondaryBrightHover : screen(@lightSecondaryColorHover,@blendingBaseColor);
+@redBrightHover       : screen(@lightRedHover,@blendingBaseColor);
+@orangeBrightHover    : screen(@lightOrangeHover,@blendingBaseColor);
+@yellowBrightHover    : screen(@lightYellowHover,@blendingBaseColor);
+@oliveBrightHover     : screen(@lightOliveHover,@blendingBaseColor);
+@greenBrightHover     : screen(@lightGreenHover,@blendingBaseColor);
+@tealBrightHover      : screen(@lightTealHover,@blendingBaseColor);
+@blueBrightHover      : screen(@lightBlueHover,@blendingBaseColor);
+@violetBrightHover    : screen(@lightVioletHover,@blendingBaseColor);
+@purpleBrightHover    : screen(@lightPurpleHover,@blendingBaseColor);
+@pinkBrightHover      : screen(@lightPinkHover,@blendingBaseColor);
+@brownBrightHover     : screen(@lightBrownHover,@blendingBaseColor);
+@greyBrightHover      : @lightGreyHover;
+@blackBrightHover     : @lightBlackHover;