diff --git a/pixelegg/images/ui-icons_egw_color_1_256x240_ffc200.png b/pixelegg/images/ui-icons_egw_color_1_256x240_ffc200.png
new file mode 100755
index 0000000000..eb042ff424
Binary files /dev/null and b/pixelegg/images/ui-icons_egw_color_1_256x240_ffc200.png differ
diff --git a/pixelegg/images/ui-icons_egw_color_2_256x240_0C5DA5.png b/pixelegg/images/ui-icons_egw_color_2_256x240_0C5DA5.png
new file mode 100755
index 0000000000..974eb04b43
Binary files /dev/null and b/pixelegg/images/ui-icons_egw_color_2_256x240_0C5DA5.png differ
diff --git a/pixelegg/less/def_design_pattern_color_font_shadow.less b/pixelegg/less/def_design_pattern_color_font_shadow.less
index 3070e9254d..2e5216305a 100755
--- a/pixelegg/less/def_design_pattern_color_font_shadow.less
+++ b/pixelegg/less/def_design_pattern_color_font_shadow.less
@@ -422,6 +422,7 @@
   
   @mass_xs : 12px;
   @mass_s  : 16px;
+  @mass_sm  : 20px;
   @mass_m  : 24px;
   @mass_l  : 32px;
   @mass_xl : 40px;
@@ -438,6 +439,7 @@
 .dimension_width_height_xl{width: @mass_xl; height: @mass_xl;}
 .dimension_width_height_l{width: @mass_l; height: @mass_l;}
 .dimension_width_height_m{width: @mass_m; height: @mass_m;}
+.dimension_width_height_sm{width: @mass_sm; height: @mass_sm;}
 .dimension_width_height_s{width: @mass_s; height: @mass_s;}
 .dimension_width_height_xs{width: @mass_xs; height: @mass_xs;}
 
@@ -455,6 +457,7 @@
 .dimension_height_xl{ height: @mass_xl;}
 .dimension_height_l{ height: @mass_l;}
 .dimension_height_m{ height: @mass_m;}
+.dimension_height_sm{ height: @mass_sm;}
 .dimension_height_s{ height: @mass_s;}
 .dimension_height_xs{ height: @mass_xs;}