@julingbase/jly-arco-design 0.0.2 → 0.0.3

package/lib/style/color/css-variables.less

@@ -1,389 +1,389 @@
-@import './colors.less';
-
-@plugin './get-rgb-str.js';
-
-@{arco-theme-tag} {
-  @{arco-cssvars-prefix}-red-1: get-rgb-str(@red-1);
-  @{arco-cssvars-prefix}-red-2: get-rgb-str(@red-2);
-  @{arco-cssvars-prefix}-red-3: get-rgb-str(@red-3);
-  @{arco-cssvars-prefix}-red-4: get-rgb-str(@red-4);
-  @{arco-cssvars-prefix}-red-5: get-rgb-str(@red-5);
-  @{arco-cssvars-prefix}-red-6: get-rgb-str(@red-6);
-  @{arco-cssvars-prefix}-red-7: get-rgb-str(@red-7);
-  @{arco-cssvars-prefix}-red-8: get-rgb-str(@red-8);
-  @{arco-cssvars-prefix}-red-9: get-rgb-str(@red-9);
-  @{arco-cssvars-prefix}-red-10: get-rgb-str(@red-10);
-  @{arco-cssvars-prefix}-orangered-1: get-rgb-str(@orangered-1);
-  @{arco-cssvars-prefix}-orangered-2: get-rgb-str(@orangered-2);
-  @{arco-cssvars-prefix}-orangered-3: get-rgb-str(@orangered-3);
-  @{arco-cssvars-prefix}-orangered-4: get-rgb-str(@orangered-4);
-  @{arco-cssvars-prefix}-orangered-5: get-rgb-str(@orangered-5);
-  @{arco-cssvars-prefix}-orangered-6: get-rgb-str(@orangered-6);
-  @{arco-cssvars-prefix}-orangered-7: get-rgb-str(@orangered-7);
-  @{arco-cssvars-prefix}-orangered-8: get-rgb-str(@orangered-8);
-  @{arco-cssvars-prefix}-orangered-9: get-rgb-str(@orangered-9);
-  @{arco-cssvars-prefix}-orangered-10: get-rgb-str(@orangered-10);
-  @{arco-cssvars-prefix}-orange-1: get-rgb-str(@orange-1);
-  @{arco-cssvars-prefix}-orange-2: get-rgb-str(@orange-2);
-  @{arco-cssvars-prefix}-orange-3: get-rgb-str(@orange-3);
-  @{arco-cssvars-prefix}-orange-4: get-rgb-str(@orange-4);
-  @{arco-cssvars-prefix}-orange-5: get-rgb-str(@orange-5);
-  @{arco-cssvars-prefix}-orange-6: get-rgb-str(@orange-6);
-  @{arco-cssvars-prefix}-orange-7: get-rgb-str(@orange-7);
-  @{arco-cssvars-prefix}-orange-8: get-rgb-str(@orange-8);
-  @{arco-cssvars-prefix}-orange-9: get-rgb-str(@orange-9);
-  @{arco-cssvars-prefix}-orange-10: get-rgb-str(@orange-10);
-  @{arco-cssvars-prefix}-gold-1: get-rgb-str(@gold-1);
-  @{arco-cssvars-prefix}-gold-2: get-rgb-str(@gold-2);
-  @{arco-cssvars-prefix}-gold-3: get-rgb-str(@gold-3);
-  @{arco-cssvars-prefix}-gold-4: get-rgb-str(@gold-4);
-  @{arco-cssvars-prefix}-gold-5: get-rgb-str(@gold-5);
-  @{arco-cssvars-prefix}-gold-6: get-rgb-str(@gold-6);
-  @{arco-cssvars-prefix}-gold-7: get-rgb-str(@gold-7);
-  @{arco-cssvars-prefix}-gold-8: get-rgb-str(@gold-8);
-  @{arco-cssvars-prefix}-gold-9: get-rgb-str(@gold-9);
-  @{arco-cssvars-prefix}-gold-10: get-rgb-str(@gold-10);
-  @{arco-cssvars-prefix}-yellow-1: get-rgb-str(@yellow-1);
-  @{arco-cssvars-prefix}-yellow-2: get-rgb-str(@yellow-2);
-  @{arco-cssvars-prefix}-yellow-3: get-rgb-str(@yellow-3);
-  @{arco-cssvars-prefix}-yellow-4: get-rgb-str(@yellow-4);
-  @{arco-cssvars-prefix}-yellow-5: get-rgb-str(@yellow-5);
-  @{arco-cssvars-prefix}-yellow-6: get-rgb-str(@yellow-6);
-  @{arco-cssvars-prefix}-yellow-7: get-rgb-str(@yellow-7);
-  @{arco-cssvars-prefix}-yellow-8: get-rgb-str(@yellow-8);
-  @{arco-cssvars-prefix}-yellow-9: get-rgb-str(@yellow-9);
-  @{arco-cssvars-prefix}-yellow-10: get-rgb-str(@yellow-10);
-  @{arco-cssvars-prefix}-lime-1: get-rgb-str(@lime-1);
-  @{arco-cssvars-prefix}-lime-2: get-rgb-str(@lime-2);
-  @{arco-cssvars-prefix}-lime-3: get-rgb-str(@lime-3);
-  @{arco-cssvars-prefix}-lime-4: get-rgb-str(@lime-4);
-  @{arco-cssvars-prefix}-lime-5: get-rgb-str(@lime-5);
-  @{arco-cssvars-prefix}-lime-6: get-rgb-str(@lime-6);
-  @{arco-cssvars-prefix}-lime-7: get-rgb-str(@lime-7);
-  @{arco-cssvars-prefix}-lime-8: get-rgb-str(@lime-8);
-  @{arco-cssvars-prefix}-lime-9: get-rgb-str(@lime-9);
-  @{arco-cssvars-prefix}-lime-10: get-rgb-str(@lime-10);
-  @{arco-cssvars-prefix}-green-1: get-rgb-str(@green-1);
-  @{arco-cssvars-prefix}-green-2: get-rgb-str(@green-2);
-  @{arco-cssvars-prefix}-green-3: get-rgb-str(@green-3);
-  @{arco-cssvars-prefix}-green-4: get-rgb-str(@green-4);
-  @{arco-cssvars-prefix}-green-5: get-rgb-str(@green-5);
-  @{arco-cssvars-prefix}-green-6: get-rgb-str(@green-6);
-  @{arco-cssvars-prefix}-green-7: get-rgb-str(@green-7);
-  @{arco-cssvars-prefix}-green-8: get-rgb-str(@green-8);
-  @{arco-cssvars-prefix}-green-9: get-rgb-str(@green-9);
-  @{arco-cssvars-prefix}-green-10: get-rgb-str(@green-10);
-  @{arco-cssvars-prefix}-cyan-1: get-rgb-str(@cyan-1);
-  @{arco-cssvars-prefix}-cyan-2: get-rgb-str(@cyan-2);
-  @{arco-cssvars-prefix}-cyan-3: get-rgb-str(@cyan-3);
-  @{arco-cssvars-prefix}-cyan-4: get-rgb-str(@cyan-4);
-  @{arco-cssvars-prefix}-cyan-5: get-rgb-str(@cyan-5);
-  @{arco-cssvars-prefix}-cyan-6: get-rgb-str(@cyan-6);
-  @{arco-cssvars-prefix}-cyan-7: get-rgb-str(@cyan-7);
-  @{arco-cssvars-prefix}-cyan-8: get-rgb-str(@cyan-8);
-  @{arco-cssvars-prefix}-cyan-9: get-rgb-str(@cyan-9);
-  @{arco-cssvars-prefix}-cyan-10: get-rgb-str(@cyan-10);
-  @{arco-cssvars-prefix}-blue-1: get-rgb-str(@blue-1);
-  @{arco-cssvars-prefix}-blue-2: get-rgb-str(@blue-2);
-  @{arco-cssvars-prefix}-blue-3: get-rgb-str(@blue-3);
-  @{arco-cssvars-prefix}-blue-4: get-rgb-str(@blue-4);
-  @{arco-cssvars-prefix}-blue-5: get-rgb-str(@blue-5);
-  @{arco-cssvars-prefix}-blue-6: get-rgb-str(@blue-6);
-  @{arco-cssvars-prefix}-blue-7: get-rgb-str(@blue-7);
-  @{arco-cssvars-prefix}-blue-8: get-rgb-str(@blue-8);
-  @{arco-cssvars-prefix}-blue-9: get-rgb-str(@blue-9);
-  @{arco-cssvars-prefix}-blue-10: get-rgb-str(@blue-10);
-  @{arco-cssvars-prefix}-arcoblue-1: get-rgb-str(@arcoblue-1);
-  @{arco-cssvars-prefix}-arcoblue-2: get-rgb-str(@arcoblue-2);
-  @{arco-cssvars-prefix}-arcoblue-3: get-rgb-str(@arcoblue-3);
-  @{arco-cssvars-prefix}-arcoblue-4: get-rgb-str(@arcoblue-4);
-  @{arco-cssvars-prefix}-arcoblue-5: get-rgb-str(@arcoblue-5);
-  @{arco-cssvars-prefix}-arcoblue-6: get-rgb-str(@arcoblue-6);
-  @{arco-cssvars-prefix}-arcoblue-7: get-rgb-str(@arcoblue-7);
-  @{arco-cssvars-prefix}-arcoblue-8: get-rgb-str(@arcoblue-8);
-  @{arco-cssvars-prefix}-arcoblue-9: get-rgb-str(@arcoblue-9);
-  @{arco-cssvars-prefix}-arcoblue-10: get-rgb-str(@arcoblue-10);
-  @{arco-cssvars-prefix}-purple-1: get-rgb-str(@purple-1);
-  @{arco-cssvars-prefix}-purple-2: get-rgb-str(@purple-2);
-  @{arco-cssvars-prefix}-purple-3: get-rgb-str(@purple-3);
-  @{arco-cssvars-prefix}-purple-4: get-rgb-str(@purple-4);
-  @{arco-cssvars-prefix}-purple-5: get-rgb-str(@purple-5);
-  @{arco-cssvars-prefix}-purple-6: get-rgb-str(@purple-6);
-  @{arco-cssvars-prefix}-purple-7: get-rgb-str(@purple-7);
-  @{arco-cssvars-prefix}-purple-8: get-rgb-str(@purple-8);
-  @{arco-cssvars-prefix}-purple-9: get-rgb-str(@purple-9);
-  @{arco-cssvars-prefix}-purple-10: get-rgb-str(@purple-10);
-  @{arco-cssvars-prefix}-pinkpurple-1: get-rgb-str(@pinkpurple-1);
-  @{arco-cssvars-prefix}-pinkpurple-2: get-rgb-str(@pinkpurple-2);
-  @{arco-cssvars-prefix}-pinkpurple-3: get-rgb-str(@pinkpurple-3);
-  @{arco-cssvars-prefix}-pinkpurple-4: get-rgb-str(@pinkpurple-4);
-  @{arco-cssvars-prefix}-pinkpurple-5: get-rgb-str(@pinkpurple-5);
-  @{arco-cssvars-prefix}-pinkpurple-6: get-rgb-str(@pinkpurple-6);
-  @{arco-cssvars-prefix}-pinkpurple-7: get-rgb-str(@pinkpurple-7);
-  @{arco-cssvars-prefix}-pinkpurple-8: get-rgb-str(@pinkpurple-8);
-  @{arco-cssvars-prefix}-pinkpurple-9: get-rgb-str(@pinkpurple-9);
-  @{arco-cssvars-prefix}-pinkpurple-10: get-rgb-str(@pinkpurple-10);
-  @{arco-cssvars-prefix}-magenta-1: get-rgb-str(@magenta-1);
-  @{arco-cssvars-prefix}-magenta-2: get-rgb-str(@magenta-2);
-  @{arco-cssvars-prefix}-magenta-3: get-rgb-str(@magenta-3);
-  @{arco-cssvars-prefix}-magenta-4: get-rgb-str(@magenta-4);
-  @{arco-cssvars-prefix}-magenta-5: get-rgb-str(@magenta-5);
-  @{arco-cssvars-prefix}-magenta-6: get-rgb-str(@magenta-6);
-  @{arco-cssvars-prefix}-magenta-7: get-rgb-str(@magenta-7);
-  @{arco-cssvars-prefix}-magenta-8: get-rgb-str(@magenta-8);
-  @{arco-cssvars-prefix}-magenta-9: get-rgb-str(@magenta-9);
-  @{arco-cssvars-prefix}-magenta-10: get-rgb-str(@magenta-10);
-  @{arco-cssvars-prefix}-gray-1: get-rgb-str(@gray-1);
-  @{arco-cssvars-prefix}-gray-2: get-rgb-str(@gray-2);
-  @{arco-cssvars-prefix}-gray-3: get-rgb-str(@gray-3);
-  @{arco-cssvars-prefix}-gray-4: get-rgb-str(@gray-4);
-  @{arco-cssvars-prefix}-gray-5: get-rgb-str(@gray-5);
-  @{arco-cssvars-prefix}-gray-6: get-rgb-str(@gray-6);
-  @{arco-cssvars-prefix}-gray-7: get-rgb-str(@gray-7);
-  @{arco-cssvars-prefix}-gray-8: get-rgb-str(@gray-8);
-  @{arco-cssvars-prefix}-gray-9: get-rgb-str(@gray-9);
-  @{arco-cssvars-prefix}-gray-10: get-rgb-str(@gray-10);
-  @{arco-cssvars-prefix}-success-1: get-var-str(~'@{success-1}');
-  @{arco-cssvars-prefix}-success-2: get-var-str(~'@{success-2}');
-  @{arco-cssvars-prefix}-success-3: get-var-str(~'@{success-3}');
-  @{arco-cssvars-prefix}-success-4: get-var-str(~'@{success-4}');
-  @{arco-cssvars-prefix}-success-5: get-var-str(~'@{success-5}');
-  @{arco-cssvars-prefix}-success-6: get-var-str(~'@{success-6}');
-  @{arco-cssvars-prefix}-success-7: get-var-str(~'@{success-7}');
-  @{arco-cssvars-prefix}-success-8: get-var-str(~'@{success-8}');
-  @{arco-cssvars-prefix}-success-9: get-var-str(~'@{success-9}');
-  @{arco-cssvars-prefix}-success-10: get-var-str(~'@{success-10}');
-  @{arco-cssvars-prefix}-primary-1: get-var-str(~'@{primary-1}');
-  @{arco-cssvars-prefix}-primary-2: get-var-str(~'@{primary-2}');
-  @{arco-cssvars-prefix}-primary-3: get-var-str(~'@{primary-3}');
-  @{arco-cssvars-prefix}-primary-4: get-var-str(~'@{primary-4}');
-  @{arco-cssvars-prefix}-primary-5: get-var-str(~'@{primary-5}');
-  @{arco-cssvars-prefix}-primary-6: get-var-str(~'@{primary-6}');
-  @{arco-cssvars-prefix}-primary-7: get-var-str(~'@{primary-7}');
-  @{arco-cssvars-prefix}-primary-8: get-var-str(~'@{primary-8}');
-  @{arco-cssvars-prefix}-primary-9: get-var-str(~'@{primary-9}');
-  @{arco-cssvars-prefix}-primary-10: get-var-str(~'@{primary-10}');
-  @{arco-cssvars-prefix}-danger-1: get-var-str(~'@{danger-1}');
-  @{arco-cssvars-prefix}-danger-2: get-var-str(~'@{danger-2}');
-  @{arco-cssvars-prefix}-danger-3: get-var-str(~'@{danger-3}');
-  @{arco-cssvars-prefix}-danger-4: get-var-str(~'@{danger-4}');
-  @{arco-cssvars-prefix}-danger-5: get-var-str(~'@{danger-5}');
-  @{arco-cssvars-prefix}-danger-6: get-var-str(~'@{danger-6}');
-  @{arco-cssvars-prefix}-danger-7: get-var-str(~'@{danger-7}');
-  @{arco-cssvars-prefix}-danger-8: get-var-str(~'@{danger-8}');
-  @{arco-cssvars-prefix}-danger-9: get-var-str(~'@{danger-9}');
-  @{arco-cssvars-prefix}-danger-10: get-var-str(~'@{danger-10}');
-  @{arco-cssvars-prefix}-warning-1: get-var-str(~'@{warning-1}');
-  @{arco-cssvars-prefix}-warning-2: get-var-str(~'@{warning-2}');
-  @{arco-cssvars-prefix}-warning-3: get-var-str(~'@{warning-3}');
-  @{arco-cssvars-prefix}-warning-4: get-var-str(~'@{warning-4}');
-  @{arco-cssvars-prefix}-warning-5: get-var-str(~'@{warning-5}');
-  @{arco-cssvars-prefix}-warning-6: get-var-str(~'@{warning-6}');
-  @{arco-cssvars-prefix}-warning-7: get-var-str(~'@{warning-7}');
-  @{arco-cssvars-prefix}-warning-8: get-var-str(~'@{warning-8}');
-  @{arco-cssvars-prefix}-warning-9: get-var-str(~'@{warning-9}');
-  @{arco-cssvars-prefix}-warning-10: get-var-str(~'@{warning-10}');
-  @{arco-cssvars-prefix}-link-1: get-var-str(~'@{link-1}');
-  @{arco-cssvars-prefix}-link-2: get-var-str(~'@{link-2}');
-  @{arco-cssvars-prefix}-link-3: get-var-str(~'@{link-3}');
-  @{arco-cssvars-prefix}-link-4: get-var-str(~'@{link-4}');
-  @{arco-cssvars-prefix}-link-5: get-var-str(~'@{link-5}');
-  @{arco-cssvars-prefix}-link-6: get-var-str(~'@{link-6}');
-  @{arco-cssvars-prefix}-link-7: get-var-str(~'@{link-7}');
-  @{arco-cssvars-prefix}-link-8: get-var-str(~'@{link-8}');
-  @{arco-cssvars-prefix}-link-9: get-var-str(~'@{link-9}');
-  @{arco-cssvars-prefix}-link-10: get-var-str(~'@{link-10}');
-}
-
-@{arco-theme-tag}[arco-theme='dark'] {
-  @{arco-cssvars-prefix}-red-1: get-rgb-str(@dark-red-1);
-  @{arco-cssvars-prefix}-red-2: get-rgb-str(@dark-red-2);
-  @{arco-cssvars-prefix}-red-3: get-rgb-str(@dark-red-3);
-  @{arco-cssvars-prefix}-red-4: get-rgb-str(@dark-red-4);
-  @{arco-cssvars-prefix}-red-5: get-rgb-str(@dark-red-5);
-  @{arco-cssvars-prefix}-red-6: get-rgb-str(@dark-red-6);
-  @{arco-cssvars-prefix}-red-7: get-rgb-str(@dark-red-7);
-  @{arco-cssvars-prefix}-red-8: get-rgb-str(@dark-red-8);
-  @{arco-cssvars-prefix}-red-9: get-rgb-str(@dark-red-9);
-  @{arco-cssvars-prefix}-red-10: get-rgb-str(@dark-red-10);
-  @{arco-cssvars-prefix}-orangered-1: get-rgb-str(@dark-orangered-1);
-  @{arco-cssvars-prefix}-orangered-2: get-rgb-str(@dark-orangered-2);
-  @{arco-cssvars-prefix}-orangered-3: get-rgb-str(@dark-orangered-3);
-  @{arco-cssvars-prefix}-orangered-4: get-rgb-str(@dark-orangered-4);
-  @{arco-cssvars-prefix}-orangered-5: get-rgb-str(@dark-orangered-5);
-  @{arco-cssvars-prefix}-orangered-6: get-rgb-str(@dark-orangered-6);
-  @{arco-cssvars-prefix}-orangered-7: get-rgb-str(@dark-orangered-7);
-  @{arco-cssvars-prefix}-orangered-8: get-rgb-str(@dark-orangered-8);
-  @{arco-cssvars-prefix}-orangered-9: get-rgb-str(@dark-orangered-9);
-  @{arco-cssvars-prefix}-orangered-10: get-rgb-str(@dark-orangered-10);
-  @{arco-cssvars-prefix}-orange-1: get-rgb-str(@dark-orange-1);
-  @{arco-cssvars-prefix}-orange-2: get-rgb-str(@dark-orange-2);
-  @{arco-cssvars-prefix}-orange-3: get-rgb-str(@dark-orange-3);
-  @{arco-cssvars-prefix}-orange-4: get-rgb-str(@dark-orange-4);
-  @{arco-cssvars-prefix}-orange-5: get-rgb-str(@dark-orange-5);
-  @{arco-cssvars-prefix}-orange-6: get-rgb-str(@dark-orange-6);
-  @{arco-cssvars-prefix}-orange-7: get-rgb-str(@dark-orange-7);
-  @{arco-cssvars-prefix}-orange-8: get-rgb-str(@dark-orange-8);
-  @{arco-cssvars-prefix}-orange-9: get-rgb-str(@dark-orange-9);
-  @{arco-cssvars-prefix}-orange-10: get-rgb-str(@dark-orange-10);
-  @{arco-cssvars-prefix}-gold-1: get-rgb-str(@dark-gold-1);
-  @{arco-cssvars-prefix}-gold-2: get-rgb-str(@dark-gold-2);
-  @{arco-cssvars-prefix}-gold-3: get-rgb-str(@dark-gold-3);
-  @{arco-cssvars-prefix}-gold-4: get-rgb-str(@dark-gold-4);
-  @{arco-cssvars-prefix}-gold-5: get-rgb-str(@dark-gold-5);
-  @{arco-cssvars-prefix}-gold-6: get-rgb-str(@dark-gold-6);
-  @{arco-cssvars-prefix}-gold-7: get-rgb-str(@dark-gold-7);
-  @{arco-cssvars-prefix}-gold-8: get-rgb-str(@dark-gold-8);
-  @{arco-cssvars-prefix}-gold-9: get-rgb-str(@dark-gold-9);
-  @{arco-cssvars-prefix}-gold-10: get-rgb-str(@dark-gold-10);
-  @{arco-cssvars-prefix}-yellow-1: get-rgb-str(@dark-yellow-1);
-  @{arco-cssvars-prefix}-yellow-2: get-rgb-str(@dark-yellow-2);
-  @{arco-cssvars-prefix}-yellow-3: get-rgb-str(@dark-yellow-3);
-  @{arco-cssvars-prefix}-yellow-4: get-rgb-str(@dark-yellow-4);
-  @{arco-cssvars-prefix}-yellow-5: get-rgb-str(@dark-yellow-5);
-  @{arco-cssvars-prefix}-yellow-6: get-rgb-str(@dark-yellow-6);
-  @{arco-cssvars-prefix}-yellow-7: get-rgb-str(@dark-yellow-7);
-  @{arco-cssvars-prefix}-yellow-8: get-rgb-str(@dark-yellow-8);
-  @{arco-cssvars-prefix}-yellow-9: get-rgb-str(@dark-yellow-9);
-  @{arco-cssvars-prefix}-yellow-10: get-rgb-str(@dark-yellow-10);
-  @{arco-cssvars-prefix}-lime-1: get-rgb-str(@dark-lime-1);
-  @{arco-cssvars-prefix}-lime-2: get-rgb-str(@dark-lime-2);
-  @{arco-cssvars-prefix}-lime-3: get-rgb-str(@dark-lime-3);
-  @{arco-cssvars-prefix}-lime-4: get-rgb-str(@dark-lime-4);
-  @{arco-cssvars-prefix}-lime-5: get-rgb-str(@dark-lime-5);
-  @{arco-cssvars-prefix}-lime-6: get-rgb-str(@dark-lime-6);
-  @{arco-cssvars-prefix}-lime-7: get-rgb-str(@dark-lime-7);
-  @{arco-cssvars-prefix}-lime-8: get-rgb-str(@dark-lime-8);
-  @{arco-cssvars-prefix}-lime-9: get-rgb-str(@dark-lime-9);
-  @{arco-cssvars-prefix}-lime-10: get-rgb-str(@dark-lime-10);
-  @{arco-cssvars-prefix}-green-1: get-rgb-str(@dark-green-1);
-  @{arco-cssvars-prefix}-green-2: get-rgb-str(@dark-green-2);
-  @{arco-cssvars-prefix}-green-3: get-rgb-str(@dark-green-3);
-  @{arco-cssvars-prefix}-green-4: get-rgb-str(@dark-green-4);
-  @{arco-cssvars-prefix}-green-5: get-rgb-str(@dark-green-5);
-  @{arco-cssvars-prefix}-green-6: get-rgb-str(@dark-green-6);
-  @{arco-cssvars-prefix}-green-7: get-rgb-str(@dark-green-7);
-  @{arco-cssvars-prefix}-green-8: get-rgb-str(@dark-green-8);
-  @{arco-cssvars-prefix}-green-9: get-rgb-str(@dark-green-9);
-  @{arco-cssvars-prefix}-green-10: get-rgb-str(@dark-green-10);
-  @{arco-cssvars-prefix}-cyan-1: get-rgb-str(@dark-cyan-1);
-  @{arco-cssvars-prefix}-cyan-2: get-rgb-str(@dark-cyan-2);
-  @{arco-cssvars-prefix}-cyan-3: get-rgb-str(@dark-cyan-3);
-  @{arco-cssvars-prefix}-cyan-4: get-rgb-str(@dark-cyan-4);
-  @{arco-cssvars-prefix}-cyan-5: get-rgb-str(@dark-cyan-5);
-  @{arco-cssvars-prefix}-cyan-6: get-rgb-str(@dark-cyan-6);
-  @{arco-cssvars-prefix}-cyan-7: get-rgb-str(@dark-cyan-7);
-  @{arco-cssvars-prefix}-cyan-8: get-rgb-str(@dark-cyan-8);
-  @{arco-cssvars-prefix}-cyan-9: get-rgb-str(@dark-cyan-9);
-  @{arco-cssvars-prefix}-cyan-10: get-rgb-str(@dark-cyan-10);
-  @{arco-cssvars-prefix}-blue-1: get-rgb-str(@dark-blue-1);
-  @{arco-cssvars-prefix}-blue-2: get-rgb-str(@dark-blue-2);
-  @{arco-cssvars-prefix}-blue-3: get-rgb-str(@dark-blue-3);
-  @{arco-cssvars-prefix}-blue-4: get-rgb-str(@dark-blue-4);
-  @{arco-cssvars-prefix}-blue-5: get-rgb-str(@dark-blue-5);
-  @{arco-cssvars-prefix}-blue-6: get-rgb-str(@dark-blue-6);
-  @{arco-cssvars-prefix}-blue-7: get-rgb-str(@dark-blue-7);
-  @{arco-cssvars-prefix}-blue-8: get-rgb-str(@dark-blue-8);
-  @{arco-cssvars-prefix}-blue-9: get-rgb-str(@dark-blue-9);
-  @{arco-cssvars-prefix}-blue-10: get-rgb-str(@dark-blue-10);
-  @{arco-cssvars-prefix}-arcoblue-1: get-rgb-str(@dark-arcoblue-1);
-  @{arco-cssvars-prefix}-arcoblue-2: get-rgb-str(@dark-arcoblue-2);
-  @{arco-cssvars-prefix}-arcoblue-3: get-rgb-str(@dark-arcoblue-3);
-  @{arco-cssvars-prefix}-arcoblue-4: get-rgb-str(@dark-arcoblue-4);
-  @{arco-cssvars-prefix}-arcoblue-5: get-rgb-str(@dark-arcoblue-5);
-  @{arco-cssvars-prefix}-arcoblue-6: get-rgb-str(@dark-arcoblue-6);
-  @{arco-cssvars-prefix}-arcoblue-7: get-rgb-str(@dark-arcoblue-7);
-  @{arco-cssvars-prefix}-arcoblue-8: get-rgb-str(@dark-arcoblue-8);
-  @{arco-cssvars-prefix}-arcoblue-9: get-rgb-str(@dark-arcoblue-9);
-  @{arco-cssvars-prefix}-arcoblue-10: get-rgb-str(@dark-arcoblue-10);
-  @{arco-cssvars-prefix}-purple-1: get-rgb-str(@dark-purple-1);
-  @{arco-cssvars-prefix}-purple-2: get-rgb-str(@dark-purple-2);
-  @{arco-cssvars-prefix}-purple-3: get-rgb-str(@dark-purple-3);
-  @{arco-cssvars-prefix}-purple-4: get-rgb-str(@dark-purple-4);
-  @{arco-cssvars-prefix}-purple-5: get-rgb-str(@dark-purple-5);
-  @{arco-cssvars-prefix}-purple-6: get-rgb-str(@dark-purple-6);
-  @{arco-cssvars-prefix}-purple-7: get-rgb-str(@dark-purple-7);
-  @{arco-cssvars-prefix}-purple-8: get-rgb-str(@dark-purple-8);
-  @{arco-cssvars-prefix}-purple-9: get-rgb-str(@dark-purple-9);
-  @{arco-cssvars-prefix}-purple-10: get-rgb-str(@dark-purple-10);
-  @{arco-cssvars-prefix}-pinkpurple-1: get-rgb-str(@dark-pinkpurple-1);
-  @{arco-cssvars-prefix}-pinkpurple-2: get-rgb-str(@dark-pinkpurple-2);
-  @{arco-cssvars-prefix}-pinkpurple-3: get-rgb-str(@dark-pinkpurple-3);
-  @{arco-cssvars-prefix}-pinkpurple-4: get-rgb-str(@dark-pinkpurple-4);
-  @{arco-cssvars-prefix}-pinkpurple-5: get-rgb-str(@dark-pinkpurple-5);
-  @{arco-cssvars-prefix}-pinkpurple-6: get-rgb-str(@dark-pinkpurple-6);
-  @{arco-cssvars-prefix}-pinkpurple-7: get-rgb-str(@dark-pinkpurple-7);
-  @{arco-cssvars-prefix}-pinkpurple-8: get-rgb-str(@dark-pinkpurple-8);
-  @{arco-cssvars-prefix}-pinkpurple-9: get-rgb-str(@dark-pinkpurple-9);
-  @{arco-cssvars-prefix}-pinkpurple-10: get-rgb-str(@dark-pinkpurple-10);
-  @{arco-cssvars-prefix}-magenta-1: get-rgb-str(@dark-magenta-1);
-  @{arco-cssvars-prefix}-magenta-2: get-rgb-str(@dark-magenta-2);
-  @{arco-cssvars-prefix}-magenta-3: get-rgb-str(@dark-magenta-3);
-  @{arco-cssvars-prefix}-magenta-4: get-rgb-str(@dark-magenta-4);
-  @{arco-cssvars-prefix}-magenta-5: get-rgb-str(@dark-magenta-5);
-  @{arco-cssvars-prefix}-magenta-6: get-rgb-str(@dark-magenta-6);
-  @{arco-cssvars-prefix}-magenta-7: get-rgb-str(@dark-magenta-7);
-  @{arco-cssvars-prefix}-magenta-8: get-rgb-str(@dark-magenta-8);
-  @{arco-cssvars-prefix}-magenta-9: get-rgb-str(@dark-magenta-9);
-  @{arco-cssvars-prefix}-magenta-10: get-rgb-str(@dark-magenta-10);
-  @{arco-cssvars-prefix}-gray-1: get-rgb-str(@dark-gray-1);
-  @{arco-cssvars-prefix}-gray-2: get-rgb-str(@dark-gray-2);
-  @{arco-cssvars-prefix}-gray-3: get-rgb-str(@dark-gray-3);
-  @{arco-cssvars-prefix}-gray-4: get-rgb-str(@dark-gray-4);
-  @{arco-cssvars-prefix}-gray-5: get-rgb-str(@dark-gray-5);
-  @{arco-cssvars-prefix}-gray-6: get-rgb-str(@dark-gray-6);
-  @{arco-cssvars-prefix}-gray-7: get-rgb-str(@dark-gray-7);
-  @{arco-cssvars-prefix}-gray-8: get-rgb-str(@dark-gray-8);
-  @{arco-cssvars-prefix}-gray-9: get-rgb-str(@dark-gray-9);
-  @{arco-cssvars-prefix}-gray-10: get-rgb-str(@dark-gray-10);
-  @{arco-cssvars-prefix}-primary-1: get-var-str(~'@{dark-primary-1}');
-  @{arco-cssvars-prefix}-primary-2: get-var-str(~'@{dark-primary-2}');
-  @{arco-cssvars-prefix}-primary-3: get-var-str(~'@{dark-primary-3}');
-  @{arco-cssvars-prefix}-primary-4: get-var-str(~'@{dark-primary-4}');
-  @{arco-cssvars-prefix}-primary-5: get-var-str(~'@{dark-primary-5}');
-  @{arco-cssvars-prefix}-primary-6: get-var-str(~'@{dark-primary-6}');
-  @{arco-cssvars-prefix}-primary-7: get-var-str(~'@{dark-primary-7}');
-  @{arco-cssvars-prefix}-primary-8: get-var-str(~'@{dark-primary-8}');
-  @{arco-cssvars-prefix}-primary-9: get-var-str(~'@{dark-primary-9}');
-  @{arco-cssvars-prefix}-primary-10: get-var-str(~'@{dark-primary-10}');
-  @{arco-cssvars-prefix}-success-1: get-var-str(~'@{dark-success-1}');
-  @{arco-cssvars-prefix}-success-2: get-var-str(~'@{dark-success-2}');
-  @{arco-cssvars-prefix}-success-3: get-var-str(~'@{dark-success-3}');
-  @{arco-cssvars-prefix}-success-4: get-var-str(~'@{dark-success-4}');
-  @{arco-cssvars-prefix}-success-5: get-var-str(~'@{dark-success-5}');
-  @{arco-cssvars-prefix}-success-6: get-var-str(~'@{dark-success-6}');
-  @{arco-cssvars-prefix}-success-7: get-var-str(~'@{dark-success-7}');
-  @{arco-cssvars-prefix}-success-8: get-var-str(~'@{dark-success-8}');
-  @{arco-cssvars-prefix}-success-9: get-var-str(~'@{dark-success-9}');
-  @{arco-cssvars-prefix}-success-10: get-var-str(~'@{dark-success-10}');
-  @{arco-cssvars-prefix}-danger-1: get-var-str(~'@{dark-danger-1}');
-  @{arco-cssvars-prefix}-danger-2: get-var-str(~'@{dark-danger-2}');
-  @{arco-cssvars-prefix}-danger-3: get-var-str(~'@{dark-danger-3}');
-  @{arco-cssvars-prefix}-danger-4: get-var-str(~'@{dark-danger-4}');
-  @{arco-cssvars-prefix}-danger-5: get-var-str(~'@{dark-danger-5}');
-  @{arco-cssvars-prefix}-danger-6: get-var-str(~'@{dark-danger-6}');
-  @{arco-cssvars-prefix}-danger-7: get-var-str(~'@{dark-danger-7}');
-  @{arco-cssvars-prefix}-danger-8: get-var-str(~'@{dark-danger-8}');
-  @{arco-cssvars-prefix}-danger-9: get-var-str(~'@{dark-danger-9}');
-  @{arco-cssvars-prefix}-danger-10: get-var-str(~'@{dark-danger-10}');
-  @{arco-cssvars-prefix}-warning-1: get-var-str(~'@{dark-warning-1}');
-  @{arco-cssvars-prefix}-warning-2: get-var-str(~'@{dark-warning-2}');
-  @{arco-cssvars-prefix}-warning-3: get-var-str(~'@{dark-warning-3}');
-  @{arco-cssvars-prefix}-warning-4: get-var-str(~'@{dark-warning-4}');
-  @{arco-cssvars-prefix}-warning-5: get-var-str(~'@{dark-warning-5}');
-  @{arco-cssvars-prefix}-warning-6: get-var-str(~'@{dark-warning-6}');
-  @{arco-cssvars-prefix}-warning-7: get-var-str(~'@{dark-warning-7}');
-  @{arco-cssvars-prefix}-warning-8: get-var-str(~'@{dark-warning-8}');
-  @{arco-cssvars-prefix}-warning-9: get-var-str(~'@{dark-warning-9}');
-  @{arco-cssvars-prefix}-warning-10: get-var-str(~'@{dark-warning-10}');
-  @{arco-cssvars-prefix}-link-1: get-var-str(~'@{dark-link-1}');
-  @{arco-cssvars-prefix}-link-2: get-var-str(~'@{dark-link-2}');
-  @{arco-cssvars-prefix}-link-3: get-var-str(~'@{dark-link-3}');
-  @{arco-cssvars-prefix}-link-4: get-var-str(~'@{dark-link-4}');
-  @{arco-cssvars-prefix}-link-5: get-var-str(~'@{dark-link-5}');
-  @{arco-cssvars-prefix}-link-6: get-var-str(~'@{dark-link-6}');
-  @{arco-cssvars-prefix}-link-7: get-var-str(~'@{dark-link-7}');
-  @{arco-cssvars-prefix}-link-8: get-var-str(~'@{dark-link-8}');
-  @{arco-cssvars-prefix}-link-9: get-var-str(~'@{dark-link-9}');
-  @{arco-cssvars-prefix}-link-10: get-var-str(~'@{dark-link-10}');
-}
+@import './colors.less';
+
+@plugin './get-rgb-str.js';
+
+@{arco-theme-tag} {
+  @{arco-cssvars-prefix}-red-1: get-rgb-str(@red-1);
+  @{arco-cssvars-prefix}-red-2: get-rgb-str(@red-2);
+  @{arco-cssvars-prefix}-red-3: get-rgb-str(@red-3);
+  @{arco-cssvars-prefix}-red-4: get-rgb-str(@red-4);
+  @{arco-cssvars-prefix}-red-5: get-rgb-str(@red-5);
+  @{arco-cssvars-prefix}-red-6: get-rgb-str(@red-6);
+  @{arco-cssvars-prefix}-red-7: get-rgb-str(@red-7);
+  @{arco-cssvars-prefix}-red-8: get-rgb-str(@red-8);
+  @{arco-cssvars-prefix}-red-9: get-rgb-str(@red-9);
+  @{arco-cssvars-prefix}-red-10: get-rgb-str(@red-10);
+  @{arco-cssvars-prefix}-orangered-1: get-rgb-str(@orangered-1);
+  @{arco-cssvars-prefix}-orangered-2: get-rgb-str(@orangered-2);
+  @{arco-cssvars-prefix}-orangered-3: get-rgb-str(@orangered-3);
+  @{arco-cssvars-prefix}-orangered-4: get-rgb-str(@orangered-4);
+  @{arco-cssvars-prefix}-orangered-5: get-rgb-str(@orangered-5);
+  @{arco-cssvars-prefix}-orangered-6: get-rgb-str(@orangered-6);
+  @{arco-cssvars-prefix}-orangered-7: get-rgb-str(@orangered-7);
+  @{arco-cssvars-prefix}-orangered-8: get-rgb-str(@orangered-8);
+  @{arco-cssvars-prefix}-orangered-9: get-rgb-str(@orangered-9);
+  @{arco-cssvars-prefix}-orangered-10: get-rgb-str(@orangered-10);
+  @{arco-cssvars-prefix}-orange-1: get-rgb-str(@orange-1);
+  @{arco-cssvars-prefix}-orange-2: get-rgb-str(@orange-2);
+  @{arco-cssvars-prefix}-orange-3: get-rgb-str(@orange-3);
+  @{arco-cssvars-prefix}-orange-4: get-rgb-str(@orange-4);
+  @{arco-cssvars-prefix}-orange-5: get-rgb-str(@orange-5);
+  @{arco-cssvars-prefix}-orange-6: get-rgb-str(@orange-6);
+  @{arco-cssvars-prefix}-orange-7: get-rgb-str(@orange-7);
+  @{arco-cssvars-prefix}-orange-8: get-rgb-str(@orange-8);
+  @{arco-cssvars-prefix}-orange-9: get-rgb-str(@orange-9);
+  @{arco-cssvars-prefix}-orange-10: get-rgb-str(@orange-10);
+  @{arco-cssvars-prefix}-gold-1: get-rgb-str(@gold-1);
+  @{arco-cssvars-prefix}-gold-2: get-rgb-str(@gold-2);
+  @{arco-cssvars-prefix}-gold-3: get-rgb-str(@gold-3);
+  @{arco-cssvars-prefix}-gold-4: get-rgb-str(@gold-4);
+  @{arco-cssvars-prefix}-gold-5: get-rgb-str(@gold-5);
+  @{arco-cssvars-prefix}-gold-6: get-rgb-str(@gold-6);
+  @{arco-cssvars-prefix}-gold-7: get-rgb-str(@gold-7);
+  @{arco-cssvars-prefix}-gold-8: get-rgb-str(@gold-8);
+  @{arco-cssvars-prefix}-gold-9: get-rgb-str(@gold-9);
+  @{arco-cssvars-prefix}-gold-10: get-rgb-str(@gold-10);
+  @{arco-cssvars-prefix}-yellow-1: get-rgb-str(@yellow-1);
+  @{arco-cssvars-prefix}-yellow-2: get-rgb-str(@yellow-2);
+  @{arco-cssvars-prefix}-yellow-3: get-rgb-str(@yellow-3);
+  @{arco-cssvars-prefix}-yellow-4: get-rgb-str(@yellow-4);
+  @{arco-cssvars-prefix}-yellow-5: get-rgb-str(@yellow-5);
+  @{arco-cssvars-prefix}-yellow-6: get-rgb-str(@yellow-6);
+  @{arco-cssvars-prefix}-yellow-7: get-rgb-str(@yellow-7);
+  @{arco-cssvars-prefix}-yellow-8: get-rgb-str(@yellow-8);
+  @{arco-cssvars-prefix}-yellow-9: get-rgb-str(@yellow-9);
+  @{arco-cssvars-prefix}-yellow-10: get-rgb-str(@yellow-10);
+  @{arco-cssvars-prefix}-lime-1: get-rgb-str(@lime-1);
+  @{arco-cssvars-prefix}-lime-2: get-rgb-str(@lime-2);
+  @{arco-cssvars-prefix}-lime-3: get-rgb-str(@lime-3);
+  @{arco-cssvars-prefix}-lime-4: get-rgb-str(@lime-4);
+  @{arco-cssvars-prefix}-lime-5: get-rgb-str(@lime-5);
+  @{arco-cssvars-prefix}-lime-6: get-rgb-str(@lime-6);
+  @{arco-cssvars-prefix}-lime-7: get-rgb-str(@lime-7);
+  @{arco-cssvars-prefix}-lime-8: get-rgb-str(@lime-8);
+  @{arco-cssvars-prefix}-lime-9: get-rgb-str(@lime-9);
+  @{arco-cssvars-prefix}-lime-10: get-rgb-str(@lime-10);
+  @{arco-cssvars-prefix}-green-1: get-rgb-str(@green-1);
+  @{arco-cssvars-prefix}-green-2: get-rgb-str(@green-2);
+  @{arco-cssvars-prefix}-green-3: get-rgb-str(@green-3);
+  @{arco-cssvars-prefix}-green-4: get-rgb-str(@green-4);
+  @{arco-cssvars-prefix}-green-5: get-rgb-str(@green-5);
+  @{arco-cssvars-prefix}-green-6: get-rgb-str(@green-6);
+  @{arco-cssvars-prefix}-green-7: get-rgb-str(@green-7);
+  @{arco-cssvars-prefix}-green-8: get-rgb-str(@green-8);
+  @{arco-cssvars-prefix}-green-9: get-rgb-str(@green-9);
+  @{arco-cssvars-prefix}-green-10: get-rgb-str(@green-10);
+  @{arco-cssvars-prefix}-cyan-1: get-rgb-str(@cyan-1);
+  @{arco-cssvars-prefix}-cyan-2: get-rgb-str(@cyan-2);
+  @{arco-cssvars-prefix}-cyan-3: get-rgb-str(@cyan-3);
+  @{arco-cssvars-prefix}-cyan-4: get-rgb-str(@cyan-4);
+  @{arco-cssvars-prefix}-cyan-5: get-rgb-str(@cyan-5);
+  @{arco-cssvars-prefix}-cyan-6: get-rgb-str(@cyan-6);
+  @{arco-cssvars-prefix}-cyan-7: get-rgb-str(@cyan-7);
+  @{arco-cssvars-prefix}-cyan-8: get-rgb-str(@cyan-8);
+  @{arco-cssvars-prefix}-cyan-9: get-rgb-str(@cyan-9);
+  @{arco-cssvars-prefix}-cyan-10: get-rgb-str(@cyan-10);
+  @{arco-cssvars-prefix}-blue-1: get-rgb-str(@blue-1);
+  @{arco-cssvars-prefix}-blue-2: get-rgb-str(@blue-2);
+  @{arco-cssvars-prefix}-blue-3: get-rgb-str(@blue-3);
+  @{arco-cssvars-prefix}-blue-4: get-rgb-str(@blue-4);
+  @{arco-cssvars-prefix}-blue-5: get-rgb-str(@blue-5);
+  @{arco-cssvars-prefix}-blue-6: get-rgb-str(@blue-6);
+  @{arco-cssvars-prefix}-blue-7: get-rgb-str(@blue-7);
+  @{arco-cssvars-prefix}-blue-8: get-rgb-str(@blue-8);
+  @{arco-cssvars-prefix}-blue-9: get-rgb-str(@blue-9);
+  @{arco-cssvars-prefix}-blue-10: get-rgb-str(@blue-10);
+  @{arco-cssvars-prefix}-arcoblue-1: get-rgb-str(@arcoblue-1);
+  @{arco-cssvars-prefix}-arcoblue-2: get-rgb-str(@arcoblue-2);
+  @{arco-cssvars-prefix}-arcoblue-3: get-rgb-str(@arcoblue-3);
+  @{arco-cssvars-prefix}-arcoblue-4: get-rgb-str(@arcoblue-4);
+  @{arco-cssvars-prefix}-arcoblue-5: get-rgb-str(@arcoblue-5);
+  @{arco-cssvars-prefix}-arcoblue-6: get-rgb-str(@arcoblue-6);
+  @{arco-cssvars-prefix}-arcoblue-7: get-rgb-str(@arcoblue-7);
+  @{arco-cssvars-prefix}-arcoblue-8: get-rgb-str(@arcoblue-8);
+  @{arco-cssvars-prefix}-arcoblue-9: get-rgb-str(@arcoblue-9);
+  @{arco-cssvars-prefix}-arcoblue-10: get-rgb-str(@arcoblue-10);
+  @{arco-cssvars-prefix}-purple-1: get-rgb-str(@purple-1);
+  @{arco-cssvars-prefix}-purple-2: get-rgb-str(@purple-2);
+  @{arco-cssvars-prefix}-purple-3: get-rgb-str(@purple-3);
+  @{arco-cssvars-prefix}-purple-4: get-rgb-str(@purple-4);
+  @{arco-cssvars-prefix}-purple-5: get-rgb-str(@purple-5);
+  @{arco-cssvars-prefix}-purple-6: get-rgb-str(@purple-6);
+  @{arco-cssvars-prefix}-purple-7: get-rgb-str(@purple-7);
+  @{arco-cssvars-prefix}-purple-8: get-rgb-str(@purple-8);
+  @{arco-cssvars-prefix}-purple-9: get-rgb-str(@purple-9);
+  @{arco-cssvars-prefix}-purple-10: get-rgb-str(@purple-10);
+  @{arco-cssvars-prefix}-pinkpurple-1: get-rgb-str(@pinkpurple-1);
+  @{arco-cssvars-prefix}-pinkpurple-2: get-rgb-str(@pinkpurple-2);
+  @{arco-cssvars-prefix}-pinkpurple-3: get-rgb-str(@pinkpurple-3);
+  @{arco-cssvars-prefix}-pinkpurple-4: get-rgb-str(@pinkpurple-4);
+  @{arco-cssvars-prefix}-pinkpurple-5: get-rgb-str(@pinkpurple-5);
+  @{arco-cssvars-prefix}-pinkpurple-6: get-rgb-str(@pinkpurple-6);
+  @{arco-cssvars-prefix}-pinkpurple-7: get-rgb-str(@pinkpurple-7);
+  @{arco-cssvars-prefix}-pinkpurple-8: get-rgb-str(@pinkpurple-8);
+  @{arco-cssvars-prefix}-pinkpurple-9: get-rgb-str(@pinkpurple-9);
+  @{arco-cssvars-prefix}-pinkpurple-10: get-rgb-str(@pinkpurple-10);
+  @{arco-cssvars-prefix}-magenta-1: get-rgb-str(@magenta-1);
+  @{arco-cssvars-prefix}-magenta-2: get-rgb-str(@magenta-2);
+  @{arco-cssvars-prefix}-magenta-3: get-rgb-str(@magenta-3);
+  @{arco-cssvars-prefix}-magenta-4: get-rgb-str(@magenta-4);
+  @{arco-cssvars-prefix}-magenta-5: get-rgb-str(@magenta-5);
+  @{arco-cssvars-prefix}-magenta-6: get-rgb-str(@magenta-6);
+  @{arco-cssvars-prefix}-magenta-7: get-rgb-str(@magenta-7);
+  @{arco-cssvars-prefix}-magenta-8: get-rgb-str(@magenta-8);
+  @{arco-cssvars-prefix}-magenta-9: get-rgb-str(@magenta-9);
+  @{arco-cssvars-prefix}-magenta-10: get-rgb-str(@magenta-10);
+  @{arco-cssvars-prefix}-gray-1: get-rgb-str(@gray-1);
+  @{arco-cssvars-prefix}-gray-2: get-rgb-str(@gray-2);
+  @{arco-cssvars-prefix}-gray-3: get-rgb-str(@gray-3);
+  @{arco-cssvars-prefix}-gray-4: get-rgb-str(@gray-4);
+  @{arco-cssvars-prefix}-gray-5: get-rgb-str(@gray-5);
+  @{arco-cssvars-prefix}-gray-6: get-rgb-str(@gray-6);
+  @{arco-cssvars-prefix}-gray-7: get-rgb-str(@gray-7);
+  @{arco-cssvars-prefix}-gray-8: get-rgb-str(@gray-8);
+  @{arco-cssvars-prefix}-gray-9: get-rgb-str(@gray-9);
+  @{arco-cssvars-prefix}-gray-10: get-rgb-str(@gray-10);
+  @{arco-cssvars-prefix}-success-1: get-var-str(~'@{success-1}');
+  @{arco-cssvars-prefix}-success-2: get-var-str(~'@{success-2}');
+  @{arco-cssvars-prefix}-success-3: get-var-str(~'@{success-3}');
+  @{arco-cssvars-prefix}-success-4: get-var-str(~'@{success-4}');
+  @{arco-cssvars-prefix}-success-5: get-var-str(~'@{success-5}');
+  @{arco-cssvars-prefix}-success-6: get-var-str(~'@{success-6}');
+  @{arco-cssvars-prefix}-success-7: get-var-str(~'@{success-7}');
+  @{arco-cssvars-prefix}-success-8: get-var-str(~'@{success-8}');
+  @{arco-cssvars-prefix}-success-9: get-var-str(~'@{success-9}');
+  @{arco-cssvars-prefix}-success-10: get-var-str(~'@{success-10}');
+  @{arco-cssvars-prefix}-primary-1: get-var-str(~'@{primary-1}');
+  @{arco-cssvars-prefix}-primary-2: get-var-str(~'@{primary-2}');
+  @{arco-cssvars-prefix}-primary-3: get-var-str(~'@{primary-3}');
+  @{arco-cssvars-prefix}-primary-4: get-var-str(~'@{primary-4}');
+  @{arco-cssvars-prefix}-primary-5: get-var-str(~'@{primary-5}');
+  @{arco-cssvars-prefix}-primary-6: get-var-str(~'@{primary-6}');
+  @{arco-cssvars-prefix}-primary-7: get-var-str(~'@{primary-7}');
+  @{arco-cssvars-prefix}-primary-8: get-var-str(~'@{primary-8}');
+  @{arco-cssvars-prefix}-primary-9: get-var-str(~'@{primary-9}');
+  @{arco-cssvars-prefix}-primary-10: get-var-str(~'@{primary-10}');
+  @{arco-cssvars-prefix}-danger-1: get-var-str(~'@{danger-1}');
+  @{arco-cssvars-prefix}-danger-2: get-var-str(~'@{danger-2}');
+  @{arco-cssvars-prefix}-danger-3: get-var-str(~'@{danger-3}');
+  @{arco-cssvars-prefix}-danger-4: get-var-str(~'@{danger-4}');
+  @{arco-cssvars-prefix}-danger-5: get-var-str(~'@{danger-5}');
+  @{arco-cssvars-prefix}-danger-6: get-var-str(~'@{danger-6}');
+  @{arco-cssvars-prefix}-danger-7: get-var-str(~'@{danger-7}');
+  @{arco-cssvars-prefix}-danger-8: get-var-str(~'@{danger-8}');
+  @{arco-cssvars-prefix}-danger-9: get-var-str(~'@{danger-9}');
+  @{arco-cssvars-prefix}-danger-10: get-var-str(~'@{danger-10}');
+  @{arco-cssvars-prefix}-warning-1: get-var-str(~'@{warning-1}');
+  @{arco-cssvars-prefix}-warning-2: get-var-str(~'@{warning-2}');
+  @{arco-cssvars-prefix}-warning-3: get-var-str(~'@{warning-3}');
+  @{arco-cssvars-prefix}-warning-4: get-var-str(~'@{warning-4}');
+  @{arco-cssvars-prefix}-warning-5: get-var-str(~'@{warning-5}');
+  @{arco-cssvars-prefix}-warning-6: get-var-str(~'@{warning-6}');
+  @{arco-cssvars-prefix}-warning-7: get-var-str(~'@{warning-7}');
+  @{arco-cssvars-prefix}-warning-8: get-var-str(~'@{warning-8}');
+  @{arco-cssvars-prefix}-warning-9: get-var-str(~'@{warning-9}');
+  @{arco-cssvars-prefix}-warning-10: get-var-str(~'@{warning-10}');
+  @{arco-cssvars-prefix}-link-1: get-var-str(~'@{link-1}');
+  @{arco-cssvars-prefix}-link-2: get-var-str(~'@{link-2}');
+  @{arco-cssvars-prefix}-link-3: get-var-str(~'@{link-3}');
+  @{arco-cssvars-prefix}-link-4: get-var-str(~'@{link-4}');
+  @{arco-cssvars-prefix}-link-5: get-var-str(~'@{link-5}');
+  @{arco-cssvars-prefix}-link-6: get-var-str(~'@{link-6}');
+  @{arco-cssvars-prefix}-link-7: get-var-str(~'@{link-7}');
+  @{arco-cssvars-prefix}-link-8: get-var-str(~'@{link-8}');
+  @{arco-cssvars-prefix}-link-9: get-var-str(~'@{link-9}');
+  @{arco-cssvars-prefix}-link-10: get-var-str(~'@{link-10}');
+}
+
+@{arco-theme-tag}[arco-theme='dark'] {
+  @{arco-cssvars-prefix}-red-1: get-rgb-str(@dark-red-1);
+  @{arco-cssvars-prefix}-red-2: get-rgb-str(@dark-red-2);
+  @{arco-cssvars-prefix}-red-3: get-rgb-str(@dark-red-3);
+  @{arco-cssvars-prefix}-red-4: get-rgb-str(@dark-red-4);
+  @{arco-cssvars-prefix}-red-5: get-rgb-str(@dark-red-5);
+  @{arco-cssvars-prefix}-red-6: get-rgb-str(@dark-red-6);
+  @{arco-cssvars-prefix}-red-7: get-rgb-str(@dark-red-7);
+  @{arco-cssvars-prefix}-red-8: get-rgb-str(@dark-red-8);
+  @{arco-cssvars-prefix}-red-9: get-rgb-str(@dark-red-9);
+  @{arco-cssvars-prefix}-red-10: get-rgb-str(@dark-red-10);
+  @{arco-cssvars-prefix}-orangered-1: get-rgb-str(@dark-orangered-1);
+  @{arco-cssvars-prefix}-orangered-2: get-rgb-str(@dark-orangered-2);
+  @{arco-cssvars-prefix}-orangered-3: get-rgb-str(@dark-orangered-3);
+  @{arco-cssvars-prefix}-orangered-4: get-rgb-str(@dark-orangered-4);
+  @{arco-cssvars-prefix}-orangered-5: get-rgb-str(@dark-orangered-5);
+  @{arco-cssvars-prefix}-orangered-6: get-rgb-str(@dark-orangered-6);
+  @{arco-cssvars-prefix}-orangered-7: get-rgb-str(@dark-orangered-7);
+  @{arco-cssvars-prefix}-orangered-8: get-rgb-str(@dark-orangered-8);
+  @{arco-cssvars-prefix}-orangered-9: get-rgb-str(@dark-orangered-9);
+  @{arco-cssvars-prefix}-orangered-10: get-rgb-str(@dark-orangered-10);
+  @{arco-cssvars-prefix}-orange-1: get-rgb-str(@dark-orange-1);
+  @{arco-cssvars-prefix}-orange-2: get-rgb-str(@dark-orange-2);
+  @{arco-cssvars-prefix}-orange-3: get-rgb-str(@dark-orange-3);
+  @{arco-cssvars-prefix}-orange-4: get-rgb-str(@dark-orange-4);
+  @{arco-cssvars-prefix}-orange-5: get-rgb-str(@dark-orange-5);
+  @{arco-cssvars-prefix}-orange-6: get-rgb-str(@dark-orange-6);
+  @{arco-cssvars-prefix}-orange-7: get-rgb-str(@dark-orange-7);
+  @{arco-cssvars-prefix}-orange-8: get-rgb-str(@dark-orange-8);
+  @{arco-cssvars-prefix}-orange-9: get-rgb-str(@dark-orange-9);
+  @{arco-cssvars-prefix}-orange-10: get-rgb-str(@dark-orange-10);
+  @{arco-cssvars-prefix}-gold-1: get-rgb-str(@dark-gold-1);
+  @{arco-cssvars-prefix}-gold-2: get-rgb-str(@dark-gold-2);
+  @{arco-cssvars-prefix}-gold-3: get-rgb-str(@dark-gold-3);
+  @{arco-cssvars-prefix}-gold-4: get-rgb-str(@dark-gold-4);
+  @{arco-cssvars-prefix}-gold-5: get-rgb-str(@dark-gold-5);
+  @{arco-cssvars-prefix}-gold-6: get-rgb-str(@dark-gold-6);
+  @{arco-cssvars-prefix}-gold-7: get-rgb-str(@dark-gold-7);
+  @{arco-cssvars-prefix}-gold-8: get-rgb-str(@dark-gold-8);
+  @{arco-cssvars-prefix}-gold-9: get-rgb-str(@dark-gold-9);
+  @{arco-cssvars-prefix}-gold-10: get-rgb-str(@dark-gold-10);
+  @{arco-cssvars-prefix}-yellow-1: get-rgb-str(@dark-yellow-1);
+  @{arco-cssvars-prefix}-yellow-2: get-rgb-str(@dark-yellow-2);
+  @{arco-cssvars-prefix}-yellow-3: get-rgb-str(@dark-yellow-3);
+  @{arco-cssvars-prefix}-yellow-4: get-rgb-str(@dark-yellow-4);
+  @{arco-cssvars-prefix}-yellow-5: get-rgb-str(@dark-yellow-5);
+  @{arco-cssvars-prefix}-yellow-6: get-rgb-str(@dark-yellow-6);
+  @{arco-cssvars-prefix}-yellow-7: get-rgb-str(@dark-yellow-7);
+  @{arco-cssvars-prefix}-yellow-8: get-rgb-str(@dark-yellow-8);
+  @{arco-cssvars-prefix}-yellow-9: get-rgb-str(@dark-yellow-9);
+  @{arco-cssvars-prefix}-yellow-10: get-rgb-str(@dark-yellow-10);
+  @{arco-cssvars-prefix}-lime-1: get-rgb-str(@dark-lime-1);
+  @{arco-cssvars-prefix}-lime-2: get-rgb-str(@dark-lime-2);
+  @{arco-cssvars-prefix}-lime-3: get-rgb-str(@dark-lime-3);
+  @{arco-cssvars-prefix}-lime-4: get-rgb-str(@dark-lime-4);
+  @{arco-cssvars-prefix}-lime-5: get-rgb-str(@dark-lime-5);
+  @{arco-cssvars-prefix}-lime-6: get-rgb-str(@dark-lime-6);
+  @{arco-cssvars-prefix}-lime-7: get-rgb-str(@dark-lime-7);
+  @{arco-cssvars-prefix}-lime-8: get-rgb-str(@dark-lime-8);
+  @{arco-cssvars-prefix}-lime-9: get-rgb-str(@dark-lime-9);
+  @{arco-cssvars-prefix}-lime-10: get-rgb-str(@dark-lime-10);
+  @{arco-cssvars-prefix}-green-1: get-rgb-str(@dark-green-1);
+  @{arco-cssvars-prefix}-green-2: get-rgb-str(@dark-green-2);
+  @{arco-cssvars-prefix}-green-3: get-rgb-str(@dark-green-3);
+  @{arco-cssvars-prefix}-green-4: get-rgb-str(@dark-green-4);
+  @{arco-cssvars-prefix}-green-5: get-rgb-str(@dark-green-5);
+  @{arco-cssvars-prefix}-green-6: get-rgb-str(@dark-green-6);
+  @{arco-cssvars-prefix}-green-7: get-rgb-str(@dark-green-7);
+  @{arco-cssvars-prefix}-green-8: get-rgb-str(@dark-green-8);
+  @{arco-cssvars-prefix}-green-9: get-rgb-str(@dark-green-9);
+  @{arco-cssvars-prefix}-green-10: get-rgb-str(@dark-green-10);
+  @{arco-cssvars-prefix}-cyan-1: get-rgb-str(@dark-cyan-1);
+  @{arco-cssvars-prefix}-cyan-2: get-rgb-str(@dark-cyan-2);
+  @{arco-cssvars-prefix}-cyan-3: get-rgb-str(@dark-cyan-3);
+  @{arco-cssvars-prefix}-cyan-4: get-rgb-str(@dark-cyan-4);
+  @{arco-cssvars-prefix}-cyan-5: get-rgb-str(@dark-cyan-5);
+  @{arco-cssvars-prefix}-cyan-6: get-rgb-str(@dark-cyan-6);
+  @{arco-cssvars-prefix}-cyan-7: get-rgb-str(@dark-cyan-7);
+  @{arco-cssvars-prefix}-cyan-8: get-rgb-str(@dark-cyan-8);
+  @{arco-cssvars-prefix}-cyan-9: get-rgb-str(@dark-cyan-9);
+  @{arco-cssvars-prefix}-cyan-10: get-rgb-str(@dark-cyan-10);
+  @{arco-cssvars-prefix}-blue-1: get-rgb-str(@dark-blue-1);
+  @{arco-cssvars-prefix}-blue-2: get-rgb-str(@dark-blue-2);
+  @{arco-cssvars-prefix}-blue-3: get-rgb-str(@dark-blue-3);
+  @{arco-cssvars-prefix}-blue-4: get-rgb-str(@dark-blue-4);
+  @{arco-cssvars-prefix}-blue-5: get-rgb-str(@dark-blue-5);
+  @{arco-cssvars-prefix}-blue-6: get-rgb-str(@dark-blue-6);
+  @{arco-cssvars-prefix}-blue-7: get-rgb-str(@dark-blue-7);
+  @{arco-cssvars-prefix}-blue-8: get-rgb-str(@dark-blue-8);
+  @{arco-cssvars-prefix}-blue-9: get-rgb-str(@dark-blue-9);
+  @{arco-cssvars-prefix}-blue-10: get-rgb-str(@dark-blue-10);
+  @{arco-cssvars-prefix}-arcoblue-1: get-rgb-str(@dark-arcoblue-1);
+  @{arco-cssvars-prefix}-arcoblue-2: get-rgb-str(@dark-arcoblue-2);
+  @{arco-cssvars-prefix}-arcoblue-3: get-rgb-str(@dark-arcoblue-3);
+  @{arco-cssvars-prefix}-arcoblue-4: get-rgb-str(@dark-arcoblue-4);
+  @{arco-cssvars-prefix}-arcoblue-5: get-rgb-str(@dark-arcoblue-5);
+  @{arco-cssvars-prefix}-arcoblue-6: get-rgb-str(@dark-arcoblue-6);
+  @{arco-cssvars-prefix}-arcoblue-7: get-rgb-str(@dark-arcoblue-7);
+  @{arco-cssvars-prefix}-arcoblue-8: get-rgb-str(@dark-arcoblue-8);
+  @{arco-cssvars-prefix}-arcoblue-9: get-rgb-str(@dark-arcoblue-9);
+  @{arco-cssvars-prefix}-arcoblue-10: get-rgb-str(@dark-arcoblue-10);
+  @{arco-cssvars-prefix}-purple-1: get-rgb-str(@dark-purple-1);
+  @{arco-cssvars-prefix}-purple-2: get-rgb-str(@dark-purple-2);
+  @{arco-cssvars-prefix}-purple-3: get-rgb-str(@dark-purple-3);
+  @{arco-cssvars-prefix}-purple-4: get-rgb-str(@dark-purple-4);
+  @{arco-cssvars-prefix}-purple-5: get-rgb-str(@dark-purple-5);
+  @{arco-cssvars-prefix}-purple-6: get-rgb-str(@dark-purple-6);
+  @{arco-cssvars-prefix}-purple-7: get-rgb-str(@dark-purple-7);
+  @{arco-cssvars-prefix}-purple-8: get-rgb-str(@dark-purple-8);
+  @{arco-cssvars-prefix}-purple-9: get-rgb-str(@dark-purple-9);
+  @{arco-cssvars-prefix}-purple-10: get-rgb-str(@dark-purple-10);
+  @{arco-cssvars-prefix}-pinkpurple-1: get-rgb-str(@dark-pinkpurple-1);
+  @{arco-cssvars-prefix}-pinkpurple-2: get-rgb-str(@dark-pinkpurple-2);
+  @{arco-cssvars-prefix}-pinkpurple-3: get-rgb-str(@dark-pinkpurple-3);
+  @{arco-cssvars-prefix}-pinkpurple-4: get-rgb-str(@dark-pinkpurple-4);
+  @{arco-cssvars-prefix}-pinkpurple-5: get-rgb-str(@dark-pinkpurple-5);
+  @{arco-cssvars-prefix}-pinkpurple-6: get-rgb-str(@dark-pinkpurple-6);
+  @{arco-cssvars-prefix}-pinkpurple-7: get-rgb-str(@dark-pinkpurple-7);
+  @{arco-cssvars-prefix}-pinkpurple-8: get-rgb-str(@dark-pinkpurple-8);
+  @{arco-cssvars-prefix}-pinkpurple-9: get-rgb-str(@dark-pinkpurple-9);
+  @{arco-cssvars-prefix}-pinkpurple-10: get-rgb-str(@dark-pinkpurple-10);
+  @{arco-cssvars-prefix}-magenta-1: get-rgb-str(@dark-magenta-1);
+  @{arco-cssvars-prefix}-magenta-2: get-rgb-str(@dark-magenta-2);
+  @{arco-cssvars-prefix}-magenta-3: get-rgb-str(@dark-magenta-3);
+  @{arco-cssvars-prefix}-magenta-4: get-rgb-str(@dark-magenta-4);
+  @{arco-cssvars-prefix}-magenta-5: get-rgb-str(@dark-magenta-5);
+  @{arco-cssvars-prefix}-magenta-6: get-rgb-str(@dark-magenta-6);
+  @{arco-cssvars-prefix}-magenta-7: get-rgb-str(@dark-magenta-7);
+  @{arco-cssvars-prefix}-magenta-8: get-rgb-str(@dark-magenta-8);
+  @{arco-cssvars-prefix}-magenta-9: get-rgb-str(@dark-magenta-9);
+  @{arco-cssvars-prefix}-magenta-10: get-rgb-str(@dark-magenta-10);
+  @{arco-cssvars-prefix}-gray-1: get-rgb-str(@dark-gray-1);
+  @{arco-cssvars-prefix}-gray-2: get-rgb-str(@dark-gray-2);
+  @{arco-cssvars-prefix}-gray-3: get-rgb-str(@dark-gray-3);
+  @{arco-cssvars-prefix}-gray-4: get-rgb-str(@dark-gray-4);
+  @{arco-cssvars-prefix}-gray-5: get-rgb-str(@dark-gray-5);
+  @{arco-cssvars-prefix}-gray-6: get-rgb-str(@dark-gray-6);
+  @{arco-cssvars-prefix}-gray-7: get-rgb-str(@dark-gray-7);
+  @{arco-cssvars-prefix}-gray-8: get-rgb-str(@dark-gray-8);
+  @{arco-cssvars-prefix}-gray-9: get-rgb-str(@dark-gray-9);
+  @{arco-cssvars-prefix}-gray-10: get-rgb-str(@dark-gray-10);
+  @{arco-cssvars-prefix}-primary-1: get-var-str(~'@{dark-primary-1}');
+  @{arco-cssvars-prefix}-primary-2: get-var-str(~'@{dark-primary-2}');
+  @{arco-cssvars-prefix}-primary-3: get-var-str(~'@{dark-primary-3}');
+  @{arco-cssvars-prefix}-primary-4: get-var-str(~'@{dark-primary-4}');
+  @{arco-cssvars-prefix}-primary-5: get-var-str(~'@{dark-primary-5}');
+  @{arco-cssvars-prefix}-primary-6: get-var-str(~'@{dark-primary-6}');
+  @{arco-cssvars-prefix}-primary-7: get-var-str(~'@{dark-primary-7}');
+  @{arco-cssvars-prefix}-primary-8: get-var-str(~'@{dark-primary-8}');
+  @{arco-cssvars-prefix}-primary-9: get-var-str(~'@{dark-primary-9}');
+  @{arco-cssvars-prefix}-primary-10: get-var-str(~'@{dark-primary-10}');
+  @{arco-cssvars-prefix}-success-1: get-var-str(~'@{dark-success-1}');
+  @{arco-cssvars-prefix}-success-2: get-var-str(~'@{dark-success-2}');
+  @{arco-cssvars-prefix}-success-3: get-var-str(~'@{dark-success-3}');
+  @{arco-cssvars-prefix}-success-4: get-var-str(~'@{dark-success-4}');
+  @{arco-cssvars-prefix}-success-5: get-var-str(~'@{dark-success-5}');
+  @{arco-cssvars-prefix}-success-6: get-var-str(~'@{dark-success-6}');
+  @{arco-cssvars-prefix}-success-7: get-var-str(~'@{dark-success-7}');
+  @{arco-cssvars-prefix}-success-8: get-var-str(~'@{dark-success-8}');
+  @{arco-cssvars-prefix}-success-9: get-var-str(~'@{dark-success-9}');
+  @{arco-cssvars-prefix}-success-10: get-var-str(~'@{dark-success-10}');
+  @{arco-cssvars-prefix}-danger-1: get-var-str(~'@{dark-danger-1}');
+  @{arco-cssvars-prefix}-danger-2: get-var-str(~'@{dark-danger-2}');
+  @{arco-cssvars-prefix}-danger-3: get-var-str(~'@{dark-danger-3}');
+  @{arco-cssvars-prefix}-danger-4: get-var-str(~'@{dark-danger-4}');
+  @{arco-cssvars-prefix}-danger-5: get-var-str(~'@{dark-danger-5}');
+  @{arco-cssvars-prefix}-danger-6: get-var-str(~'@{dark-danger-6}');
+  @{arco-cssvars-prefix}-danger-7: get-var-str(~'@{dark-danger-7}');
+  @{arco-cssvars-prefix}-danger-8: get-var-str(~'@{dark-danger-8}');
+  @{arco-cssvars-prefix}-danger-9: get-var-str(~'@{dark-danger-9}');
+  @{arco-cssvars-prefix}-danger-10: get-var-str(~'@{dark-danger-10}');
+  @{arco-cssvars-prefix}-warning-1: get-var-str(~'@{dark-warning-1}');
+  @{arco-cssvars-prefix}-warning-2: get-var-str(~'@{dark-warning-2}');
+  @{arco-cssvars-prefix}-warning-3: get-var-str(~'@{dark-warning-3}');
+  @{arco-cssvars-prefix}-warning-4: get-var-str(~'@{dark-warning-4}');
+  @{arco-cssvars-prefix}-warning-5: get-var-str(~'@{dark-warning-5}');
+  @{arco-cssvars-prefix}-warning-6: get-var-str(~'@{dark-warning-6}');
+  @{arco-cssvars-prefix}-warning-7: get-var-str(~'@{dark-warning-7}');
+  @{arco-cssvars-prefix}-warning-8: get-var-str(~'@{dark-warning-8}');
+  @{arco-cssvars-prefix}-warning-9: get-var-str(~'@{dark-warning-9}');
+  @{arco-cssvars-prefix}-warning-10: get-var-str(~'@{dark-warning-10}');
+  @{arco-cssvars-prefix}-link-1: get-var-str(~'@{dark-link-1}');
+  @{arco-cssvars-prefix}-link-2: get-var-str(~'@{dark-link-2}');
+  @{arco-cssvars-prefix}-link-3: get-var-str(~'@{dark-link-3}');
+  @{arco-cssvars-prefix}-link-4: get-var-str(~'@{dark-link-4}');
+  @{arco-cssvars-prefix}-link-5: get-var-str(~'@{dark-link-5}');
+  @{arco-cssvars-prefix}-link-6: get-var-str(~'@{dark-link-6}');
+  @{arco-cssvars-prefix}-link-7: get-var-str(~'@{dark-link-7}');
+  @{arco-cssvars-prefix}-link-8: get-var-str(~'@{dark-link-8}');
+  @{arco-cssvars-prefix}-link-9: get-var-str(~'@{dark-link-9}');
+  @{arco-cssvars-prefix}-link-10: get-var-str(~'@{dark-link-10}');
+}