@bee-design/ui
Version:
Bee Design React UI Library.
429 lines (387 loc) • 17.9 kB
text/less
@plugin "./palette";
@plugin "./palette-dark";
@red-1: color-palette(@red-6, 1);
@red-2: color-palette(@red-6, 2);
@red-3: color-palette(@red-6, 3);
@red-4: color-palette(@red-6, 4);
@red-5: color-palette(@red-6, 5);
@red-6: #f53f3f;
@red-7: color-palette(@red-6, 7);
@red-8: color-palette(@red-6, 8);
@red-9: color-palette(@red-6, 9);
@red-10: color-palette(@red-6, 10);
@orangered-1: color-palette(@orangered-6, 1);
@orangered-2: color-palette(@orangered-6, 2);
@orangered-3: color-palette(@orangered-6, 3);
@orangered-4: color-palette(@orangered-6, 4);
@orangered-5: color-palette(@orangered-6, 5);
@orangered-6: #f77234;
@orangered-7: color-palette(@orangered-6, 7);
@orangered-8: color-palette(@orangered-6, 8);
@orangered-9: color-palette(@orangered-6, 9);
@orangered-10: color-palette(@orangered-6, 10);
@orange-1: color-palette(@orange-6, 1);
@orange-2: color-palette(@orange-6, 2);
@orange-3: color-palette(@orange-6, 3);
@orange-4: color-palette(@orange-6, 4);
@orange-5: color-palette(@orange-6, 5);
@orange-6: #ff7d00;
@orange-7: color-palette(@orange-6, 7);
@orange-8: color-palette(@orange-6, 8);
@orange-9: color-palette(@orange-6, 9);
@orange-10: color-palette(@orange-6, 10);
@gold-1: color-palette(@gold-6, 1);
@gold-2: color-palette(@gold-6, 2);
@gold-3: color-palette(@gold-6, 3);
@gold-4: color-palette(@gold-6, 4);
@gold-5: color-palette(@gold-6, 5);
@gold-6: #f7ba1e;
@gold-7: color-palette(@gold-6, 7);
@gold-8: color-palette(@gold-6, 8);
@gold-9: color-palette(@gold-6, 9);
@gold-10: color-palette(@gold-6, 10);
@yellow-1: color-palette(@yellow-6, 1);
@yellow-2: color-palette(@yellow-6, 2);
@yellow-3: color-palette(@yellow-6, 3);
@yellow-4: color-palette(@yellow-6, 4);
@yellow-5: color-palette(@yellow-6, 5);
@yellow-6: #fadc19;
@yellow-7: color-palette(@yellow-6, 7);
@yellow-8: color-palette(@yellow-6, 8);
@yellow-9: color-palette(@yellow-6, 9);
@yellow-10: color-palette(@yellow-6, 10);
@lime-1: color-palette(@lime-6, 1);
@lime-2: color-palette(@lime-6, 2);
@lime-3: color-palette(@lime-6, 3);
@lime-4: color-palette(@lime-6, 4);
@lime-5: color-palette(@lime-6, 5);
@lime-6: #9fdb1d;
@lime-7: color-palette(@lime-6, 7);
@lime-8: color-palette(@lime-6, 8);
@lime-9: color-palette(@lime-6, 9);
@lime-10: color-palette(@lime-6, 10);
@green-1: color-palette(@green-6, 1);
@green-2: color-palette(@green-6, 2);
@green-3: color-palette(@green-6, 3);
@green-4: color-palette(@green-6, 4);
@green-5: color-palette(@green-6, 5);
@green-6: #00b42a;
@green-7: color-palette(@green-6, 7);
@green-8: color-palette(@green-6, 8);
@green-9: color-palette(@green-6, 9);
@green-10: color-palette(@green-6, 10);
@cyan-1: color-palette(@cyan-6, 1);
@cyan-2: color-palette(@cyan-6, 2);
@cyan-3: color-palette(@cyan-6, 3);
@cyan-4: color-palette(@cyan-6, 4);
@cyan-5: color-palette(@cyan-6, 5);
@cyan-6: #14c9c9;
@cyan-7: color-palette(@cyan-6, 7);
@cyan-8: color-palette(@cyan-6, 8);
@cyan-9: color-palette(@cyan-6, 9);
@cyan-10: color-palette(@cyan-6, 10);
@blue-1: color-palette(@blue-6, 1);
@blue-2: color-palette(@blue-6, 2);
@blue-3: color-palette(@blue-6, 3);
@blue-4: color-palette(@blue-6, 4);
@blue-5: color-palette(@blue-6, 5);
@blue-6: #3491fa;
@blue-7: color-palette(@blue-6, 7);
@blue-8: color-palette(@blue-6, 8);
@blue-9: color-palette(@blue-6, 9);
@blue-10: color-palette(@blue-6, 10);
@arcoblue-1: color-palette(@arcoblue-6, 1);
@arcoblue-2: color-palette(@arcoblue-6, 2);
@arcoblue-3: color-palette(@arcoblue-6, 3);
@arcoblue-4: color-palette(@arcoblue-6, 4);
@arcoblue-5: color-palette(@arcoblue-6, 5);
@arcoblue-6: #165dff;
@arcoblue-7: color-palette(@arcoblue-6, 7);
@arcoblue-8: color-palette(@arcoblue-6, 8);
@arcoblue-9: color-palette(@arcoblue-6, 9);
@arcoblue-10: color-palette(@arcoblue-6, 10);
@purple-1: color-palette(@purple-6, 1);
@purple-2: color-palette(@purple-6, 2);
@purple-3: color-palette(@purple-6, 3);
@purple-4: color-palette(@purple-6, 4);
@purple-5: color-palette(@purple-6, 5);
@purple-6: #722ed1;
@purple-7: color-palette(@purple-6, 7);
@purple-8: color-palette(@purple-6, 8);
@purple-9: color-palette(@purple-6, 9);
@purple-10: color-palette(@purple-6, 10);
@pinkpurple-1: color-palette(@pinkpurple-6, 1);
@pinkpurple-2: color-palette(@pinkpurple-6, 2);
@pinkpurple-3: color-palette(@pinkpurple-6, 3);
@pinkpurple-4: color-palette(@pinkpurple-6, 4);
@pinkpurple-5: color-palette(@pinkpurple-6, 5);
@pinkpurple-6: #d91ad9;
@pinkpurple-7: color-palette(@pinkpurple-6, 7);
@pinkpurple-8: color-palette(@pinkpurple-6, 8);
@pinkpurple-9: color-palette(@pinkpurple-6, 9);
@pinkpurple-10: color-palette(@pinkpurple-6, 10);
@magenta-1: color-palette(@magenta-6, 1);
@magenta-2: color-palette(@magenta-6, 2);
@magenta-3: color-palette(@magenta-6, 3);
@magenta-4: color-palette(@magenta-6, 4);
@magenta-5: color-palette(@magenta-6, 5);
@magenta-6: #f5319d;
@magenta-7: color-palette(@magenta-6, 7);
@magenta-8: color-palette(@magenta-6, 8);
@magenta-9: color-palette(@magenta-6, 9);
@magenta-10: color-palette(@magenta-6, 10);
@gray-1: #f7f8fa;
@gray-2: #f2f3f5;
@gray-3: #e5e6eb;
@gray-4: #c9cdd4;
@gray-5: #a9aeb8;
@gray-6: #86909c;
@gray-7: #6b7785;
@gray-8: #4e5969;
@gray-9: #272e3b;
@gray-10: #1d2129;
// dark
@dark-red-1: color-palette-dark(@red-6, 1);
@dark-red-2: color-palette-dark(@red-6, 2);
@dark-red-3: color-palette-dark(@red-6, 3);
@dark-red-4: color-palette-dark(@red-6, 4);
@dark-red-5: color-palette-dark(@red-6, 5);
@dark-red-6: color-palette-dark(@red-6, 6);
@dark-red-7: color-palette-dark(@red-6, 7);
@dark-red-8: color-palette-dark(@red-6, 8);
@dark-red-9: color-palette-dark(@red-6, 9);
@dark-red-10: color-palette-dark(@red-6, 10);
@dark-orangered-1: color-palette-dark(@orangered-6, 1);
@dark-orangered-2: color-palette-dark(@orangered-6, 2);
@dark-orangered-3: color-palette-dark(@orangered-6, 3);
@dark-orangered-4: color-palette-dark(@orangered-6, 4);
@dark-orangered-5: color-palette-dark(@orangered-6, 5);
@dark-orangered-6: color-palette-dark(@orangered-6, 6);
@dark-orangered-7: color-palette-dark(@orangered-6, 7);
@dark-orangered-8: color-palette-dark(@orangered-6, 8);
@dark-orangered-9: color-palette-dark(@orangered-6, 9);
@dark-orangered-10: color-palette-dark(@orangered-6, 10);
@dark-orange-1: color-palette-dark(@orange-6, 1);
@dark-orange-2: color-palette-dark(@orange-6, 2);
@dark-orange-3: color-palette-dark(@orange-6, 3);
@dark-orange-4: color-palette-dark(@orange-6, 4);
@dark-orange-5: color-palette-dark(@orange-6, 5);
@dark-orange-6: color-palette-dark(@orange-6, 6);
@dark-orange-7: color-palette-dark(@orange-6, 7);
@dark-orange-8: color-palette-dark(@orange-6, 8);
@dark-orange-9: color-palette-dark(@orange-6, 9);
@dark-orange-10: color-palette-dark(@orange-6, 10);
@dark-gold-1: color-palette-dark(@gold-6, 1);
@dark-gold-2: color-palette-dark(@gold-6, 2);
@dark-gold-3: color-palette-dark(@gold-6, 3);
@dark-gold-4: color-palette-dark(@gold-6, 4);
@dark-gold-5: color-palette-dark(@gold-6, 5);
@dark-gold-6: color-palette-dark(@gold-6, 6);
@dark-gold-7: color-palette-dark(@gold-6, 7);
@dark-gold-8: color-palette-dark(@gold-6, 8);
@dark-gold-9: color-palette-dark(@gold-6, 9);
@dark-gold-10: color-palette-dark(@gold-6, 10);
@dark-yellow-1: color-palette-dark(@yellow-6, 1);
@dark-yellow-2: color-palette-dark(@yellow-6, 2);
@dark-yellow-3: color-palette-dark(@yellow-6, 3);
@dark-yellow-4: color-palette-dark(@yellow-6, 4);
@dark-yellow-5: color-palette-dark(@yellow-6, 5);
@dark-yellow-6: color-palette-dark(@yellow-6, 6);
@dark-yellow-7: color-palette-dark(@yellow-6, 7);
@dark-yellow-8: color-palette-dark(@yellow-6, 8);
@dark-yellow-9: color-palette-dark(@yellow-6, 9);
@dark-yellow-10: color-palette-dark(@yellow-6, 10);
@dark-lime-1: color-palette-dark(@lime-6, 1);
@dark-lime-2: color-palette-dark(@lime-6, 2);
@dark-lime-3: color-palette-dark(@lime-6, 3);
@dark-lime-4: color-palette-dark(@lime-6, 4);
@dark-lime-5: color-palette-dark(@lime-6, 5);
@dark-lime-6: color-palette-dark(@lime-6, 6);
@dark-lime-7: color-palette-dark(@lime-6, 7);
@dark-lime-8: color-palette-dark(@lime-6, 8);
@dark-lime-9: color-palette-dark(@lime-6, 9);
@dark-lime-10: color-palette-dark(@lime-6, 10);
@dark-green-1: color-palette-dark(@green-6, 1);
@dark-green-2: color-palette-dark(@green-6, 2);
@dark-green-3: color-palette-dark(@green-6, 3);
@dark-green-4: color-palette-dark(@green-6, 4);
@dark-green-5: color-palette-dark(@green-6, 5);
@dark-green-6: color-palette-dark(@green-6, 6);
@dark-green-7: color-palette-dark(@green-6, 7);
@dark-green-8: color-palette-dark(@green-6, 8);
@dark-green-9: color-palette-dark(@green-6, 9);
@dark-green-10: color-palette-dark(@green-6, 10);
@dark-cyan-1: color-palette-dark(@cyan-6, 1);
@dark-cyan-2: color-palette-dark(@cyan-6, 2);
@dark-cyan-3: color-palette-dark(@cyan-6, 3);
@dark-cyan-4: color-palette-dark(@cyan-6, 4);
@dark-cyan-5: color-palette-dark(@cyan-6, 5);
@dark-cyan-6: color-palette-dark(@cyan-6, 6);
@dark-cyan-7: color-palette-dark(@cyan-6, 7);
@dark-cyan-8: color-palette-dark(@cyan-6, 8);
@dark-cyan-9: color-palette-dark(@cyan-6, 9);
@dark-cyan-10: color-palette-dark(@cyan-6, 10);
@dark-blue-1: color-palette-dark(@blue-6, 1);
@dark-blue-2: color-palette-dark(@blue-6, 2);
@dark-blue-3: color-palette-dark(@blue-6, 3);
@dark-blue-4: color-palette-dark(@blue-6, 4);
@dark-blue-5: color-palette-dark(@blue-6, 5);
@dark-blue-6: color-palette-dark(@blue-6, 6);
@dark-blue-7: color-palette-dark(@blue-6, 7);
@dark-blue-8: color-palette-dark(@blue-6, 8);
@dark-blue-9: color-palette-dark(@blue-6, 9);
@dark-blue-10: color-palette-dark(@blue-6, 10);
@dark-arcoblue-1: color-palette-dark(@arcoblue-6, 1);
@dark-arcoblue-2: color-palette-dark(@arcoblue-6, 2);
@dark-arcoblue-3: color-palette-dark(@arcoblue-6, 3);
@dark-arcoblue-4: color-palette-dark(@arcoblue-6, 4);
@dark-arcoblue-5: color-palette-dark(@arcoblue-6, 5);
@dark-arcoblue-6: color-palette-dark(@arcoblue-6, 6);
@dark-arcoblue-7: color-palette-dark(@arcoblue-6, 7);
@dark-arcoblue-8: color-palette-dark(@arcoblue-6, 8);
@dark-arcoblue-9: color-palette-dark(@arcoblue-6, 9);
@dark-arcoblue-10: color-palette-dark(@arcoblue-6, 10);
@dark-purple-1: color-palette-dark(@purple-6, 1);
@dark-purple-2: color-palette-dark(@purple-6, 2);
@dark-purple-3: color-palette-dark(@purple-6, 3);
@dark-purple-4: color-palette-dark(@purple-6, 4);
@dark-purple-5: color-palette-dark(@purple-6, 5);
@dark-purple-6: color-palette-dark(@purple-6, 6);
@dark-purple-7: color-palette-dark(@purple-6, 7);
@dark-purple-8: color-palette-dark(@purple-6, 8);
@dark-purple-9: color-palette-dark(@purple-6, 9);
@dark-purple-10: color-palette-dark(@purple-6, 10);
@dark-pinkpurple-1: color-palette-dark(@pinkpurple-6, 1);
@dark-pinkpurple-2: color-palette-dark(@pinkpurple-6, 2);
@dark-pinkpurple-3: color-palette-dark(@pinkpurple-6, 3);
@dark-pinkpurple-4: color-palette-dark(@pinkpurple-6, 4);
@dark-pinkpurple-5: color-palette-dark(@pinkpurple-6, 5);
@dark-pinkpurple-6: color-palette-dark(@pinkpurple-6, 6);
@dark-pinkpurple-7: color-palette-dark(@pinkpurple-6, 7);
@dark-pinkpurple-8: color-palette-dark(@pinkpurple-6, 8);
@dark-pinkpurple-9: color-palette-dark(@pinkpurple-6, 9);
@dark-pinkpurple-10: color-palette-dark(@pinkpurple-6, 10);
@dark-magenta-1: color-palette-dark(@magenta-6, 1);
@dark-magenta-2: color-palette-dark(@magenta-6, 2);
@dark-magenta-3: color-palette-dark(@magenta-6, 3);
@dark-magenta-4: color-palette-dark(@magenta-6, 4);
@dark-magenta-5: color-palette-dark(@magenta-6, 5);
@dark-magenta-6: color-palette-dark(@magenta-6, 6);
@dark-magenta-7: color-palette-dark(@magenta-6, 7);
@dark-magenta-8: color-palette-dark(@magenta-6, 8);
@dark-magenta-9: color-palette-dark(@magenta-6, 9);
@dark-magenta-10: color-palette-dark(@magenta-6, 10);
@dark-gray-1: #17171a;
@dark-gray-2: #2e2e30;
@dark-gray-3: #484849;
@dark-gray-4: #5f5f60;
@dark-gray-5: #78787a;
@dark-gray-6: #929293;
@dark-gray-7: #ababac;
@dark-gray-8: #c5c5c5;
@dark-gray-9: #dfdfdf;
@dark-gray-10: #f6f6f6;
// 命名具有具体含义,从预置色板取值
@primary-1: rgb(var(~'@{bee-cssvars-prefix}-primary-1'));
@primary-2: rgb(var(~'@{bee-cssvars-prefix}-primary-2'));
@primary-3: rgb(var(~'@{bee-cssvars-prefix}-primary-3'));
@primary-4: rgb(var(~'@{bee-cssvars-prefix}-primary-4'));
@primary-5: rgb(var(~'@{bee-cssvars-prefix}-primary-5'));
@primary-6: rgb(var(~'@{bee-cssvars-prefix}-primary-6'));
@primary-7: rgb(var(~'@{bee-cssvars-prefix}-primary-7'));
@primary-8: rgb(var(~'@{bee-cssvars-prefix}-primary-8'));
@primary-9: rgb(var(~'@{bee-cssvars-prefix}-primary-9'));
@primary-10: rgb(var(~'@{bee-cssvars-prefix}-primary-10'));
@dark-primary-1: rgb(var(~'@{bee-cssvars-prefix}-primary-1'));
@dark-primary-2: rgb(var(~'@{bee-cssvars-prefix}-primary-2'));
@dark-primary-3: rgb(var(~'@{bee-cssvars-prefix}-primary-3'));
@dark-primary-4: rgb(var(~'@{bee-cssvars-prefix}-primary-4'));
@dark-primary-5: rgb(var(~'@{bee-cssvars-prefix}-primary-5'));
@dark-primary-6: rgb(var(~'@{bee-cssvars-prefix}-primary-6'));
@dark-primary-7: rgb(var(~'@{bee-cssvars-prefix}-primary-7'));
@dark-primary-8: rgb(var(~'@{bee-cssvars-prefix}-primary-8'));
@dark-primary-9: rgb(var(~'@{bee-cssvars-prefix}-primary-9'));
@dark-primary-10: rgb(var(~'@{bee-cssvars-prefix}-primary-10'));
// 成功色
@success-1: rgb(var(~'@{bee-cssvars-prefix}-green-1'));
@success-2: rgb(var(~'@{bee-cssvars-prefix}-green-2'));
@success-3: rgb(var(~'@{bee-cssvars-prefix}-green-3'));
@success-4: rgb(var(~'@{bee-cssvars-prefix}-green-4'));
@success-5: rgb(var(~'@{bee-cssvars-prefix}-green-5'));
@success-6: rgb(var(~'@{bee-cssvars-prefix}-green-6'));
@success-7: rgb(var(~'@{bee-cssvars-prefix}-green-7'));
@success-8: rgb(var(~'@{bee-cssvars-prefix}-green-8'));
@success-9: rgb(var(~'@{bee-cssvars-prefix}-green-9'));
@success-10: rgb(var(~'@{bee-cssvars-prefix}-green-10'));
@dark-success-1: rgb(var(~'@{bee-cssvars-prefix}-green-1'));
@dark-success-2: rgb(var(~'@{bee-cssvars-prefix}-green-2'));
@dark-success-3: rgb(var(~'@{bee-cssvars-prefix}-green-3'));
@dark-success-4: rgb(var(~'@{bee-cssvars-prefix}-green-4'));
@dark-success-5: rgb(var(~'@{bee-cssvars-prefix}-green-5'));
@dark-success-6: rgb(var(~'@{bee-cssvars-prefix}-green-6'));
@dark-success-7: rgb(var(~'@{bee-cssvars-prefix}-green-7'));
@dark-success-8: rgb(var(~'@{bee-cssvars-prefix}-green-8'));
@dark-success-9: rgb(var(~'@{bee-cssvars-prefix}-green-9'));
@dark-success-10: rgb(var(~'@{bee-cssvars-prefix}-green-10'));
// 错误色
@danger-1: rgb(var(~'@{bee-cssvars-prefix}-red-1'));
@danger-2: rgb(var(~'@{bee-cssvars-prefix}-red-2'));
@danger-3: rgb(var(~'@{bee-cssvars-prefix}-red-3'));
@danger-4: rgb(var(~'@{bee-cssvars-prefix}-red-4'));
@danger-5: rgb(var(~'@{bee-cssvars-prefix}-red-5'));
@danger-6: rgb(var(~'@{bee-cssvars-prefix}-red-6'));
@danger-7: rgb(var(~'@{bee-cssvars-prefix}-red-7'));
@danger-8: rgb(var(~'@{bee-cssvars-prefix}-red-8'));
@danger-9: rgb(var(~'@{bee-cssvars-prefix}-red-9'));
@danger-10: rgb(var(~'@{bee-cssvars-prefix}-red-10'));
@dark-danger-1: rgb(var(~'@{bee-cssvars-prefix}-red-1'));
@dark-danger-2: rgb(var(~'@{bee-cssvars-prefix}-red-2'));
@dark-danger-3: rgb(var(~'@{bee-cssvars-prefix}-red-3'));
@dark-danger-4: rgb(var(~'@{bee-cssvars-prefix}-red-4'));
@dark-danger-5: rgb(var(~'@{bee-cssvars-prefix}-red-5'));
@dark-danger-6: rgb(var(~'@{bee-cssvars-prefix}-red-6'));
@dark-danger-7: rgb(var(~'@{bee-cssvars-prefix}-red-7'));
@dark-danger-8: rgb(var(~'@{bee-cssvars-prefix}-red-8'));
@dark-danger-9: rgb(var(~'@{bee-cssvars-prefix}-red-9'));
@dark-danger-10: rgb(var(~'@{bee-cssvars-prefix}-red-10'));
// 警示色
@warning-1: rgb(var(~'@{bee-cssvars-prefix}-orange-1'));
@warning-2: rgb(var(~'@{bee-cssvars-prefix}-orange-2'));
@warning-3: rgb(var(~'@{bee-cssvars-prefix}-orange-3'));
@warning-4: rgb(var(~'@{bee-cssvars-prefix}-orange-4'));
@warning-5: rgb(var(~'@{bee-cssvars-prefix}-orange-5'));
@warning-6: rgb(var(~'@{bee-cssvars-prefix}-orange-6'));
@warning-7: rgb(var(~'@{bee-cssvars-prefix}-orange-7'));
@warning-8: rgb(var(~'@{bee-cssvars-prefix}-orange-8'));
@warning-9: rgb(var(~'@{bee-cssvars-prefix}-orange-9'));
@warning-10: rgb(var(~'@{bee-cssvars-prefix}-orange-10'));
@dark-warning-1: rgb(var(~'@{bee-cssvars-prefix}-orange-1'));
@dark-warning-2: rgb(var(~'@{bee-cssvars-prefix}-orange-2'));
@dark-warning-3: rgb(var(~'@{bee-cssvars-prefix}-orange-3'));
@dark-warning-4: rgb(var(~'@{bee-cssvars-prefix}-orange-4'));
@dark-warning-5: rgb(var(~'@{bee-cssvars-prefix}-orange-5'));
@dark-warning-6: rgb(var(~'@{bee-cssvars-prefix}-orange-6'));
@dark-warning-7: rgb(var(~'@{bee-cssvars-prefix}-orange-7'));
@dark-warning-8: rgb(var(~'@{bee-cssvars-prefix}-orange-8'));
@dark-warning-9: rgb(var(~'@{bee-cssvars-prefix}-orange-9'));
@dark-warning-10: rgb(var(~'@{bee-cssvars-prefix}-orange-10'));
@link-1: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-1'));
@link-2: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-2'));
@link-3: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-3'));
@link-4: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-4'));
@link-5: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-5'));
@link-6: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-6'));
@link-7: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-7'));
@link-8: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-8'));
@link-9: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-9'));
@link-10: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-10'));
@dark-link-1: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-1'));
@dark-link-2: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-2'));
@dark-link-3: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-3'));
@dark-link-4: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-4'));
@dark-link-5: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-5'));
@dark-link-6: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-6'));
@dark-link-7: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-7'));
@dark-link-8: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-8'));
@dark-link-9: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-9'));
@dark-link-10: rgb(var(~'@{bee-cssvars-prefix}-arcoblue-10'));