@bee-design/ui/lib/style/theme/color/css-variables.less

Bee Design React UI Library.

@plugin "./getRgbStr";

@{bee-theme-tag} {
  @{bee-cssvars-prefix}-red-1: getRgbStr(@red-1);
  @{bee-cssvars-prefix}-red-2: getRgbStr(@red-2);
  @{bee-cssvars-prefix}-red-3: getRgbStr(@red-3);
  @{bee-cssvars-prefix}-red-4: getRgbStr(@red-4);
  @{bee-cssvars-prefix}-red-5: getRgbStr(@red-5);
  @{bee-cssvars-prefix}-red-6: getRgbStr(@red-6);
  @{bee-cssvars-prefix}-red-7: getRgbStr(@red-7);
  @{bee-cssvars-prefix}-red-8: getRgbStr(@red-8);
  @{bee-cssvars-prefix}-red-9: getRgbStr(@red-9);
  @{bee-cssvars-prefix}-red-10: getRgbStr(@red-10);
  @{bee-cssvars-prefix}-orangered-1: getRgbStr(@orangered-1);
  @{bee-cssvars-prefix}-orangered-2: getRgbStr(@orangered-2);
  @{bee-cssvars-prefix}-orangered-3: getRgbStr(@orangered-3);
  @{bee-cssvars-prefix}-orangered-4: getRgbStr(@orangered-4);
  @{bee-cssvars-prefix}-orangered-5: getRgbStr(@orangered-5);
  @{bee-cssvars-prefix}-orangered-6: getRgbStr(@orangered-6);
  @{bee-cssvars-prefix}-orangered-7: getRgbStr(@orangered-7);
  @{bee-cssvars-prefix}-orangered-8: getRgbStr(@orangered-8);
  @{bee-cssvars-prefix}-orangered-9: getRgbStr(@orangered-9);
  @{bee-cssvars-prefix}-orangered-10: getRgbStr(@orangered-10);
  @{bee-cssvars-prefix}-orange-1: getRgbStr(@orange-1);
  @{bee-cssvars-prefix}-orange-2: getRgbStr(@orange-2);
  @{bee-cssvars-prefix}-orange-3: getRgbStr(@orange-3);
  @{bee-cssvars-prefix}-orange-4: getRgbStr(@orange-4);
  @{bee-cssvars-prefix}-orange-5: getRgbStr(@orange-5);
  @{bee-cssvars-prefix}-orange-6: getRgbStr(@orange-6);
  @{bee-cssvars-prefix}-orange-7: getRgbStr(@orange-7);
  @{bee-cssvars-prefix}-orange-8: getRgbStr(@orange-8);
  @{bee-cssvars-prefix}-orange-9: getRgbStr(@orange-9);
  @{bee-cssvars-prefix}-orange-10: getRgbStr(@orange-10);
  @{bee-cssvars-prefix}-gold-1: getRgbStr(@gold-1);
  @{bee-cssvars-prefix}-gold-2: getRgbStr(@gold-2);
  @{bee-cssvars-prefix}-gold-3: getRgbStr(@gold-3);
  @{bee-cssvars-prefix}-gold-4: getRgbStr(@gold-4);
  @{bee-cssvars-prefix}-gold-5: getRgbStr(@gold-5);
  @{bee-cssvars-prefix}-gold-6: getRgbStr(@gold-6);
  @{bee-cssvars-prefix}-gold-7: getRgbStr(@gold-7);
  @{bee-cssvars-prefix}-gold-8: getRgbStr(@gold-8);
  @{bee-cssvars-prefix}-gold-9: getRgbStr(@gold-9);
  @{bee-cssvars-prefix}-gold-10: getRgbStr(@gold-10);
  @{bee-cssvars-prefix}-yellow-1: getRgbStr(@yellow-1);
  @{bee-cssvars-prefix}-yellow-2: getRgbStr(@yellow-2);
  @{bee-cssvars-prefix}-yellow-3: getRgbStr(@yellow-3);
  @{bee-cssvars-prefix}-yellow-4: getRgbStr(@yellow-4);
  @{bee-cssvars-prefix}-yellow-5: getRgbStr(@yellow-5);
  @{bee-cssvars-prefix}-yellow-6: getRgbStr(@yellow-6);
  @{bee-cssvars-prefix}-yellow-7: getRgbStr(@yellow-7);
  @{bee-cssvars-prefix}-yellow-8: getRgbStr(@yellow-8);
  @{bee-cssvars-prefix}-yellow-9: getRgbStr(@yellow-9);
  @{bee-cssvars-prefix}-yellow-10: getRgbStr(@yellow-10);
  @{bee-cssvars-prefix}-lime-1: getRgbStr(@lime-1);
  @{bee-cssvars-prefix}-lime-2: getRgbStr(@lime-2);
  @{bee-cssvars-prefix}-lime-3: getRgbStr(@lime-3);
  @{bee-cssvars-prefix}-lime-4: getRgbStr(@lime-4);
  @{bee-cssvars-prefix}-lime-5: getRgbStr(@lime-5);
  @{bee-cssvars-prefix}-lime-6: getRgbStr(@lime-6);
  @{bee-cssvars-prefix}-lime-7: getRgbStr(@lime-7);
  @{bee-cssvars-prefix}-lime-8: getRgbStr(@lime-8);
  @{bee-cssvars-prefix}-lime-9: getRgbStr(@lime-9);
  @{bee-cssvars-prefix}-lime-10: getRgbStr(@lime-10);
  @{bee-cssvars-prefix}-green-1: getRgbStr(@green-1);
  @{bee-cssvars-prefix}-green-2: getRgbStr(@green-2);
  @{bee-cssvars-prefix}-green-3: getRgbStr(@green-3);
  @{bee-cssvars-prefix}-green-4: getRgbStr(@green-4);
  @{bee-cssvars-prefix}-green-5: getRgbStr(@green-5);
  @{bee-cssvars-prefix}-green-6: getRgbStr(@green-6);
  @{bee-cssvars-prefix}-green-7: getRgbStr(@green-7);
  @{bee-cssvars-prefix}-green-8: getRgbStr(@green-8);
  @{bee-cssvars-prefix}-green-9: getRgbStr(@green-9);
  @{bee-cssvars-prefix}-green-10: getRgbStr(@green-10);
  @{bee-cssvars-prefix}-cyan-1: getRgbStr(@cyan-1);
  @{bee-cssvars-prefix}-cyan-2: getRgbStr(@cyan-2);
  @{bee-cssvars-prefix}-cyan-3: getRgbStr(@cyan-3);
  @{bee-cssvars-prefix}-cyan-4: getRgbStr(@cyan-4);
  @{bee-cssvars-prefix}-cyan-5: getRgbStr(@cyan-5);
  @{bee-cssvars-prefix}-cyan-6: getRgbStr(@cyan-6);
  @{bee-cssvars-prefix}-cyan-7: getRgbStr(@cyan-7);
  @{bee-cssvars-prefix}-cyan-8: getRgbStr(@cyan-8);
  @{bee-cssvars-prefix}-cyan-9: getRgbStr(@cyan-9);
  @{bee-cssvars-prefix}-cyan-10: getRgbStr(@cyan-10);
  @{bee-cssvars-prefix}-blue-1: getRgbStr(@blue-1);
  @{bee-cssvars-prefix}-blue-2: getRgbStr(@blue-2);
  @{bee-cssvars-prefix}-blue-3: getRgbStr(@blue-3);
  @{bee-cssvars-prefix}-blue-4: getRgbStr(@blue-4);
  @{bee-cssvars-prefix}-blue-5: getRgbStr(@blue-5);
  @{bee-cssvars-prefix}-blue-6: getRgbStr(@blue-6);
  @{bee-cssvars-prefix}-blue-7: getRgbStr(@blue-7);
  @{bee-cssvars-prefix}-blue-8: getRgbStr(@blue-8);
  @{bee-cssvars-prefix}-blue-9: getRgbStr(@blue-9);
  @{bee-cssvars-prefix}-blue-10: getRgbStr(@blue-10);
  @{bee-cssvars-prefix}-arcoblue-1: getRgbStr(@arcoblue-1);
  @{bee-cssvars-prefix}-arcoblue-2: getRgbStr(@arcoblue-2);
  @{bee-cssvars-prefix}-arcoblue-3: getRgbStr(@arcoblue-3);
  @{bee-cssvars-prefix}-arcoblue-4: getRgbStr(@arcoblue-4);
  @{bee-cssvars-prefix}-arcoblue-5: getRgbStr(@arcoblue-5);
  @{bee-cssvars-prefix}-arcoblue-6: getRgbStr(@arcoblue-6);
  @{bee-cssvars-prefix}-arcoblue-7: getRgbStr(@arcoblue-7);
  @{bee-cssvars-prefix}-arcoblue-8: getRgbStr(@arcoblue-8);
  @{bee-cssvars-prefix}-arcoblue-9: getRgbStr(@arcoblue-9);
  @{bee-cssvars-prefix}-arcoblue-10: getRgbStr(@arcoblue-10);
  @{bee-cssvars-prefix}-purple-1: getRgbStr(@purple-1);
  @{bee-cssvars-prefix}-purple-2: getRgbStr(@purple-2);
  @{bee-cssvars-prefix}-purple-3: getRgbStr(@purple-3);
  @{bee-cssvars-prefix}-purple-4: getRgbStr(@purple-4);
  @{bee-cssvars-prefix}-purple-5: getRgbStr(@purple-5);
  @{bee-cssvars-prefix}-purple-6: getRgbStr(@purple-6);
  @{bee-cssvars-prefix}-purple-7: getRgbStr(@purple-7);
  @{bee-cssvars-prefix}-purple-8: getRgbStr(@purple-8);
  @{bee-cssvars-prefix}-purple-9: getRgbStr(@purple-9);
  @{bee-cssvars-prefix}-purple-10: getRgbStr(@purple-10);
  @{bee-cssvars-prefix}-pinkpurple-1: getRgbStr(@pinkpurple-1);
  @{bee-cssvars-prefix}-pinkpurple-2: getRgbStr(@pinkpurple-2);
  @{bee-cssvars-prefix}-pinkpurple-3: getRgbStr(@pinkpurple-3);
  @{bee-cssvars-prefix}-pinkpurple-4: getRgbStr(@pinkpurple-4);
  @{bee-cssvars-prefix}-pinkpurple-5: getRgbStr(@pinkpurple-5);
  @{bee-cssvars-prefix}-pinkpurple-6: getRgbStr(@pinkpurple-6);
  @{bee-cssvars-prefix}-pinkpurple-7: getRgbStr(@pinkpurple-7);
  @{bee-cssvars-prefix}-pinkpurple-8: getRgbStr(@pinkpurple-8);
  @{bee-cssvars-prefix}-pinkpurple-9: getRgbStr(@pinkpurple-9);
  @{bee-cssvars-prefix}-pinkpurple-10: getRgbStr(@pinkpurple-10);
  @{bee-cssvars-prefix}-magenta-1: getRgbStr(@magenta-1);
  @{bee-cssvars-prefix}-magenta-2: getRgbStr(@magenta-2);
  @{bee-cssvars-prefix}-magenta-3: getRgbStr(@magenta-3);
  @{bee-cssvars-prefix}-magenta-4: getRgbStr(@magenta-4);
  @{bee-cssvars-prefix}-magenta-5: getRgbStr(@magenta-5);
  @{bee-cssvars-prefix}-magenta-6: getRgbStr(@magenta-6);
  @{bee-cssvars-prefix}-magenta-7: getRgbStr(@magenta-7);
  @{bee-cssvars-prefix}-magenta-8: getRgbStr(@magenta-8);
  @{bee-cssvars-prefix}-magenta-9: getRgbStr(@magenta-9);
  @{bee-cssvars-prefix}-magenta-10: getRgbStr(@magenta-10);
  @{bee-cssvars-prefix}-gray-1: getRgbStr(@gray-1);
  @{bee-cssvars-prefix}-gray-2: getRgbStr(@gray-2);
  @{bee-cssvars-prefix}-gray-3: getRgbStr(@gray-3);
  @{bee-cssvars-prefix}-gray-4: getRgbStr(@gray-4);
  @{bee-cssvars-prefix}-gray-5: getRgbStr(@gray-5);
  @{bee-cssvars-prefix}-gray-6: getRgbStr(@gray-6);
  @{bee-cssvars-prefix}-gray-7: getRgbStr(@gray-7);
  @{bee-cssvars-prefix}-gray-8: getRgbStr(@gray-8);
  @{bee-cssvars-prefix}-gray-9: getRgbStr(@gray-9);
  @{bee-cssvars-prefix}-gray-10: getRgbStr(@gray-10);

  // 成功色
  @{bee-cssvars-prefix}-success-1: getVarStr(~'@{success-1}');
  @{bee-cssvars-prefix}-success-2: getVarStr(~'@{success-2}');
  @{bee-cssvars-prefix}-success-3: getVarStr(~'@{success-3}');
  @{bee-cssvars-prefix}-success-4: getVarStr(~'@{success-4}');
  @{bee-cssvars-prefix}-success-5: getVarStr(~'@{success-5}');
  @{bee-cssvars-prefix}-success-6: getVarStr(~'@{success-6}');
  @{bee-cssvars-prefix}-success-7: getVarStr(~'@{success-7}');
  @{bee-cssvars-prefix}-success-8: getVarStr(~'@{success-8}');
  @{bee-cssvars-prefix}-success-9: getVarStr(~'@{success-9}');
  @{bee-cssvars-prefix}-success-10: getVarStr(~'@{success-10}');

  @{bee-cssvars-prefix}-primary-1: var(~'@{bee-cssvars-prefix}-arcoblue-1');
  @{bee-cssvars-prefix}-primary-2: var(~'@{bee-cssvars-prefix}-arcoblue-2');
  @{bee-cssvars-prefix}-primary-3: var(~'@{bee-cssvars-prefix}-arcoblue-3');
  @{bee-cssvars-prefix}-primary-4: var(~'@{bee-cssvars-prefix}-arcoblue-4');
  @{bee-cssvars-prefix}-primary-5: var(~'@{bee-cssvars-prefix}-arcoblue-5');
  @{bee-cssvars-prefix}-primary-6: var(~'@{bee-cssvars-prefix}-arcoblue-6');
  @{bee-cssvars-prefix}-primary-7: var(~'@{bee-cssvars-prefix}-arcoblue-7');
  @{bee-cssvars-prefix}-primary-8: var(~'@{bee-cssvars-prefix}-arcoblue-8');
  @{bee-cssvars-prefix}-primary-9: var(~'@{bee-cssvars-prefix}-arcoblue-9');
  @{bee-cssvars-prefix}-primary-10: var(~'@{bee-cssvars-prefix}-arcoblue-10');

  // 错误色
  @{bee-cssvars-prefix}-danger-1: getVarStr(~'@{danger-1}');
  @{bee-cssvars-prefix}-danger-2: getVarStr(~'@{danger-2}');
  @{bee-cssvars-prefix}-danger-3: getVarStr(~'@{danger-3}');
  @{bee-cssvars-prefix}-danger-4: getVarStr(~'@{danger-4}');
  @{bee-cssvars-prefix}-danger-5: getVarStr(~'@{danger-5}');
  @{bee-cssvars-prefix}-danger-6: getVarStr(~'@{danger-6}');
  @{bee-cssvars-prefix}-danger-7: getVarStr(~'@{danger-7}');
  @{bee-cssvars-prefix}-danger-8: getVarStr(~'@{danger-8}');
  @{bee-cssvars-prefix}-danger-9: getVarStr(~'@{danger-9}');
  @{bee-cssvars-prefix}-danger-10: getVarStr(~'@{danger-10}');
  // 警示色
  @{bee-cssvars-prefix}-warning-1: getVarStr(~'@{warning-1}');
  @{bee-cssvars-prefix}-warning-2: getVarStr(~'@{warning-2}');
  @{bee-cssvars-prefix}-warning-3: getVarStr(~'@{warning-3}');
  @{bee-cssvars-prefix}-warning-4: getVarStr(~'@{warning-4}');
  @{bee-cssvars-prefix}-warning-5: getVarStr(~'@{warning-5}');
  @{bee-cssvars-prefix}-warning-6: getVarStr(~'@{warning-6}');
  @{bee-cssvars-prefix}-warning-7: getVarStr(~'@{warning-7}');
  @{bee-cssvars-prefix}-warning-8: getVarStr(~'@{warning-8}');
  @{bee-cssvars-prefix}-warning-9: getVarStr(~'@{warning-9}');
  @{bee-cssvars-prefix}-warning-10: getVarStr(~'@{warning-10}');

  @{bee-cssvars-prefix}-link-1: getVarStr(~'@{link-1}');
  @{bee-cssvars-prefix}-link-2: getVarStr(~'@{link-2}');
  @{bee-cssvars-prefix}-link-3: getVarStr(~'@{link-3}');
  @{bee-cssvars-prefix}-link-4: getVarStr(~'@{link-4}');
  @{bee-cssvars-prefix}-link-5: getVarStr(~'@{link-5}');
  @{bee-cssvars-prefix}-link-6: getVarStr(~'@{link-6}');
  @{bee-cssvars-prefix}-link-7: getVarStr(~'@{link-7}');
  @{bee-cssvars-prefix}-link-8: getVarStr(~'@{link-8}');
  @{bee-cssvars-prefix}-link-9: getVarStr(~'@{link-9}');
  @{bee-cssvars-prefix}-link-10: getVarStr(~'@{link-10}');
}

