pacem-less 0.51.3 → 0.51.4-archimedes

package/pacem/body.less

@@ -2,8 +2,8 @@
 
 &, body {
     font-family: @font_std;
-    background-color: @color_root_background;
-    color: @color_light;
+    background-color: ~"var(--@{PCSS}-color-root)";// @color_root_background;
+    color:~"var(--@{PCSS}-color-default)";//@color_light;
     font-size: @font_size;
 }
 

package/pacem/pacem.less

@@ -152,7 +152,6 @@ html .@{PCSS}-preloader {
 }
 
 @{shell}:root when (@shell_only = false), (@full_theme = true) {
-
     // fonts
     @import "@{fonts}";
 
@@ -183,6 +182,60 @@ html .@{PCSS}-preloader {
     @_size__11: 11px;
     @_size__12: 12px;
 
+    @_colors: root, background, default, invert, primary, secondary, accent, info, success, warning, danger, error, disabled, green, yellow, brown, red, pink, blue, orange, purple, teal, gray;
+
+    & when (@palette_prebuilt = true) {
+
+        --@{PCSS}-prebuilt: true;
+
+        each(@_colors, {
+
+            @_color_var: ~"color_@{value}";
+            @_color_rgb_var: ~"color_@{value}_rgb";
+            @_color_inv_var: ~"color_@{value}_inv";
+            @_color_inv_rgb_var: ~"color_@{value}_inv_rgb";
+            @_color_container_var: ~"color_@{value}_container";
+            @_color_container_rgb_var: ~"color_@{value}_container_rgb";
+            @_color_container_inv_var: ~"color_@{value}_container_inv";
+            @_color_container_inv_rgb_var: ~"color_@{value}_container_inv_rgb";
+            @_color_active_var: ~"color_@{value}_active";
+            @_color_active_rgb_var: ~"color_@{value}_active_rgb";
+            @_color_active_inv_var: ~"color_@{value}_active_inv";
+            @_color_active_inv_rgb_var: ~"color_@{value}_active_inv_rgb";
+            @_color_container_active_var: ~"color_@{value}_container_active";
+            @_color_container_active_rgb_var: ~"color_@{value}_container_active_rgb";
+            @_color_container_active_inv_var: ~"color_@{value}_container_active_inv";
+            @_color_container_active_inv_rgb_var: ~"color_@{value}_container_active_inv_rgb";
+            @_color_emphasis_var: ~"color_@{value}_emphasis";
+            @_color_emphasis_rgb_var: ~"color_@{value}_emphasis_rgb";
+
+            
+        --@{PCSS}-color-@{value}: @@_color_var;
+        --@{PCSS}-color-@{value}-rgb: @@_color_rgb_var;
+        --@{PCSS}-color-@{value}-inverse: @@_color_inv_var;
+        --@{PCSS}-color-@{value}-inverse-rgb: @@_color_inv_rgb_var;
+            
+        --@{PCSS}-color-@{value}-hover: @@_color_active_var;
+        --@{PCSS}-color-@{value}-hover-rgb: @@_color_active_rgb_var;
+        --@{PCSS}-color-@{value}-inverse-hover: @@_color_active_inv_var;
+        --@{PCSS}-color-@{value}-inverse-hover-rgb: @@_color_active_inv_rgb_var;
+            
+        --@{PCSS}-color-@{value}-emphasis-hover: @@_color_emphasis_var;
+        --@{PCSS}-color-@{value}-emphasis-hover-rgb: @@_color_emphasis_rgb_var;
+
+        --@{PCSS}-color-@{value}-container: @@_color_container_var;
+        --@{PCSS}-color-@{value}-container-rgb: @@_color_container_rgb_var;
+        --@{PCSS}-color-@{value}-container-inverse: @@_color_container_inv_var;
+        --@{PCSS}-color-@{value}-container-inverse-rgb: @@_color_container_inv_rgb_var;
+            
+        --@{PCSS}-color-@{value}-container-hover: @@_color_container_active_var;
+        --@{PCSS}-color-@{value}-container-hover-rgb: @@_color_container_active_rgb_var;
+        --@{PCSS}-color-@{value}-container-inverse-hover: @@_color_container_active_inv_var;
+        --@{PCSS}-color-@{value}-container-inverse-hover-rgb: @@_color_container_active_inv_rgb_var;
+        });
+    }
+
+
     @_dark_cont_amount: 70; // how much black to add (background)
     @_dark_on_amount: 60; // how much white to add (foreground)
     @_dark_cont_amount_hover: 15; // how much white to add (background) hover/focus/active state
@@ -203,6 +256,10 @@ html .@{PCSS}-preloader {
         --@{PCSS}-color-@{key}-rgb: @_r, @_g, @_b;
     }
 
+    & when(@palette_prebuilt = false){
+        
+        --@{PCSS}-prebuilt: false;
+
 @__color_background: @color_background;
 @__color_background_inv: @color_default;
 @__color_root: @color_root_background;
@@ -251,8 +308,6 @@ html .@{PCSS}-preloader {
 @__color_gray: @palette_gray;
 @__color_gray_inv: @palette_gray_inv;
 
-@_colors: root, background, default, invert, primary, secondary, accent, info, success, warning, danger, error, disabled, green, yellow, brown, red, pink, blue, orange, purple, teal, gray;
-
 // basic palette
 each(@_colors, {
         
@@ -289,12 +344,13 @@ each(@_colors, {
         .ChannelizeColor(~"@{value}-container-inverse-hover", @_color_container_inv_hover);
 
     });
-
+}
 --@{PCSS}-color-disabled-button: @color_button_back_disabled;
 .ChannelizeColor(disabled-button, @color_button_back_disabled);
 --@{PCSS}-color-disabled-button-inverse: @color_button_fore_disabled;
 .ChannelizeColor(disabled-button-inverse, @color_button_fore_disabled);
 --@{PCSS}-color-border: @color_border;
+
 // spacing + sizing
 --@{PCSS}-grid-cell: @grid_cell;
 --@{PCSS}-grid-spacing: @grid_spacing;

package/pacem/palette-dark.less

@@ -0,0 +1,415 @@
+@palette_prebuilt: true;
+@color_background: #1E2336;
+@color_background_rgb: 30, 35, 54;
+@color_background_inv: #FFFFFF;
+@color_background_inv_rgb: 255, 255, 255;
+@color_background_container: #414C75;
+@color_background_container_rgb: 65, 76, 117;
+@color_background_container_inv: #B6BDD7;
+@color_background_container_inv_rgb: 182, 189, 215;
+@color_background_active: #363F62;
+@color_background_active_rgb: 54, 63, 98;
+@color_background_active_inv: #D1D5E5;
+@color_background_active_inv_rgb: 209, 213, 229;
+@color_background_container_active: #4E5B8C;
+@color_background_container_active_rgb: 78, 91, 140;
+@color_background_container_active_inv: #FFFFFF;
+@color_background_container_active_inv_rgb: 255, 255, 255;
+@color_background_emphasis: #001254;
+@color_background_emphasis_rgb: 0, 18, 84;
+@color_primary: #429BBB;
+@color_primary_rgb: 66, 155, 187;
+@color_primary_inv: #000000;
+@color_primary_inv_rgb: 0, 0, 0;
+@color_primary_container: #235364;
+@color_primary_container_rgb: 35, 83, 100;
+@color_primary_container_inv: #92C6D8;
+@color_primary_container_inv_rgb: 146, 198, 216;
+@color_primary_active: #4FA3C1;
+@color_primary_active_rgb: 79, 163, 193;
+@color_primary_active_inv: #04090B;
+@color_primary_active_inv_rgb: 4, 9, 11;
+@color_primary_container_active: #2B6479;
+@color_primary_container_active_rgb: 43, 100, 121;
+@color_primary_container_active_inv: #FFFFFF;
+@color_primary_container_active_inv_rgb: 255, 255, 255;
+@color_primary_emphasis: #00BAFD;
+@color_primary_emphasis_rgb: 0, 186, 253;
+@color_secondary: #88A0A8;
+@color_secondary_rgb: 136, 160, 168;
+@color_secondary_inv: #0C1011;
+@color_secondary_inv_rgb: 12, 16, 17;
+@color_secondary_container: #3F5056;
+@color_secondary_container_rgb: 63, 80, 86;
+@color_secondary_container_inv: #B1C0C6;
+@color_secondary_container_inv_rgb: 177, 192, 198;
+@color_secondary_active: #91A7AF;
+@color_secondary_active_rgb: 145, 167, 175;
+@color_secondary_active_inv: #141A1C;
+@color_secondary_active_inv_rgb: 20, 26, 28;
+@color_secondary_container_active: #4C6168;
+@color_secondary_container_active_rgb: 76, 97, 104;
+@color_secondary_container_active_inv: #FFFFFF;
+@color_secondary_container_active_inv_rgb: 255, 255, 255;
+@color_secondary_emphasis: #32CAFF;
+@color_secondary_emphasis_rgb: 50, 202, 255;
+@color_accent: #FF0085;
+@color_accent_rgb: 255, 0, 133;
+@color_accent_inv: #000000;
+@color_accent_inv_rgb: 0, 0, 0;
+@color_accent_container: #9A0051;
+@color_accent_container_rgb: 154, 0, 81;
+@color_accent_container_inv: #FFA1D2;
+@color_accent_container_inv_rgb: 255, 161, 210;
+@color_accent_active: #FF379F;
+@color_accent_active_rgb: 255, 55, 159;
+@color_accent_active_inv: #000000;
+@color_accent_active_inv_rgb: 0, 0, 0;
+@color_accent_container_active: #B80060;
+@color_accent_container_active_rgb: 184, 0, 96;
+@color_accent_container_active_inv: #FFFFFF;
+@color_accent_container_active_inv_rgb: 255, 255, 255;
+@color_accent_emphasis: #FF0085;
+@color_accent_emphasis_rgb: 255, 0, 133;
+@color_success: #4DC2B4;
+@color_success_rgb: 77, 194, 180;
+@color_success_inv: #0F2A27;
+@color_success_inv_rgb: 15, 42, 39;
+@color_success_container: #1D564F;
+@color_success_container_rgb: 29, 86, 79;
+@color_success_container_inv: #6FCEC2;
+@color_success_container_inv_rgb: 111, 206, 194;
+@color_success_active: #5DC7BB;
+@color_success_active_rgb: 93, 199, 187;
+@color_success_active_inv: #10302C;
+@color_success_active_inv_rgb: 16, 48, 44;
+@color_success_container_active: #23685F;
+@color_success_container_active_rgb: 35, 104, 95;
+@color_success_container_active_inv: #FFFFFF;
+@color_success_container_active_inv_rgb: 255, 255, 255;
+@color_success_emphasis: #10FFE2;
+@color_success_emphasis_rgb: 16, 255, 226;
+@color_warning: #C5C023;
+@color_warning_rgb: 197, 192, 35;
+@color_warning_inv: #323009;
+@color_warning_inv_rgb: 50, 48, 9;
+@color_warning_container: #52500F;
+@color_warning_container_rgb: 82, 80, 15;
+@color_warning_container_inv: #C8C324;
+@color_warning_container_inv_rgb: 200, 195, 36;
+@color_warning_active: #CBC624;
+@color_warning_active_rgb: 203, 198, 36;
+@color_warning_active_inv: #36350A;
+@color_warning_active_inv_rgb: 54, 53, 10;
+@color_warning_container_active: #626011;
+@color_warning_container_active_rgb: 98, 96, 17;
+@color_warning_container_active_inv: #FFFFFF;
+@color_warning_container_active_inv_rgb: 255, 255, 255;
+@color_warning_emphasis: #E8E100;
+@color_warning_emphasis_rgb: 232, 225, 0;
+@color_error: #E879A1;
+@color_error_rgb: 232, 121, 161;
+@color_error_inv: #21060F;
+@color_error_inv_rgb: 33, 6, 15;
+@color_error_container: #941A47;
+@color_error_container_rgb: 148, 26, 71;
+@color_error_container_inv: #F0AAC4;
+@color_error_container_inv_rgb: 240, 170, 196;
+@color_error_active: #EA84A9;
+@color_error_active_rgb: 234, 132, 169;
+@color_error_active_inv: #330918;
+@color_error_active_inv_rgb: 51, 9, 24;
+@color_error_container_active: #B11F55;
+@color_error_container_active_rgb: 177, 31, 85;
+@color_error_container_active_inv: #FFFFFF;
+@color_error_container_active_inv_rgb: 255, 255, 255;
+@color_error_emphasis: #FF619B;
+@color_error_emphasis_rgb: 255, 97, 155;
+@color_danger: #FA1F1F;
+@color_danger_rgb: 250, 31, 31;
+@color_danger_inv: #000000;
+@color_danger_inv_rgb: 0, 0, 0;
+@color_danger_container: #9F0404;
+@color_danger_container_rgb: 159, 4, 4;
+@color_danger_container_inv: #FDA7A7;
+@color_danger_container_inv_rgb: 253, 167, 167;
+@color_danger_active: #FB4343;
+@color_danger_active_rgb: 251, 67, 67;
+@color_danger_active_inv: #000000;
+@color_danger_active_inv_rgb: 0, 0, 0;
+@color_danger_container_active: #BE0404;
+@color_danger_container_active_rgb: 190, 4, 4;
+@color_danger_container_active_inv: #FFFFFF;
+@color_danger_container_active_inv_rgb: 255, 255, 255;
+@color_danger_emphasis: #FF1A1A;
+@color_danger_emphasis_rgb: 255, 26, 26;
+@color_disabled: #9A9CA5;
+@color_disabled_rgb: 154, 156, 165;
+@color_disabled_inv: #737582;
+@color_disabled_inv_rgb: 115, 117, 130;
+@color_disabled_container: #4C4D55;
+@color_disabled_container_rgb: 76, 77, 85;
+@color_disabled_container_inv: #BCBDC4;
+@color_disabled_container_inv_rgb: 188, 189, 196;
+@color_disabled_active: #A2A3AC;
+@color_disabled_active_rgb: 162, 163, 172;
+@color_disabled_active_inv: #797B88;
+@color_disabled_active_inv_rgb: 121, 123, 136;
+@color_disabled_container_active: #5B5D67;
+@color_disabled_container_active_rgb: 91, 93, 103;
+@color_disabled_container_active_inv: #7E808C;
+@color_disabled_container_active_inv_rgb: 126, 128, 140;
+@color_disabled_emphasis: #415CFF;
+@color_disabled_emphasis_rgb: 65, 92, 255;
+@color_info: #99D4FF;
+@color_info_rgb: 153, 212, 255;
+@color_info_inv: #003D6A;
+@color_info_inv_rgb: 0, 61, 106;
+@color_info_container: #00508A;
+@color_info_container_rgb: 0, 80, 138;
+@color_info_container_inv: #76C5FF;
+@color_info_container_inv_rgb: 118, 197, 255;
+@color_info_active: #A4D9FF;
+@color_info_active_rgb: 164, 217, 255;
+@color_info_active_inv: #004170;
+@color_info_active_inv_rgb: 0, 65, 112;
+@color_info_container_active: #005FA5;
+@color_info_container_active_rgb: 0, 95, 165;
+@color_info_container_active_inv: #FFFFFF;
+@color_info_container_active_inv_rgb: 255, 255, 255;
+@color_info_emphasis: #99D4FF;
+@color_info_emphasis_rgb: 153, 212, 255;
+@color_green: #1EBB8F;
+@color_green_rgb: 30, 187, 143;
+@color_green_inv: #052018;
+@color_green_inv_rgb: 5, 32, 24;
+@color_green_container: #0E5843;
+@color_green_container_rgb: 14, 88, 67;
+@color_green_container_inv: #22D6A4;
+@color_green_container_inv_rgb: 34, 214, 164;
+@color_green_active: #1FC395;
+@color_green_active_rgb: 31, 195, 149;
+@color_green_active_inv: #06271E;
+@color_green_active_inv_rgb: 6, 39, 30;
+@color_green_container_active: #116A51;
+@color_green_container_active_rgb: 17, 106, 81;
+@color_green_container_active_inv: #FFFFFF;
+@color_green_container_active_inv_rgb: 255, 255, 255;
+@color_green_emphasis: #00D99C;
+@color_green_emphasis_rgb: 0, 217, 156;
+@color_yellow: #C2B010;
+@color_yellow_rgb: 194, 176, 16;
+@color_yellow_inv: #292503;
+@color_yellow_inv_rgb: 41, 37, 3;
+@color_yellow_container: #564E07;
+@color_yellow_container_rgb: 86, 78, 7;
+@color_yellow_container_inv: #D3BF11;
+@color_yellow_container_inv_rgb: 211, 191, 17;
+@color_yellow_active: #C9B611;
+@color_yellow_active_rgb: 201, 182, 17;
+@color_yellow_active_inv: #2F2A04;
+@color_yellow_active_inv_rgb: 47, 42, 4;
+@color_yellow_container_active: #685E09;
+@color_yellow_container_active_rgb: 104, 94, 9;
+@color_yellow_container_active_inv: #FFFFFF;
+@color_yellow_container_active_inv_rgb: 255, 255, 255;
+@color_yellow_emphasis: #D2BD00;
+@color_yellow_emphasis_rgb: 210, 189, 0;
+@color_brown: #A6715E;
+@color_brown_rgb: 166, 113, 94;
+@color_brown_inv: #000000;
+@color_brown_inv_rgb: 0, 0, 0;
+@color_brown_container: #674539;
+@color_brown_container_rgb: 103, 69, 57;
+@color_brown_container_inv: #D3B8AF;
+@color_brown_container_inv_rgb: 211, 184, 175;
+@color_brown_active: #AD7C6A;
+@color_brown_active_rgb: 173, 124, 106;
+@color_brown_active_inv: #000000;
+@color_brown_active_inv_rgb: 0, 0, 0;
+@color_brown_container_active: #7C5345;
+@color_brown_container_active_rgb: 124, 83, 69;
+@color_brown_container_active_inv: #FFFFFF;
+@color_brown_container_active_inv_rgb: 255, 255, 255;
+@color_brown_emphasis: #FF4705;
+@color_brown_emphasis_rgb: 255, 71, 5;
+@color_red: #EC7B7B;
+@color_red_rgb: 236, 123, 123;
+@color_red_inv: #230505;
+@color_red_inv_rgb: 35, 5, 5;
+@color_red_container: #9A1616;
+@color_red_container_rgb: 154, 22, 22;
+@color_red_container_inv: #F3ABAB;
+@color_red_container_inv_rgb: 243, 171, 171;
+@color_red_active: #ED8686;
+@color_red_active_rgb: 237, 134, 134;
+@color_red_active_inv: #360808;
+@color_red_active_inv_rgb: 54, 8, 8;
+@color_red_container_active: #B81B1B;
+@color_red_container_active_rgb: 184, 27, 27;
+@color_red_container_active_inv: #FFFFFF;
+@color_red_container_active_inv_rgb: 255, 255, 255;
+@color_red_emphasis: #FF6767;
+@color_red_emphasis_rgb: 255, 103, 103;
+@color_pink: #FF0085;
+@color_pink_rgb: 255, 0, 133;
+@color_pink_inv: #000000;
+@color_pink_inv_rgb: 0, 0, 0;
+@color_pink_container: #9A0051;
+@color_pink_container_rgb: 154, 0, 81;
+@color_pink_container_inv: #FFA1D2;
+@color_pink_container_inv_rgb: 255, 161, 210;
+@color_pink_active: #FF379F;
+@color_pink_active_rgb: 255, 55, 159;
+@color_pink_active_inv: #000000;
+@color_pink_active_inv_rgb: 0, 0, 0;
+@color_pink_container_active: #B80060;
+@color_pink_container_active_rgb: 184, 0, 96;
+@color_pink_container_active_inv: #FFFFFF;
+@color_pink_container_active_inv_rgb: 255, 255, 255;
+@color_pink_emphasis: #FF0085;
+@color_pink_emphasis_rgb: 255, 0, 133;
+@color_blue: #1AA9D5;
+@color_blue_rgb: 26, 169, 213;
+@color_blue_inv: #031115;
+@color_blue_inv_rgb: 3, 17, 21;
+@color_blue_container: #0D546A;
+@color_blue_container_rgb: 13, 84, 106;
+@color_blue_container_inv: #61CBEC;
+@color_blue_container_inv_rgb: 97, 203, 236;
+@color_blue_active: #1BB0DF;
+@color_blue_active_rgb: 27, 176, 223;
+@color_blue_active_inv: #041C23;
+@color_blue_active_inv_rgb: 4, 28, 35;
+@color_blue_container_active: #106580;
+@color_blue_container_active_rgb: 16, 101, 128;
+@color_blue_container_active_inv: #FFFFFF;
+@color_blue_container_active_inv_rgb: 255, 255, 255;
+@color_blue_emphasis: #00B6EF;
+@color_blue_emphasis_rgb: 0, 182, 239;
+@color_orange: #D46D00;
+@color_orange_rgb: 212, 109, 0;
+@color_orange_inv: #000000;
+@color_orange_inv_rgb: 0, 0, 0;
+@color_orange_container: #793E00;
+@color_orange_container_rgb: 121, 62, 0;
+@color_orange_container_inv: #FFAC54;
+@color_orange_container_inv_rgb: 255, 172, 84;
+@color_orange_active: #E17400;
+@color_orange_active_rgb: 225, 116, 0;
+@color_orange_active_inv: #000000;
+@color_orange_active_inv_rgb: 0, 0, 0;
+@color_orange_container_active: #914B00;
+@color_orange_container_active_rgb: 145, 75, 0;
+@color_orange_container_active_inv: #FFFFFF;
+@color_orange_container_active_inv_rgb: 255, 255, 255;
+@color_orange_emphasis: #D46D00;
+@color_orange_emphasis_rgb: 212, 109, 0;
+@color_purple: #AF92BE;
+@color_purple_rgb: 175, 146, 190;
+@color_purple_inv: #120D15;
+@color_purple_inv_rgb: 18, 13, 21;
+@color_purple_container: #5F426F;
+@color_purple_container_rgb: 95, 66, 111;
+@color_purple_container_inv: #CAB7D4;
+@color_purple_container_inv_rgb: 202, 183, 212;
+@color_purple_active: #B49AC3;
+@color_purple_active_rgb: 180, 154, 195;
+@color_purple_active_inv: #1F1524;
+@color_purple_active_inv_rgb: 31, 21, 36;
+@color_purple_container_active: #735085;
+@color_purple_container_active_rgb: 115, 80, 133;
+@color_purple_container_active_inv: #FFFFFF;
+@color_purple_container_active_inv_rgb: 255, 255, 255;
+@color_purple_emphasis: #C251FF;
+@color_purple_emphasis_rgb: 194, 81, 255;
+@color_teal: #429BBB;
+@color_teal_rgb: 66, 155, 187;
+@color_teal_inv: #000000;
+@color_teal_inv_rgb: 0, 0, 0;
+@color_teal_container: #235364;
+@color_teal_container_rgb: 35, 83, 100;
+@color_teal_container_inv: #92C6D8;
+@color_teal_container_inv_rgb: 146, 198, 216;
+@color_teal_active: #4FA3C1;
+@color_teal_active_rgb: 79, 163, 193;
+@color_teal_active_inv: #04090B;
+@color_teal_active_inv_rgb: 4, 9, 11;
+@color_teal_container_active: #2B6479;
+@color_teal_container_active_rgb: 43, 100, 121;
+@color_teal_container_active_inv: #FFFFFF;
+@color_teal_container_active_inv_rgb: 255, 255, 255;
+@color_teal_emphasis: #00BAFD;
+@color_teal_emphasis_rgb: 0, 186, 253;
+@color_gray: #808080;
+@color_gray_rgb: 128, 128, 128;
+@color_gray_inv: #000000;
+@color_gray_inv_rgb: 0, 0, 0;
+@color_gray_container: #4D4D4D;
+@color_gray_container_rgb: 77, 77, 77;
+@color_gray_container_inv: #BEBEBE;
+@color_gray_container_inv_rgb: 190, 190, 190;
+@color_gray_active: #898989;
+@color_gray_active_rgb: 137, 137, 137;
+@color_gray_active_inv: #000000;
+@color_gray_active_inv_rgb: 0, 0, 0;
+@color_gray_container_active: #5D5D5D;
+@color_gray_container_active_rgb: 93, 93, 93;
+@color_gray_container_active_inv: #FFFFFF;
+@color_gray_container_active_inv_rgb: 255, 255, 255;
+@color_gray_emphasis: #FF0101;
+@color_gray_emphasis_rgb: 255, 1, 1;
+@color_root: #191D2C;
+@color_root_rgb: 25, 29, 44;
+@color_root_inv: #FFFFFF;
+@color_root_inv_rgb: 255, 255, 255;
+@color_root_container: #414C75;
+@color_root_container_rgb: 65, 76, 117;
+@color_root_container_inv: #B6BDD7;
+@color_root_container_inv_rgb: 182, 189, 215;
+@color_root_active: #343C5D;
+@color_root_active_rgb: 52, 60, 93;
+@color_root_active_inv: #CBD0E2;
+@color_root_active_inv_rgb: 203, 208, 226;
+@color_root_container_active: #4E5B8C;
+@color_root_container_active_rgb: 78, 91, 140;
+@color_root_container_active_inv: #FFFFFF;
+@color_root_container_active_inv_rgb: 255, 255, 255;
+@color_root_emphasis: #000E45;
+@color_root_emphasis_rgb: 0, 14, 69;
+@color_default: #FFFFFF;
+@color_default_rgb: 255, 255, 255;
+@color_default_inv: #191D2C;
+@color_default_inv_rgb: 25, 29, 44;
+@color_default_container: #B6BDD7;
+@color_default_container_rgb: 182, 189, 215;
+@color_default_container_inv: #414C75;
+@color_default_container_inv_rgb: 65, 76, 117;
+@color_default_active: #CBD0E2;
+@color_default_active_rgb: 203, 208, 226;
+@color_default_active_inv: #343C5D;
+@color_default_active_inv_rgb: 52, 60, 93;
+@color_default_container_active: #FFFFFF;
+@color_default_container_active_rgb: 255, 255, 255;
+@color_default_container_active_inv: #4E5B8C;
+@color_default_container_active_inv_rgb: 78, 91, 140;
+@color_default_emphasis: #FFFFFF;
+@color_default_emphasis_rgb: 255, 255, 255;
+@color_invert: #FFFFFF;
+@color_invert_rgb: 255, 255, 255;
+@color_invert_inv: #191D2C;
+@color_invert_inv_rgb: 25, 29, 44;
+@color_invert_container: #B6BDD7;
+@color_invert_container_rgb: 182, 189, 215;
+@color_invert_container_inv: #414C75;
+@color_invert_container_inv_rgb: 65, 76, 117;
+@color_invert_active: #CBD0E2;
+@color_invert_active_rgb: 203, 208, 226;
+@color_invert_active_inv: #343C5D;
+@color_invert_active_inv_rgb: 52, 60, 93;
+@color_invert_container_active: #FFFFFF;
+@color_invert_container_active_rgb: 255, 255, 255;
+@color_invert_container_active_inv: #4E5B8C;
+@color_invert_container_active_inv_rgb: 78, 91, 140;
+@color_invert_emphasis: #FFFFFF;
+@color_invert_emphasis_rgb: 255, 255, 255;

package/pacem/palette-light.less

@@ -0,0 +1,415 @@
+@palette_prebuilt: true;
+@color_background: #FEFEFF;
+@color_background_rgb: 254, 254, 255;
+@color_background_inv: #171B2A;
+@color_background_inv_rgb: 23, 27, 42;
+@color_background_container: #B4BBD5;
+@color_background_container_rgb: 180, 187, 213;
+@color_background_container_inv: #404A72;
+@color_background_container_inv_rgb: 64, 74, 114;
+@color_background_active: #F6F7FA;
+@color_background_active_rgb: 246, 247, 250;
+@color_background_active_inv: #47527F;
+@color_background_active_inv_rgb: 71, 82, 127;
+@color_background_container_active: #A7AFCE;
+@color_background_container_active_rgb: 167, 175, 206;
+@color_background_container_active_inv: #202539;
+@color_background_container_active_inv_rgb: 32, 37, 57;
+@color_background_emphasis: #FEFEFF;
+@color_background_emphasis_rgb: 254, 254, 255;
+@color_primary: #357D96;
+@color_primary_rgb: 53, 125, 150;
+@color_primary_inv: #FFFFFF;
+@color_primary_inv_rgb: 255, 255, 255;
+@color_primary_container: #8EC4D7;
+@color_primary_container_rgb: 142, 196, 215;
+@color_primary_container_inv: #235262;
+@color_primary_container_inv_rgb: 35, 82, 98;
+@color_primary_active: #2A6378;
+@color_primary_active_rgb: 42, 99, 120;
+@color_primary_active_inv: #FFFFFF;
+@color_primary_active_inv_rgb: 255, 255, 255;
+@color_primary_container_active: #79B9D0;
+@color_primary_container_active_rgb: 121, 185, 208;
+@color_primary_container_active_inv: #112931;
+@color_primary_container_active_inv_rgb: 17, 41, 49;
+@color_primary_emphasis: #0096CB;
+@color_primary_emphasis_rgb: 0, 150, 203;
+@color_secondary: #5E7881;
+@color_secondary_rgb: 94, 120, 129;
+@color_secondary_inv: #FFFFFF;
+@color_secondary_inv_rgb: 255, 255, 255;
+@color_secondary_container: #AEBEC4;
+@color_secondary_container_rgb: 174, 190, 196;
+@color_secondary_container_inv: #3E4F55;
+@color_secondary_container_inv_rgb: 62, 79, 85;
+@color_secondary_active: #4B5F66;
+@color_secondary_active_rgb: 75, 95, 102;
+@color_secondary_active_inv: #FFFFFF;
+@color_secondary_active_inv_rgb: 255, 255, 255;
+@color_secondary_container_active: #A0B3BA;
+@color_secondary_container_active_rgb: 160, 179, 186;
+@color_secondary_container_active_inv: #1E272A;
+@color_secondary_container_active_inv_rgb: 30, 39, 42;
+@color_secondary_emphasis: #00A6DF;
+@color_secondary_emphasis_rgb: 0, 166, 223;
+@color_accent: #E20076;
+@color_accent_rgb: 226, 0, 118;
+@color_accent_inv: #FFFFFF;
+@color_accent_inv_rgb: 255, 255, 255;
+@color_accent_container: #FF9DD0;
+@color_accent_container_rgb: 255, 157, 208;
+@color_accent_container_inv: #98004F;
+@color_accent_container_inv_rgb: 152, 0, 79;
+@color_accent_active: #B6005F;
+@color_accent_active_rgb: 182, 0, 95;
+@color_accent_active_inv: #FFFFFF;
+@color_accent_active_inv_rgb: 255, 255, 255;
+@color_accent_container_active: #FF89C7;
+@color_accent_container_active_rgb: 255, 137, 199;
+@color_accent_container_active_inv: #50002A;
+@color_accent_container_active_inv_rgb: 80, 0, 42;
+@color_accent_emphasis: #E20076;
+@color_accent_emphasis_rgb: 226, 0, 118;
+@color_success: #2C8177;
+@color_success_rgb: 44, 129, 119;
+@color_success_inv: #FFFFFF;
+@color_success_inv_rgb: 255, 255, 255;
+@color_success_container: #6ACCC0;
+@color_success_container_rgb: 106, 204, 192;
+@color_success_container_inv: #1D544E;
+@color_success_container_inv_rgb: 29, 84, 78;
+@color_success_active: #23675F;
+@color_success_active_rgb: 35, 103, 95;
+@color_success_active_inv: #FFFFFF;
+@color_success_active_inv_rgb: 255, 255, 255;
+@color_success_container_active: #4CC2B4;
+@color_success_container_active_rgb: 76, 194, 180;
+@color_success_container_active_inv: #0E2A27;
+@color_success_container_active_inv_rgb: 14, 42, 39;
+@color_success_emphasis: #00AD98;
+@color_success_emphasis_rgb: 0, 173, 152;
+@color_warning: #7A7716;
+@color_warning_rgb: 122, 119, 22;
+@color_warning_inv: #FFFFFF;
+@color_warning_inv_rgb: 255, 255, 255;
+@color_warning_container: #C6C123;
+@color_warning_container_rgb: 198, 193, 35;
+@color_warning_container_inv: #504E0E;
+@color_warning_container_inv_rgb: 80, 78, 14;
+@color_warning_active: #625F11;
+@color_warning_active_rgb: 98, 95, 17;
+@color_warning_active_inv: #FFFFFF;
+@color_warning_active_inv_rgb: 255, 255, 255;
+@color_warning_container_active: #B9B421;
+@color_warning_container_active_rgb: 185, 180, 33;
+@color_warning_container_active_inv: #282707;
+@color_warning_container_active_inv_rgb: 40, 39, 7;
+@color_warning_emphasis: #908C00;
+@color_warning_emphasis_rgb: 144, 140, 0;
+@color_error: #BF215B;
+@color_error_rgb: 191, 33, 91;
+@color_error_inv: #FFFFFF;
+@color_error_inv_rgb: 255, 255, 255;
+@color_error_container: #F0A7C2;
+@color_error_container_rgb: 240, 167, 194;
+@color_error_container_inv: #921945;
+@color_error_container_inv_rgb: 146, 25, 69;
+@color_error_active: #881741;
+@color_error_active_rgb: 136, 23, 65;
+@color_error_active_inv: #F8D6E2;
+@color_error_active_inv_rgb: 248, 214, 226;
+@color_error_container_active: #ED96B6;
+@color_error_container_active_rgb: 237, 150, 182;
+@color_error_container_active_inv: #4B0D24;
+@color_error_container_active_inv_rgb: 75, 13, 36;
+@color_error_emphasis: #E00052;
+@color_error_emphasis_rgb: 224, 0, 82;
+@color_danger: #E90505;
+@color_danger_rgb: 233, 5, 5;
+@color_danger_inv: #FFFFFF;
+@color_danger_inv_rgb: 255, 255, 255;
+@color_danger_container: #FDA4A4;
+@color_danger_container_rgb: 253, 164, 164;
+@color_danger_container_inv: #9D0303;
+@color_danger_container_inv_rgb: 157, 3, 3;
+@color_danger_active: #BC0404;
+@color_danger_active_rgb: 188, 4, 4;
+@color_danger_active_inv: #FFFFFF;
+@color_danger_active_inv_rgb: 255, 255, 255;
+@color_danger_container_active: #FD9292;
+@color_danger_container_active_rgb: 253, 146, 146;
+@color_danger_container_active_inv: #530202;
+@color_danger_container_active_inv_rgb: 83, 2, 2;
+@color_danger_emphasis: #EE0000;
+@color_danger_emphasis_rgb: 238, 0, 0;
+@color_disabled: #6F717D;
+@color_disabled_rgb: 111, 113, 125;
+@color_disabled_inv: #9597A1;
+@color_disabled_inv_rgb: 149, 151, 161;
+@color_disabled_container: #BABBC2;
+@color_disabled_container_rgb: 186, 187, 194;
+@color_disabled_container_inv: #4A4C54;
+@color_disabled_container_inv_rgb: 74, 76, 84;
+@color_disabled_active: #575962;
+@color_disabled_active_rgb: 87, 89, 98;
+@color_disabled_active_inv: #797B88;
+@color_disabled_active_inv_rgb: 121, 123, 136;
+@color_disabled_container_active: #AEAFB7;
+@color_disabled_container_active_rgb: 174, 175, 183;
+@color_disabled_container_active_inv: #848692;
+@color_disabled_container_active_inv_rgb: 132, 134, 146;
+@color_disabled_emphasis: #0022EC;
+@color_disabled_emphasis_rgb: 0, 34, 236;
+@color_info: #0077CD;
+@color_info_rgb: 0, 119, 205;
+@color_info_inv: #FFFFFF;
+@color_info_inv_rgb: 255, 255, 255;
+@color_info_container: #72C3FF;
+@color_info_container_rgb: 114, 195, 255;
+@color_info_container_inv: #004E87;
+@color_info_container_inv_rgb: 0, 78, 135;
+@color_info_active: #005FA4;
+@color_info_active_rgb: 0, 95, 164;
+@color_info_active_inv: #FFFFFF;
+@color_info_active_inv_rgb: 255, 255, 255;
+@color_info_container_active: #56B8FF;
+@color_info_container_active_rgb: 86, 184, 255;
+@color_info_container_active_inv: #002744;
+@color_info_container_active_inv_rgb: 0, 39, 68;
+@color_info_emphasis: #0077CD;
+@color_info_emphasis_rgb: 0, 119, 205;
+@color_green: #158465;
+@color_green_rgb: 21, 132, 101;
+@color_green_inv: #FFFFFF;
+@color_green_inv_rgb: 255, 255, 255;
+@color_green_container: #22D4A2;
+@color_green_container_rgb: 34, 212, 162;
+@color_green_container_inv: #0E5742;
+@color_green_container_inv_rgb: 14, 87, 66;
+@color_green_active: #116950;
+@color_green_active_rgb: 17, 105, 80;
+@color_green_active_inv: #FFFFFF;
+@color_green_active_inv_rgb: 255, 255, 255;
+@color_green_container_active: #20C798;
+@color_green_container_active_rgb: 32, 199, 152;
+@color_green_container_active_inv: #072B21;
+@color_green_container_active_inv_rgb: 7, 43, 33;
+@color_green_emphasis: #00996E;
+@color_green_emphasis_rgb: 0, 153, 110;
+@color_yellow: #81750B;
+@color_yellow_rgb: 129, 117, 11;
+@color_yellow_inv: #FFFFFF;
+@color_yellow_inv_rgb: 255, 255, 255;
+@color_yellow_container: #D1BD11;
+@color_yellow_container_rgb: 209, 189, 17;
+@color_yellow_container_inv: #554D07;
+@color_yellow_container_inv_rgb: 85, 77, 7;
+@color_yellow_active: #675D08;
+@color_yellow_active_rgb: 103, 93, 8;
+@color_yellow_active_inv: #FFFFFF;
+@color_yellow_active_inv_rgb: 255, 255, 255;
+@color_yellow_container_active: #C4B210;
+@color_yellow_container_active_rgb: 196, 178, 16;
+@color_yellow_container_active_inv: #2A2603;
+@color_yellow_container_active_inv_rgb: 42, 38, 3;
+@color_yellow_emphasis: #8C7E00;
+@color_yellow_emphasis_rgb: 140, 126, 0;
+@color_brown: #9B6856;
+@color_brown_rgb: 155, 104, 86;
+@color_brown_inv: #FFFFFF;
+@color_brown_inv_rgb: 255, 255, 255;
+@color_brown_container: #D1B6AC;
+@color_brown_container_rgb: 209, 182, 172;
+@color_brown_container_inv: #654438;
+@color_brown_container_inv_rgb: 101, 68, 56;
+@color_brown_active: #7B5344;
+@color_brown_active_rgb: 123, 83, 68;
+@color_brown_active_inv: #FFFFFF;
+@color_brown_active_inv_rgb: 255, 255, 255;
+@color_brown_container_active: #C9A99E;
+@color_brown_container_active_rgb: 201, 169, 158;
+@color_brown_container_active_inv: #32221C;
+@color_brown_container_active_inv_rgb: 50, 34, 28;
+@color_brown_emphasis: #F03F00;
+@color_brown_emphasis_rgb: 240, 63, 0;
+@color_red: #DD2020;
+@color_red_rgb: 221, 32, 32;
+@color_red_inv: #FFFFFF;
+@color_red_inv_rgb: 255, 255, 255;
+@color_red_container: #F2A8A8;
+@color_red_container_rgb: 242, 168, 168;
+@color_red_container_inv: #971616;
+@color_red_container_inv_rgb: 151, 22, 22;
+@color_red_active: #AE1919;
+@color_red_active_rgb: 174, 25, 25;
+@color_red_active_inv: #FFFDFD;
+@color_red_active_inv_rgb: 255, 253, 253;
+@color_red_container_active: #F09898;
+@color_red_container_active_rgb: 240, 152, 152;
+@color_red_container_active_inv: #4E0B0B;
+@color_red_container_active_inv_rgb: 78, 11, 11;
+@color_red_emphasis: #FD0000;
+@color_red_emphasis_rgb: 253, 0, 0;
+@color_pink: #E20076;
+@color_pink_rgb: 226, 0, 118;
+@color_pink_inv: #FFFFFF;
+@color_pink_inv_rgb: 255, 255, 255;
+@color_pink_container: #FF9DD0;
+@color_pink_container_rgb: 255, 157, 208;
+@color_pink_container_inv: #98004F;
+@color_pink_container_inv_rgb: 152, 0, 79;
+@color_pink_active: #B6005F;
+@color_pink_active_rgb: 182, 0, 95;
+@color_pink_active_inv: #FFFFFF;
+@color_pink_active_inv_rgb: 255, 255, 255;
+@color_pink_container_active: #FF89C7;
+@color_pink_container_active_rgb: 255, 137, 199;
+@color_pink_container_active_inv: #50002A;
+@color_pink_container_active_inv_rgb: 80, 0, 42;
+@color_pink_emphasis: #E20076;
+@color_pink_emphasis_rgb: 226, 0, 118;
+@color_blue: #116E8B;
+@color_blue_rgb: 17, 110, 139;
+@color_blue_inv: #FFFFFF;
+@color_blue_inv_rgb: 255, 255, 255;
+@color_blue_container: #5CC9EB;
+@color_blue_container_rgb: 92, 201, 235;
+@color_blue_container_inv: #0D5368;
+@color_blue_container_inv_rgb: 13, 83, 104;
+@color_blue_active: #0C4E63;
+@color_blue_active_rgb: 12, 78, 99;
+@color_blue_active_inv: #BAE8F7;
+@color_blue_active_inv_rgb: 186, 232, 247;
+@color_blue_container_active: #39BEE7;
+@color_blue_container_active_rgb: 57, 190, 231;
+@color_blue_container_active_inv: #062934;
+@color_blue_container_active_inv_rgb: 6, 41, 52;
+@color_blue_emphasis: #00779C;
+@color_blue_emphasis_rgb: 0, 119, 156;
+@color_orange: #B45D00;
+@color_orange_rgb: 180, 93, 0;
+@color_orange_inv: #FFFFFF;
+@color_orange_inv_rgb: 255, 255, 255;
+@color_orange_container: #FFA94D;
+@color_orange_container_rgb: 255, 169, 77;
+@color_orange_container_inv: #773D00;
+@color_orange_container_inv_rgb: 119, 61, 0;
+@color_orange_active: #904A00;
+@color_orange_active_rgb: 144, 74, 0;
+@color_orange_active_inv: #FFFFFF;
+@color_orange_active_inv_rgb: 255, 255, 255;
+@color_orange_container_active: #FF9627;
+@color_orange_container_active_rgb: 255, 150, 39;
+@color_orange_container_active_inv: #3B1F00;
+@color_orange_container_active_inv_rgb: 59, 31, 0;
+@color_orange_emphasis: #B45D00;
+@color_orange_emphasis_rgb: 180, 93, 0;
+@color_purple: #624472;
+@color_purple_rgb: 98, 68, 114;
+@color_purple_inv: #F1EDF4;
+@color_purple_inv_rgb: 241, 237, 244;
+@color_purple_container: #C8B5D3;
+@color_purple_container_rgb: 200, 181, 211;
+@color_purple_container_inv: #5D416D;
+@color_purple_container_inv_rgb: 93, 65, 109;
+@color_purple_active: #24192A;
+@color_purple_active_rgb: 36, 25, 42;
+@color_purple_active_inv: #B89EC5;
+@color_purple_active_inv_rgb: 184, 158, 197;
+@color_purple_container_active: #BFA8CB;
+@color_purple_container_active_rgb: 191, 168, 203;
+@color_purple_container_active_inv: #2E2036;
+@color_purple_container_active_inv_rgb: 46, 32, 54;
+@color_purple_emphasis: #7700B6;
+@color_purple_emphasis_rgb: 119, 0, 182;
+@color_teal: #357D96;
+@color_teal_rgb: 53, 125, 150;
+@color_teal_inv: #FFFFFF;
+@color_teal_inv_rgb: 255, 255, 255;
+@color_teal_container: #8EC4D7;
+@color_teal_container_rgb: 142, 196, 215;
+@color_teal_container_inv: #235262;
+@color_teal_container_inv_rgb: 35, 82, 98;
+@color_teal_active: #2A6378;
+@color_teal_active_rgb: 42, 99, 120;
+@color_teal_active_inv: #FFFFFF;
+@color_teal_active_inv_rgb: 255, 255, 255;
+@color_teal_container_active: #79B9D0;
+@color_teal_container_active_rgb: 121, 185, 208;
+@color_teal_container_active_inv: #112931;
+@color_teal_container_active_inv_rgb: 17, 41, 49;
+@color_teal_emphasis: #0096CB;
+@color_teal_emphasis_rgb: 0, 150, 203;
+@color_gray: #747474;
+@color_gray_rgb: 116, 116, 116;
+@color_gray_inv: #FFFFFF;
+@color_gray_inv_rgb: 255, 255, 255;
+@color_gray_container: #BCBCBC;
+@color_gray_container_rgb: 188, 188, 188;
+@color_gray_container_inv: #4C4C4C;
+@color_gray_container_inv_rgb: 76, 76, 76;
+@color_gray_active: #5C5C5C;
+@color_gray_active_rgb: 92, 92, 92;
+@color_gray_active_inv: #FFFFFF;
+@color_gray_active_inv_rgb: 255, 255, 255;
+@color_gray_container_active: #B0B0B0;
+@color_gray_container_active_rgb: 176, 176, 176;
+@color_gray_container_active_inv: #262626;
+@color_gray_container_active_inv_rgb: 38, 38, 38;
+@color_gray_emphasis: #E80000;
+@color_gray_emphasis_rgb: 232, 0, 0;
+@color_root: #FCFCFD;
+@color_root_rgb: 252, 252, 253;
+@color_root_inv: #161927;
+@color_root_inv_rgb: 22, 25, 39;
+@color_root_container: #B4BBD5;
+@color_root_container_rgb: 180, 187, 213;
+@color_root_container_inv: #404A72;
+@color_root_container_inv_rgb: 64, 74, 114;
+@color_root_active: #F3F4F8;
+@color_root_active_rgb: 243, 244, 248;
+@color_root_active_inv: #45517D;
+@color_root_active_inv_rgb: 69, 81, 125;
+@color_root_container_active: #A7AFCE;
+@color_root_container_active_rgb: 167, 175, 206;
+@color_root_container_active_inv: #202539;
+@color_root_container_active_inv_rgb: 32, 37, 57;
+@color_root_emphasis: #FAFBFF;
+@color_root_emphasis_rgb: 250, 251, 255;
+@color_default: #161927;
+@color_default_rgb: 22, 25, 39;
+@color_default_inv: #FCFCFD;
+@color_default_inv_rgb: 252, 252, 253;
+@color_default_container: #404A72;
+@color_default_container_rgb: 64, 74, 114;
+@color_default_container_inv: #B4BBD5;
+@color_default_container_inv_rgb: 180, 187, 213;
+@color_default_active: #45517D;
+@color_default_active_rgb: 69, 81, 125;
+@color_default_active_inv: #F3F4F8;
+@color_default_active_inv_rgb: 243, 244, 248;
+@color_default_container_active: #202539;
+@color_default_container_active_rgb: 32, 37, 57;
+@color_default_container_active_inv: #A7AFCE;
+@color_default_container_active_inv_rgb: 167, 175, 206;
+@color_default_emphasis: #161927;
+@color_default_emphasis_rgb: 22, 25, 39;
+@color_invert: #161927;
+@color_invert_rgb: 22, 25, 39;
+@color_invert_inv: #FCFCFD;
+@color_invert_inv_rgb: 252, 252, 253;
+@color_invert_container: #404A72;
+@color_invert_container_rgb: 64, 74, 114;
+@color_invert_container_inv: #B4BBD5;
+@color_invert_container_inv_rgb: 180, 187, 213;
+@color_invert_active: #45517D;
+@color_invert_active_rgb: 69, 81, 125;
+@color_invert_active_inv: #F3F4F8;
+@color_invert_active_inv_rgb: 243, 244, 248;
+@color_invert_container_active: #202539;
+@color_invert_container_active_rgb: 32, 37, 57;
+@color_invert_container_active_inv: #A7AFCE;
+@color_invert_container_active_inv_rgb: 167, 175, 206;
+@color_invert_emphasis: #161927;
+@color_invert_emphasis_rgb: 22, 25, 39;

package/pacem/theme-dark.less

@@ -375,6 +375,9 @@
 @easing_out_back_custom: cubic-bezier(0.0, 1.6, 1.0, 0.8);
 @easing_out_bump: cubic-bezier(0.0, 1.6, 0.0, 1.0);
 
+// programmatically built palette
+@import "palette-dark";
+
 .Background(@clr_bg) {
     .Background();
     background-color: @clr_bg;

package/pacem/theme-light.less

@@ -114,3 +114,6 @@
 /*.FormFieldItemBorders() {
     border: @border_field_size solid;
 }*/
+
+// programmatically built palette
+@import "palette-light";

package/pacem/theme-phousys.less

@@ -45,6 +45,7 @@
 /*#endregion*/
 @color_background: @color_blue;
 @color_root_background: @color_background;
+@color_root: @color_background;
 @color_default: #fff; // @color_light;
 @color_title_inv: #1b2733;
 @color_title: #4fd1d9; // #317396;

package/pacem/ui/dark/loader.less

@@ -209,10 +209,9 @@
     }
 }
 
-.@{PCSS}-preloader{
+.@{PCSS}-preloader {
     // background
-    .GradientRadial(0%, 50%, @color_background, @color_root_background);
-    background-color: @color_root_background;
+    .GradientRadial(0%, 50%, ~"var(--@{PCSS}-color-background)", ~"var(--@{PCSS}-color-root)");
+    background-color: ~"var(--@{PCSS}-color-root)";
     background-size: contain;
-
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.51.3",
+  "version": "0.51.4-archimedes",
   "name": "pacem-less",
   "homepage": "https://js.pacem.it",
   "repository": {
@@ -13,6 +13,7 @@
     "README.md",
     "LICENSE",
     "NOTICE",
+    "themebuilder.js",
     "package.json"
   ],
   "author": {

package/shared.less

@@ -10,6 +10,7 @@
 @semantic_colors: root, background, default, invert, primary, secondary, accent, info, success, warning, danger, error, disabled;
 @all_colors: root, background, default, invert, primary, secondary, accent, info, success, warning, danger, error, disabled, green, yellow, brown, red, pink, blue, orange, purple, teal, gray;
 
+@palette_prebuilt: false;
 
 .Ellipsed(@max-width) {
     white-space: nowrap;

package/themebuilder.js

@@ -0,0 +1,187 @@
+const fs = require('fs');
+const vm = require('vm');
+const path = require('path');
+const yargs = require('yargs');
+const argv = yargs
+    .option('theme', {
+    alias: 't',
+    type: 'string',
+    description: 'Theme (dark or light)',
+})
+    .option('name', {
+    alias: 'n',
+    type: 'string',
+    description: 'Theme name',
+})
+    .option('src', {
+    alias: 's',
+    type: 'string',
+    description: 'Palette file containing the color variables in JSON format.',
+})
+    .help()
+    .argv;
+const darkTheme = argv.theme === 'dark';
+const themeName = argv.name ?? (darkTheme ? 'dark' : 'light');
+function include(filename) {
+    const code = fs.readFileSync(filename, 'utf-8');
+    vm.runInThisContext(code, filename);
+}
+function importScripts(filename) {
+    filename = './' + filename;
+    const filepath = absolutePath(filename);
+    include(filepath);
+}
+function absolutePath(relativePath) {
+    return path.join(__dirname, relativePath);
+}
+importScripts("../../dist/js/pacem-foundation.js");
+importScripts("../../dist/js/pacem-numerical.js");
+const palette = {
+    background: '#1e2336',
+    primary: '#429bbb',
+    secondary: '#5e7881',
+    accent: '#ff0085',
+    success: '#4dc2b4',
+    warning: '#c5c023',
+    error: '#BF215B',
+    danger: '#fa1f1f',
+    disabled: '#6f717d',
+    info: '#99d4ff',
+    green: '#1ebb8f',
+    yellow: '#c2b010',
+    brown: '#a6715e',
+    red: '#dd2020',
+    pink: '#ff0085',
+    blue: '#116e8b',
+    orange: '#d46d00',
+    purple: '#624472',
+    teal: '#429bbb',
+    gray: '#808080',
+};
+const WCAG_MINIMUM_CONTRAST = 3;
+const WCAG_NORMAL_TEXT_CONTRAST = 4.5;
+const WCAG_SAFE_CONTRAST = 7;
+const WCAG_MAX_CONTRAST = 17;
+const searchFn = Pacem.Mathematics.DataAnalysis.SearchFunctions.goldenRatio;
+function isColorLight(clr) {
+    return Pacem.Colors.luminance(clr) >= .2;
+}
+function contrastColor(baseColor, targetContrast = WCAG_NORMAL_TEXT_CONTRAST) {
+    const { h, s, l, a } = Pacem.Colors.hsl(baseColor);
+    const isDark = !isColorLight(baseColor);
+    const min = isDark ? l : 0;
+    const max = isDark ? 1 : l;
+    const newL = searchFn(min, max, x => Math.abs(targetContrast - Pacem.Colors.contrastRatio(baseColor, { h, s, l: x, a })));
+    return Pacem.Colors.rgb({ h, s, l: newL, a });
+}
+function luminanceColor(baseColor, targetLuminance) {
+    const { h, s, a } = Pacem.Colors.hsl(baseColor);
+    const newL = searchFn(0, 1, x => Math.abs(targetLuminance - Pacem.Colors.luminance({ h, s, l: x, a })));
+    return Pacem.Colors.rgb({ h, s, l: newL, a });
+}
+function colorModule(clr, arg2) {
+    const isSurfaceColor = arg2 === true;
+    const forcedContrast = (arg2 && typeof arg2 === 'number') ? arg2 : null;
+    const baseContrast = forcedContrast ?? (isSurfaceColor ? WCAG_MAX_CONTRAST : WCAG_SAFE_CONTRAST);
+    const contrastClr = arg2 && typeof arg2 === 'object' ? arg2 : null;
+    const isColorRight = isSurfaceColor ? (isColorLight(clr) !== darkTheme) : (isColorLight(clr) === darkTheme);
+    const darkTargetLuminance = isSurfaceColor ? .05 : .175;
+    const lightTargetLuminance = isSurfaceColor ? .995 : .333;
+    const referenceColor = isColorRight ? clr
+        : (isSurfaceColor ? (!darkTheme ? luminanceColor(clr, lightTargetLuminance) : luminanceColor(clr, darkTargetLuminance))
+            : (darkTheme ? luminanceColor(clr, lightTargetLuminance) : luminanceColor(clr, darkTargetLuminance)));
+    const actualColor = contrastClr ? clr : referenceColor;
+    const luminanceBackContainer = darkTheme ? .075 : .5;
+    const luminanceBackActiveOffset = darkTheme ? .035 : -.067;
+    const contrastForeActive = forcedContrast ?? WCAG_SAFE_CONTRAST;
+    const contrast = contrastClr ?? contrastColor(actualColor, baseContrast);
+    const container = luminanceColor(actualColor, luminanceBackContainer);
+    const containerContrast = contrastColor(container);
+    const active = luminanceColor(actualColor, Pacem.Colors.luminance(actualColor) + luminanceBackActiveOffset);
+    const activeContrast = contrastColor(active, contrastForeActive);
+    const containerActive = luminanceColor(container, Pacem.Colors.luminance(container) + luminanceBackActiveOffset);
+    const containerActiveContrast = contrastColor(containerActive, contrastForeActive);
+    const emphasis = Pacem.Colors.saturate(actualColor, 1.2);
+    return {
+        base: actualColor,
+        contrast,
+        active,
+        activeContrast,
+        containerActive,
+        container,
+        emphasis,
+        containerActiveContrast,
+        containerContrast
+    };
+}
+const lessVariables = {};
+let backgroundModule;
+let rootModule;
+const a255 = (x) => Math.round(x * 255);
+const a255s = (c) => `${a255(c.r)}, ${a255(c.g)}, ${a255(c.b)}`;
+const pushLessVariables = (name, mod) => {
+    lessVariables[`@color_${name}`] = Pacem.Colors.stringify(mod.base);
+    lessVariables[`@color_${name}_rgb`] = a255s(mod.base);
+    lessVariables[`@color_${name}_inv`] = Pacem.Colors.stringify(mod.contrast);
+    lessVariables[`@color_${name}_inv_rgb`] = a255s(mod.contrast);
+    lessVariables[`@color_${name}_container`] = Pacem.Colors.stringify(mod.container);
+    lessVariables[`@color_${name}_container_rgb`] = a255s(mod.container);
+    lessVariables[`@color_${name}_container_inv`] = Pacem.Colors.stringify(mod.containerContrast);
+    lessVariables[`@color_${name}_container_inv_rgb`] = a255s(mod.containerContrast);
+    lessVariables[`@color_${name}_active`] = Pacem.Colors.stringify(mod.active);
+    lessVariables[`@color_${name}_active_rgb`] = a255s(mod.active);
+    lessVariables[`@color_${name}_active_inv`] = Pacem.Colors.stringify(mod.activeContrast);
+    lessVariables[`@color_${name}_active_inv_rgb`] = a255s(mod.activeContrast);
+    lessVariables[`@color_${name}_container_active`] = Pacem.Colors.stringify(mod.containerActive);
+    lessVariables[`@color_${name}_container_active_rgb`] = a255s(mod.containerActive);
+    lessVariables[`@color_${name}_container_active_inv`] = Pacem.Colors.stringify(mod.containerActiveContrast);
+    lessVariables[`@color_${name}_container_active_inv_rgb`] = a255s(mod.containerActiveContrast);
+    lessVariables[`@color_${name}_emphasis`] = Pacem.Colors.stringify(mod.emphasis);
+    lessVariables[`@color_${name}_emphasis_rgb`] = a255s(mod.emphasis);
+};
+for (let name in palette) {
+    const color = Pacem.Colors.parse(palette[name]);
+    const arg2 = name === 'disabled' ? 1.667 : (name === 'root' || name === 'background');
+    const mod = colorModule(color, arg2);
+    if (name === 'background') {
+        backgroundModule = mod;
+    }
+    if (name === 'root') {
+        rootModule = mod;
+    }
+    pushLessVariables(name, mod);
+}
+if (!('root' in palette)) {
+    const rootColor = Pacem.Colors.darken(backgroundModule.base, darkTheme ? .03 : .0085);
+    rootModule = colorModule(rootColor, true);
+    pushLessVariables('root', rootModule);
+}
+if (!('default' in palette)) {
+    for (let name of ['default', 'invert']) {
+        lessVariables[`@color_${name}`] = Pacem.Colors.stringify(rootModule.contrast);
+        lessVariables[`@color_${name}_rgb`] = a255s(rootModule.contrast);
+        lessVariables[`@color_${name}_inv`] = Pacem.Colors.stringify(rootModule.base);
+        lessVariables[`@color_${name}_inv_rgb`] = a255s(rootModule.base);
+        lessVariables[`@color_${name}_container`] = Pacem.Colors.stringify(rootModule.containerContrast);
+        lessVariables[`@color_${name}_container_rgb`] = a255s(rootModule.containerContrast);
+        lessVariables[`@color_${name}_container_inv`] = Pacem.Colors.stringify(rootModule.container);
+        lessVariables[`@color_${name}_container_inv_rgb`] = a255s(rootModule.container);
+        lessVariables[`@color_${name}_active`] = Pacem.Colors.stringify(rootModule.activeContrast);
+        lessVariables[`@color_${name}_active_rgb`] = a255s(rootModule.activeContrast);
+        lessVariables[`@color_${name}_active_inv`] = Pacem.Colors.stringify(rootModule.active);
+        lessVariables[`@color_${name}_active_inv_rgb`] = a255s(rootModule.active);
+        lessVariables[`@color_${name}_container_active`] = Pacem.Colors.stringify(rootModule.containerActiveContrast);
+        lessVariables[`@color_${name}_container_active_rgb`] = a255s(rootModule.containerActiveContrast);
+        lessVariables[`@color_${name}_container_active_inv`] = Pacem.Colors.stringify(rootModule.containerActive);
+        lessVariables[`@color_${name}_container_active_inv_rgb`] = a255s(rootModule.containerActive);
+        lessVariables[`@color_${name}_emphasis`] = lessVariables[`@color_${name}`];
+        lessVariables[`@color_${name}_emphasis_rgb`] = lessVariables[`@color_${name}_rgb`];
+    }
+}
+let lessText = '@palette_prebuilt: true;\r\n';
+for (let name in lessVariables) {
+    const hex = lessVariables[name];
+    lessText += `${name}: ${hex};\r\n`;
+}
+const target = absolutePath('./pacem/palette-' + themeName + '.less');
+fs.writeFileSync(target, lessText);