@{bee-theme-tag} {
  &[bee-theme='dark'] {
    @{bee-cssvars-prefix}-red-1: getRgbStr(@dark-red-1);
    @{bee-cssvars-prefix}-red-2: getRgbStr(@dark-red-2);
    @{bee-cssvars-prefix}-red-3: getRgbStr(@dark-red-3);
    @{bee-cssvars-prefix}-red-4: getRgbStr(@dark-red-4);
    @{bee-cssvars-prefix}-red-5: getRgbStr(@dark-red-5);
    @{bee-cssvars-prefix}-red-6: getRgbStr(@dark-red-6);
    @{bee-cssvars-prefix}-red-7: getRgbStr(@dark-red-7);
    @{bee-cssvars-prefix}-red-8: getRgbStr(@dark-red-8);
    @{bee-cssvars-prefix}-red-9: getRgbStr(@dark-red-9);
    @{bee-cssvars-prefix}-red-10: getRgbStr(@dark-red-10);
    @{bee-cssvars-prefix}-orangered-1: getRgbStr(@dark-orangered-1);
    @{bee-cssvars-prefix}-orangered-2: getRgbStr(@dark-orangered-2);
    @{bee-cssvars-prefix}-orangered-3: getRgbStr(@dark-orangered-3);
    @{bee-cssvars-prefix}-orangered-4: getRgbStr(@dark-orangered-4);
    @{bee-cssvars-prefix}-orangered-5: getRgbStr(@dark-orangered-5);
    @{bee-cssvars-prefix}-orangered-6: getRgbStr(@dark-orangered-6);
    @{bee-cssvars-prefix}-orangered-7: getRgbStr(@dark-orangered-7);
    @{bee-cssvars-prefix}-orangered-8: getRgbStr(@dark-orangered-8);
    @{bee-cssvars-prefix}-orangered-9: getRgbStr(@dark-orangered-9);
    @{bee-cssvars-prefix}-orangered-10: getRgbStr(@dark-orangered-10);
    @{bee-cssvars-prefix}-orange-1: getRgbStr(@dark-orange-1);
    @{bee-cssvars-prefix}-orange-2: getRgbStr(@dark-orange-2);
    @{bee-cssvars-prefix}-orange-3: getRgbStr(@dark-orange-3);
    @{bee-cssvars-prefix}-orange-4: getRgbStr(@dark-orange-4);
    @{bee-cssvars-prefix}-orange-5: getRgbStr(@dark-orange-5);
    @{bee-cssvars-prefix}-orange-6: getRgbStr(@dark-orange-6);
    @{bee-cssvars-prefix}-orange-7: getRgbStr(@dark-orange-7);
    @{bee-cssvars-prefix}-orange-8: getRgbStr(@dark-orange-8);
    @{bee-cssvars-prefix}-orange-9: getRgbStr(@dark-orange-9);
    @{bee-cssvars-prefix}-orange-10: getRgbStr(@dark-orange-10);
    @{bee-cssvars-prefix}-gold-1: getRgbStr(@dark-gold-1);
    @{bee-cssvars-prefix}-gold-2: getRgbStr(@dark-gold-2);
    @{bee-cssvars-prefix}-gold-3: getRgbStr(@dark-gold-3);
    @{bee-cssvars-prefix}-gold-4: getRgbStr(@dark-gold-4);
    @{bee-cssvars-prefix}-gold-5: getRgbStr(@dark-gold-5);
    @{bee-cssvars-prefix}-gold-6: getRgbStr(@dark-gold-6);
    @{bee-cssvars-prefix}-gold-7: getRgbStr(@dark-gold-7);
    @{bee-cssvars-prefix}-gold-8: getRgbStr(@dark-gold-8);
    @{bee-cssvars-prefix}-gold-9: getRgbStr(@dark-gold-9);
    @{bee-cssvars-prefix}-gold-10: getRgbStr(@dark-gold-10);
    @{bee-cssvars-prefix}-yellow-1: getRgbStr(@dark-yellow-1);
    @{bee-cssvars-prefix}-yellow-2: getRgbStr(@dark-yellow-2);
    @{bee-cssvars-prefix}-yellow-3: getRgbStr(@dark-yellow-3);
    @{bee-cssvars-prefix}-yellow-4: getRgbStr(@dark-yellow-4);
    @{bee-cssvars-prefix}-yellow-5: getRgbStr(@dark-yellow-5);
    @{bee-cssvars-prefix}-yellow-6: getRgbStr(@dark-yellow-6);
    @{bee-cssvars-prefix}-yellow-7: getRgbStr(@dark-yellow-7);
    @{bee-cssvars-prefix}-yellow-8: getRgbStr(@dark-yellow-8);
    @{bee-cssvars-prefix}-yellow-9: getRgbStr(@dark-yellow-9);
    @{bee-cssvars-prefix}-yellow-10: getRgbStr(@dark-yellow-10);
    @{bee-cssvars-prefix}-lime-1: getRgbStr(@dark-lime-1);
    @{bee-cssvars-prefix}-lime-2: getRgbStr(@dark-lime-2);
    @{bee-cssvars-prefix}-lime-3: getRgbStr(@dark-lime-3);
    @{bee-cssvars-prefix}-lime-4: getRgbStr(@dark-lime-4);
    @{bee-cssvars-prefix}-lime-5: getRgbStr(@dark-lime-5);
    @{bee-cssvars-prefix}-lime-6: getRgbStr(@dark-lime-6);
    @{bee-cssvars-prefix}-lime-7: getRgbStr(@dark-lime-7);
    @{bee-cssvars-prefix}-lime-8: getRgbStr(@dark-lime-8);
    @{bee-cssvars-prefix}-lime-9: getRgbStr(@dark-lime-9);
    @{bee-cssvars-prefix}-lime-10: getRgbStr(@dark-lime-10);
    @{bee-cssvars-prefix}-green-1: getRgbStr(@dark-green-1);
    @{bee-cssvars-prefix}-green-2: getRgbStr(@dark-green-2);
    @{bee-cssvars-prefix}-green-3: getRgbStr(@dark-green-3);
    @{bee-cssvars-prefix}-green-4: getRgbStr(@dark-green-4);
    @{bee-cssvars-prefix}-green-5: getRgbStr(@dark-green-5);
    @{bee-cssvars-prefix}-green-6: getRgbStr(@dark-green-6);
    @{bee-cssvars-prefix}-green-7: getRgbStr(@dark-green-7);
    @{bee-cssvars-prefix}-green-8: getRgbStr(@dark-green-8);
    @{bee-cssvars-prefix}-green-9: getRgbStr(@dark-green-9);
    @{bee-cssvars-prefix}-green-10: getRgbStr(@dark-green-10);
    @{bee-cssvars-prefix}-cyan-1: getRgbStr(@dark-cyan-1);
    @{bee-cssvars-prefix}-cyan-2: getRgbStr(@dark-cyan-2);
    @{bee-cssvars-prefix}-cyan-3: getRgbStr(@dark-cyan-3);
    @{bee-cssvars-prefix}-cyan-4: getRgbStr(@dark-cyan-4);
    @{bee-cssvars-prefix}-cyan-5: getRgbStr(@dark-cyan-5);
    @{bee-cssvars-prefix}-cyan-6: getRgbStr(@dark-cyan-6);
    @{bee-cssvars-prefix}-cyan-7: getRgbStr(@dark-cyan-7);
    @{bee-cssvars-prefix}-cyan-8: getRgbStr(@dark-cyan-8);
    @{bee-cssvars-prefix}-cyan-9: getRgbStr(@dark-cyan-9);
    @{bee-cssvars-prefix}-cyan-10: getRgbStr(@dark-cyan-10);
    @{bee-cssvars-prefix}-blue-1: getRgbStr(@dark-blue-1);
    @{bee-cssvars-prefix}-blue-2: getRgbStr(@dark-blue-2);
    @{bee-cssvars-prefix}-blue-3: getRgbStr(@dark-blue-3);
    @{bee-cssvars-prefix}-blue-4: getRgbStr(@dark-blue-4);
    @{bee-cssvars-prefix}-blue-5: getRgbStr(@dark-blue-5);
    @{bee-cssvars-prefix}-blue-6: getRgbStr(@dark-blue-6);
    @{bee-cssvars-prefix}-blue-7: getRgbStr(@dark-blue-7);
    @{bee-cssvars-prefix}-blue-8: getRgbStr(@dark-blue-8);
    @{bee-cssvars-prefix}-blue-9: getRgbStr(@dark-blue-9);
    @{bee-cssvars-prefix}-blue-10: getRgbStr(@dark-blue-10);
    @{bee-cssvars-prefix}-arcoblue-1: getRgbStr(@dark-arcoblue-1);
    @{bee-cssvars-prefix}-arcoblue-2: getRgbStr(@dark-arcoblue-2);
    @{bee-cssvars-prefix}-arcoblue-3: getRgbStr(@dark-arcoblue-3);
    @{bee-cssvars-prefix}-arcoblue-4: getRgbStr(@dark-arcoblue-4);
    @{bee-cssvars-prefix}-arcoblue-5: getRgbStr(@dark-arcoblue-5);
    @{bee-cssvars-prefix}-arcoblue-6: getRgbStr(@dark-arcoblue-6);
    @{bee-cssvars-prefix}-arcoblue-7: getRgbStr(@dark-arcoblue-7);
    @{bee-cssvars-prefix}-arcoblue-8: getRgbStr(@dark-arcoblue-8);
    @{bee-cssvars-prefix}-arcoblue-9: getRgbStr(@dark-arcoblue-9);
    @{bee-cssvars-prefix}-arcoblue-10: getRgbStr(@dark-arcoblue-10);
    @{bee-cssvars-prefix}-purple-1: getRgbStr(@dark-purple-1);
    @{bee-cssvars-prefix}-purple-2: getRgbStr(@dark-purple-2);
    @{bee-cssvars-prefix}-purple-3: getRgbStr(@dark-purple-3);
    @{bee-cssvars-prefix}-purple-4: getRgbStr(@dark-purple-4);
    @{bee-cssvars-prefix}-purple-5: getRgbStr(@dark-purple-5);
    @{bee-cssvars-prefix}-purple-6: getRgbStr(@dark-purple-6);
    @{bee-cssvars-prefix}-purple-7: getRgbStr(@dark-purple-7);
    @{bee-cssvars-prefix}-purple-8: getRgbStr(@dark-purple-8);
    @{bee-cssvars-prefix}-purple-9: getRgbStr(@dark-purple-9);
    @{bee-cssvars-prefix}-purple-10: getRgbStr(@dark-purple-10);
    @{bee-cssvars-prefix}-pinkpurple-1: getRgbStr(@dark-pinkpurple-1);
    @{bee-cssvars-prefix}-pinkpurple-2: getRgbStr(@dark-pinkpurple-2);
    @{bee-cssvars-prefix}-pinkpurple-3: getRgbStr(@dark-pinkpurple-3);
    @{bee-cssvars-prefix}-pinkpurple-4: getRgbStr(@dark-pinkpurple-4);
    @{bee-cssvars-prefix}-pinkpurple-5: getRgbStr(@dark-pinkpurple-5);
    @{bee-cssvars-prefix}-pinkpurple-6: getRgbStr(@dark-pinkpurple-6);
    @{bee-cssvars-prefix}-pinkpurple-7: getRgbStr(@dark-pinkpurple-7);
    @{bee-cssvars-prefix}-pinkpurple-8: getRgbStr(@dark-pinkpurple-8);
    @{bee-cssvars-prefix}-pinkpurple-9: getRgbStr(@dark-pinkpurple-9);
    @{bee-cssvars-prefix}-pinkpurple-10: getRgbStr(@dark-pinkpurple-10);
    @{bee-cssvars-prefix}-magenta-1: getRgbStr(@dark-magenta-1);
    @{bee-cssvars-prefix}-magenta-2: getRgbStr(@dark-magenta-2);
    @{bee-cssvars-prefix}-magenta-3: getRgbStr(@dark-magenta-3);
    @{bee-cssvars-prefix}-magenta-4: getRgbStr(@dark-magenta-4);
    @{bee-cssvars-prefix}-magenta-5: getRgbStr(@dark-magenta-5);
    @{bee-cssvars-prefix}-magenta-6: getRgbStr(@dark-magenta-6);
    @{bee-cssvars-prefix}-magenta-7: getRgbStr(@dark-magenta-7);
    @{bee-cssvars-prefix}-magenta-8: getRgbStr(@dark-magenta-8);
    @{bee-cssvars-prefix}-magenta-9: getRgbStr(@dark-magenta-9);
    @{bee-cssvars-prefix}-magenta-10: getRgbStr(@dark-magenta-10);
    @{bee-cssvars-prefix}-gray-1: getRgbStr(@dark-gray-1);
    @{bee-cssvars-prefix}-gray-2: getRgbStr(@dark-gray-2);
    @{bee-cssvars-prefix}-gray-3: getRgbStr(@dark-gray-3);
    @{bee-cssvars-prefix}-gray-4: getRgbStr(@dark-gray-4);
    @{bee-cssvars-prefix}-gray-5: getRgbStr(@dark-gray-5);
    @{bee-cssvars-prefix}-gray-6: getRgbStr(@dark-gray-6);
    @{bee-cssvars-prefix}-gray-7: getRgbStr(@dark-gray-7);
    @{bee-cssvars-prefix}-gray-8: getRgbStr(@dark-gray-8);
    @{bee-cssvars-prefix}-gray-9: getRgbStr(@dark-gray-9);
    @{bee-cssvars-prefix}-gray-10: getRgbStr(@dark-gray-10);

    @{bee-cssvars-prefix}-primary-1: var(~'@{bee-cssvars-prefix}-arcoblue-1');//getVarStr(~'@{dark-primary-1}');
    @{bee-cssvars-prefix}-primary-2: var(~'@{bee-cssvars-prefix}-arcoblue-2');//getVarStr(~'@{dark-primary-2}');
    @{bee-cssvars-prefix}-primary-3: var(~'@{bee-cssvars-prefix}-arcoblue-3');//getVarStr(~'@{dark-primary-3}');
    @{bee-cssvars-prefix}-primary-4: var(~'@{bee-cssvars-prefix}-arcoblue-4');//getVarStr(~'@{dark-primary-4}');
    @{bee-cssvars-prefix}-primary-5: var(~'@{bee-cssvars-prefix}-arcoblue-5');//getVarStr(~'@{dark-primary-5}');
    @{bee-cssvars-prefix}-primary-6: var(~'@{bee-cssvars-prefix}-arcoblue-6');//getVarStr(~'@{dark-primary-6}');
    @{bee-cssvars-prefix}-primary-7: var(~'@{bee-cssvars-prefix}-arcoblue-7');//getVarStr(~'@{dark-primary-7}');
    @{bee-cssvars-prefix}-primary-8: var(~'@{bee-cssvars-prefix}-arcoblue-8');//getVarStr(~'@{dark-primary-8}');
    @{bee-cssvars-prefix}-primary-9: var(~'@{bee-cssvars-prefix}-arcoblue-9');//getVarStr(~'@{dark-primary-9}');
    @{bee-cssvars-prefix}-primary-10: var(~'@{bee-cssvars-prefix}-arcoblue-10');//getVarStr(~'@{dark-primary-10}');

    @{bee-cssvars-prefix}-success-1: getVarStr(~'@{dark-success-1}');
    @{bee-cssvars-prefix}-success-2: getVarStr(~'@{dark-success-2}');
    @{bee-cssvars-prefix}-success-3: getVarStr(~'@{dark-success-3}');
    @{bee-cssvars-prefix}-success-4: getVarStr(~'@{dark-success-4}');
    @{bee-cssvars-prefix}-success-5: getVarStr(~'@{dark-success-5}');
    @{bee-cssvars-prefix}-success-6: getVarStr(~'@{dark-success-6}');
    @{bee-cssvars-prefix}-success-7: getVarStr(~'@{dark-success-7}');
    @{bee-cssvars-prefix}-success-8: getVarStr(~'@{dark-success-8}');
    @{bee-cssvars-prefix}-success-9: getVarStr(~'@{dark-success-9}');
    @{bee-cssvars-prefix}-success-10: getVarStr(~'@{dark-success-10}');
    @{bee-cssvars-prefix}-danger-1: getVarStr(~'@{dark-danger-1}');
    @{bee-cssvars-prefix}-danger-2: getVarStr(~'@{dark-danger-2}');
    @{bee-cssvars-prefix}-danger-3: getVarStr(~'@{dark-danger-3}');
    @{bee-cssvars-prefix}-danger-4: getVarStr(~'@{dark-danger-4}');
    @{bee-cssvars-prefix}-danger-5: getVarStr(~'@{dark-danger-5}');
    @{bee-cssvars-prefix}-danger-6: getVarStr(~'@{dark-danger-6}');
    @{bee-cssvars-prefix}-danger-7: getVarStr(~'@{dark-danger-7}');
    @{bee-cssvars-prefix}-danger-8: getVarStr(~'@{dark-danger-8}');
    @{bee-cssvars-prefix}-danger-9: getVarStr(~'@{dark-danger-9}');
    @{bee-cssvars-prefix}-danger-10: getVarStr(~'@{dark-danger-10}');
    @{bee-cssvars-prefix}-warning-1: getVarStr(~'@{dark-warning-1}');
    @{bee-cssvars-prefix}-warning-2: getVarStr(~'@{dark-warning-2}');
    @{bee-cssvars-prefix}-warning-3: getVarStr(~'@{dark-warning-3}');
    @{bee-cssvars-prefix}-warning-4: getVarStr(~'@{dark-warning-4}');
    @{bee-cssvars-prefix}-warning-5: getVarStr(~'@{dark-warning-5}');
    @{bee-cssvars-prefix}-warning-6: getVarStr(~'@{dark-warning-6}');
    @{bee-cssvars-prefix}-warning-7: getVarStr(~'@{dark-warning-7}');
    @{bee-cssvars-prefix}-warning-8: getVarStr(~'@{dark-warning-8}');
    @{bee-cssvars-prefix}-warning-9: getVarStr(~'@{dark-warning-9}');
    @{bee-cssvars-prefix}-warning-10: getVarStr(~'@{dark-warning-10}');
    @{bee-cssvars-prefix}-link-1: getVarStr(~'@{dark-link-1}');
    @{bee-cssvars-prefix}-link-2: getVarStr(~'@{dark-link-2}');
    @{bee-cssvars-prefix}-link-3: getVarStr(~'@{dark-link-3}');
    @{bee-cssvars-prefix}-link-4: getVarStr(~'@{dark-link-4}');
    @{bee-cssvars-prefix}-link-5: getVarStr(~'@{dark-link-5}');
    @{bee-cssvars-prefix}-link-6: getVarStr(~'@{dark-link-6}');
    @{bee-cssvars-prefix}-link-7: getVarStr(~'@{dark-link-7}');
    @{bee-cssvars-prefix}-link-8: getVarStr(~'@{dark-link-8}');
    @{bee-cssvars-prefix}-link-9: getVarStr(~'@{dark-link-9}');
    @{bee-cssvars-prefix}-link-10: getVarStr(~'@{dark-link-10}');
  }
}