diff --git a/CMakeLists.txt b/CMakeLists.txt
index 7b6a3c8b3..78512ea76 100644
--- a/CMakeLists.txt
+++ b/CMakeLists.txt
@@ -102,7 +102,7 @@ option(ENABLE_TESTS "Build with testing binaries of SDK" NO  )
 option(ENABLE_TESTS_COMPONENTS "Build libbctoolbox-tester" NO  )
 option(ENABLE_TOOLS "Enable tools of SDK" NO)
 option(ENABLE_STRICT "Build with strict compilator flags e.g. -Wall -Werror" NO)
-option(ENABLE_FFMPEG "Build mediastreamer2 with ffmpeg video support." YES)
+option(ENABLE_FFMPEG "Build mediastreamer2 with ffmpeg video support." ON)
 option(ENABLE_BUILD_VERBOSE "Enable the build generation to be more verbose" NO)
 option(ENABLE_OPENH264 "Enable the use of OpenH264 codec" YES)
 option(ENABLE_NON_FREE_CODECS "Enable the use of non free codecs" YES)
@@ -210,10 +210,10 @@ endif()
 include(FindPkgConfig)
 
 set(APP_DEPENDS sdk)
-find_package(Qt5 5.9 COMPONENTS Core REQUIRED)
+find_package(Qt5 5.10 COMPONENTS Core REQUIRED)
 
 if ( NOT Qt5_FOUND )
-	message(FATAL_ERROR "Minimum supported Qt5 version is 5.9!")
+	message(FATAL_ERROR "Minimum supported Qt5 version is 5.10!")
 endif()
 
 find_package(LinphoneCxx CONFIG QUIET)
diff --git a/linphone-app/CMakeLists.txt b/linphone-app/CMakeLists.txt
index 5399280c3..499fe4983 100644
--- a/linphone-app/CMakeLists.txt
+++ b/linphone-app/CMakeLists.txt
@@ -158,6 +158,7 @@ set(SOURCES
     src/components/other/colors/ColorModel.cpp
     src/components/other/colors/ColorListModel.cpp
     src/components/other/colors/ColorProxyModel.cpp
+    src/components/other/colors/ImageColorsProxyModel.cpp
     src/components/other/images/ImageModel.cpp
     src/components/other/images/ImageListModel.cpp
     src/components/other/images/ImageProxyModel.cpp
@@ -263,6 +264,7 @@ set(HEADERS
     src/components/other/colors/ColorModel.hpp
     src/components/other/colors/ColorListModel.hpp
     src/components/other/colors/ColorProxyModel.hpp
+    src/components/other/colors/ImageColorsProxyModel.hpp
     src/components/other/images/ImageModel.hpp
     src/components/other/images/ImageListModel.hpp
     src/components/other/images/ImageProxyModel.hpp
diff --git a/linphone-app/assets/images/menu_delete.svg b/linphone-app/assets/images/add_custom.svg
similarity index 54%
rename from linphone-app/assets/images/menu_delete.svg
rename to linphone-app/assets/images/add_custom.svg
index 4c9eff791..0195c2fca 100644
--- a/linphone-app/assets/images/menu_delete.svg
+++ b/linphone-app/assets/images/add_custom.svg
@@ -1,11 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   sodipodi:docname="menu_delete.svg"
-   id="svg8"
+   width="80"
+   height="80"
    version="1.1"
-   viewBox="0 0 82 82"
-   height="82"
-   width="82"
+   id="svg8"
+   sodipodi:docname="add_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -22,29 +21,28 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      showgrid="false"
-     inkscape:zoom="10.646341"
-     inkscape:cx="32.546392"
-     inkscape:cy="33.532646"
+     inkscape:zoom="6.0625"
+     inkscape:cx="-26.309278"
+     inkscape:cy="16.164948"
      inkscape:window-width="1920"
-     inkscape:window-height="1043"
+     inkscape:window-height="1131"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="g6" />
+     inkscape:current-layer="svg8" />
   <g
+     stroke="#000000"
      fill="none"
      fill-rule="evenodd"
      stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g6">
-    <g
-       stroke="#ff0000"
-       stroke-width="5"
-       id="g4"
-       transform="matrix(1.0343907,0,0,1.018301,7.4655577,-0.5091505)">
-      <path
-         d="m 32.523,78.526 h 5.354 C 49.4,78.526 51.46,67.98 51.46,67.98 L 61.339,13.97 H 3.5 l 9.88,54.01 c 0,0 2.061,10.546 13.585,10.546 z M 25.731,27.473 v 51.053 z m 13.378,0 V 78.526 Z M 20.585,3 h 23.672 z"
-         id="path2" />
-    </g>
+     id="g6"
+     transform="matrix(4.4444441,0,0,4.4444467,0,-1.9873506e-5)">
+    <path
+       d="m 17.5,9 a 8.5,8.5 0 1 1 -17,0 8.5,8.5 0 0 1 17,0 z"
+       stroke-linejoin="round"
+       id="path2" />
+    <path
+       d="m 9.017,6 v 5.833 M 6.1,8.917 h 5.833"
+       id="path4" />
   </g>
 </svg>
diff --git a/linphone-app/assets/images/add_disabled.svg b/linphone-app/assets/images/add_disabled.svg
deleted file mode 100644
index 787a60cd1..000000000
--- a/linphone-app/assets/images/add_disabled.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="add_disabled.svg"
-   inkscape:version="0.92.1 r">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>add_disabled</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1149"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="9"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">add_disabled</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(2,2)">
-    <g
-       id="add_disabled"
-       style="stroke:#d0d8de">
-      <path
-         d="M 9,17.5 C 4.305875,17.5 0.5,13.694125 0.5,9 0.5,4.3056625 4.305875,0.5 9,0.5 c 4.694975,0 8.5,3.8056625 8.5,8.5 0,4.694125 -3.805025,8.5 -8.5,8.5 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="m 9.0166666,6 v 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 6.0999999,8.9166667 H 11.933333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/add_hovered.svg b/linphone-app/assets/images/add_hovered.svg
deleted file mode 100644
index 3c9311d2e..000000000
--- a/linphone-app/assets/images/add_hovered.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="add_hovered.svg"
-   inkscape:version="0.92.1 r">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>add_over</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1149"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="9"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">add_over</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     transform="translate(2,2)"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round">
-    <g
-       id="add_over"
-       style="stroke:#4b5964">
-      <path
-         d="M 9,17.5 C 4.305875,17.5 0.5,13.694125 0.5,9 0.5,4.3056625 4.305875,0.5 9,0.5 c 4.694975,0 8.5,3.8056625 8.5,8.5 0,4.694125 -3.805025,8.5 -8.5,8.5 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="m 9.0166666,6 v 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 6.0999999,8.9166667 H 11.933333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/add_normal.svg b/linphone-app/assets/images/add_normal.svg
deleted file mode 100644
index a54c9f43b..000000000
--- a/linphone-app/assets/images/add_normal.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="add_normal.svg"
-   inkscape:version="0.92.1 r">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>add_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1149"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="9"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">add_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(2,2)">
-    <g
-       id="add_default"
-       style="stroke:#96a6b1">
-      <path
-         d="M 9,17.5 C 4.305875,17.5 0.5,13.694125 0.5,9 0.5,4.3056625 4.305875,0.5 9,0.5 c 4.694975,0 8.5,3.8056625 8.5,8.5 0,4.694125 -3.805025,8.5 -8.5,8.5 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="m 9.0166666,6 v 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 6.0999999,8.9166667 H 11.933333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/add_participant_normal.svg b/linphone-app/assets/images/add_participant_custom.svg
similarity index 64%
rename from linphone-app/assets/images/add_participant_normal.svg
rename to linphone-app/assets/images/add_participant_custom.svg
index fa20f9912..b3bb1981e 100644
--- a/linphone-app/assets/images/add_participant_normal.svg
+++ b/linphone-app/assets/images/add_participant_custom.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg12"
-   sodipodi:docname="add_participant_normal.svg"
+   sodipodi:docname="add_participant_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -22,11 +22,11 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20.02291"
+     inkscape:zoom="5.45625"
+     inkscape:cx="6.5063001"
+     inkscape:cy="27.857961"
      inkscape:window-width="1920"
-     inkscape:window-height="1043"
+     inkscape:window-height="1131"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
@@ -36,9 +36,10 @@
      fill-rule="evenodd"
      stroke-linecap="round"
      stroke-linejoin="round"
-     id="g10">
+     id="g10"
+     transform="matrix(2.2256148,0,0,2.2256465,-4.5129465,-4.5123835)">
     <g
-       stroke="#96A5B1"
+       stroke="#4b5964"
        stroke-width="2"
        id="g8">
       <g
@@ -46,8 +47,8 @@
         <g
            id="g4">
           <path
-             d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-             transform="translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
+             d="M 7.994,0 V 14.957 L 7.995,16 Z M 16,7.994 H 1.043 L 0,7.995 Z"
+             transform="rotate(180,14,14)"
              id="path2" />
         </g>
       </g>
diff --git a/linphone-app/assets/images/add_participant_hovered.svg b/linphone-app/assets/images/add_participant_hovered.svg
deleted file mode 100644
index fc0aceb21..000000000
--- a/linphone-app/assets/images/add_participant_hovered.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="add_participant_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20.02291"
-     inkscape:window-width="1920"
-     inkscape:window-height="1043"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g10">
-    <g
-       stroke="#4B5964"
-       stroke-width="2"
-       id="g8">
-      <g
-         id="g6">
-        <g
-           id="g4">
-          <path
-             d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-             transform="translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-             id="path2" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/add_pressed.svg b/linphone-app/assets/images/add_pressed.svg
deleted file mode 100644
index ff2f3acbe..000000000
--- a/linphone-app/assets/images/add_pressed.svg
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="add_pressed.svg"
-   inkscape:version="0.92.1 r">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>add_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1149"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="9"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">add_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     transform="translate(2,2)"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round">
-    <g
-       id="add_clic"
-       class="color-i-style-stroke"
-       style="stroke:#FE5E00">
-      <path
-         d="m 17.5,9 c 0,4.694125 -3.805025,8.5 -8.5,8.5 C 4.305875,17.5 0.5,13.694125 0.5,9 0.5,4.3056625 4.305875,0.5 9,0.5 c 4.694975,0 8.5,3.8056625 8.5,8.5 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="m 9.0166666,6 v 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 6.0999999,8.9166667 H 11.933333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/admin_selected.svg b/linphone-app/assets/images/admin_selected_custom.svg
similarity index 76%
rename from linphone-app/assets/images/admin_selected.svg
rename to linphone-app/assets/images/admin_selected_custom.svg
index 1d937c84d..698a4a9f6 100644
--- a/linphone-app/assets/images/admin_selected.svg
+++ b/linphone-app/assets/images/admin_selected_custom.svg
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="47"
-   height="47"
-   viewBox="0 0 47 47"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg6"
    sodipodi:docname="admin_selected.svg"
@@ -23,13 +23,13 @@
      inkscape:pagecheckerboard="0"
      showgrid="false"
      height="47px"
-     inkscape:zoom="13.244681"
-     inkscape:cx="13.024096"
-     inkscape:cy="17.252209"
+     inkscape:zoom="3.3111703"
+     inkscape:cx="-47.264256"
+     inkscape:cy="23.858634"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg6" />
   <g
@@ -38,9 +38,9 @@
      stroke-linecap="round"
      stroke-linejoin="round"
      id="g4"
-     transform="translate(0,7.5)">
+     transform="matrix(1.1729548,0,0,1.2500176,12.5,20)">
     <path
-       stroke="#96c11f"
+       stroke="#000000"
        stroke-width="5"
        d="M 2.5,13.176 20.41,29.5 44.39,2.5"
        id="path2" />
diff --git a/linphone-app/assets/images/attachment_custom.svg b/linphone-app/assets/images/attachment_custom.svg
new file mode 100644
index 000000000..9b5b78e1b
--- /dev/null
+++ b/linphone-app/assets/images/attachment_custom.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="attachment_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="16.403207"
+     inkscape:cy="50.21764"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 49.4075,52.387281 c -0.005,5.174838 -4.225,9.424706 -9.415,9.484705 A 9.2675,9.2672109 0 0 1 30.6,52.592276 V 24.453153 a 6.355,6.3548016 0 0 1 6.28,-6.324802 6.1675,6.1673075 0 0 1 6.2575,6.184807 v 28.141621 c 0,1.727447 -1.4125,3.139902 -3.1425,3.162402 A 3.085,3.0849038 0 0 1 36.8675,52.519777 V 27.510559 l -3.135,0.0325 v 25.011718 c 0,3.452392 2.8,6.224805 6.2675,6.187307 a 6.35,6.3498018 0 0 0 6.2725,-6.317303 V 24.28066 A 9.265,9.2647109 0 0 0 36.875,15.000948 9.5,9.4997034 0 0 0 27.5,24.480653 v 29.704073 c 0.76,6.159806 6.1,10.87716 12.4875,10.814661 6.3925,-0.075 11.74,-4.899846 12.5125,-11.082153 V 21.110758 h -3.0925 z"
+     fill="#000000"
+     fill-rule="evenodd"
+     id="path2"
+     style="stroke-width:2.49995" />
+</svg>
diff --git a/linphone-app/assets/images/attachment_disabled.svg b/linphone-app/assets/images/attachment_disabled.svg
deleted file mode 100644
index e09a3e829..000000000
--- a/linphone-app/assets/images/attachment_disabled.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="attachment_disabled.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>attachment_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="5"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">attachment_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(5)">
-    <g
-       id="attachment_clic"
-       style="fill:#d0d8de">
-      <path
-         d="m 8.7625235,14.955155 c -0.00157,2.069833 -1.6891046,3.769579 -3.7656544,3.793784 -2.0773325,0.0203 -3.7593926,-1.64275 -3.7570444,-3.711803 V 3.7807088 c 0,-1.381971 1.1271133,-2.5156557 2.5125235,-2.5297097 1.3838447,-0.015616 2.5023481,1.0915229 2.5023481,2.4742747 V 14.982482 c 0,0.690985 -0.5651221,1.255485 -1.2570445,1.264074 -0.6919223,0.0078 -1.2492172,-0.545761 -1.2507827,-1.238309 V 5.0041826 L 2.4929555,5.016675 v 10.004846 c 0,1.381971 1.1208516,2.48989 2.5070445,2.475836 1.383062,-0.01562 2.5070445,-1.146958 2.5086099,-2.527367 V 3.7120006 C 7.510958,1.6421672 5.8288979,-0.02088269 3.7507827,1.9822272e-4 1.6750156,0.02362146 0.00313087,1.7210254 0,3.7916396 V 15.674248 c 0.30447715,2.463344 2.4397307,4.351257 4.994521,4.325491 C 7.5524421,19.970851 9.6908266,18.039214 10,15.567282 V 2.4440227 H 8.7625235 Z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/attachment_hovered.svg b/linphone-app/assets/images/attachment_hovered.svg
deleted file mode 100644
index 6f572083e..000000000
--- a/linphone-app/assets/images/attachment_hovered.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="attachment_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>attachment_over</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="-0.46084886"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">attachment_over</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(5)">
-    <g
-       id="attachment_over"
-       style="fill:#4b5964">
-      <path
-         d="m 8.7625235,14.955155 c -0.00157,2.069833 -1.6891046,3.769579 -3.7656544,3.793784 -2.0773325,0.0203 -3.7593926,-1.64275 -3.7570444,-3.711803 V 3.7807088 c 0,-1.381971 1.1271133,-2.5156557 2.5125235,-2.5297097 1.3838447,-0.015616 2.5023481,1.0915229 2.5023481,2.4742747 V 14.982482 c 0,0.690985 -0.5651221,1.255485 -1.2570445,1.264074 -0.6919223,0.0078 -1.2492172,-0.545761 -1.2507827,-1.238309 V 5.0041826 L 2.4929555,5.016675 v 10.004846 c 0,1.381971 1.1208516,2.48989 2.5070445,2.475836 1.383062,-0.01562 2.5070445,-1.146958 2.5086099,-2.527367 V 3.7120006 C 7.510958,1.6421672 5.8288979,-0.02088269 3.7507827,1.9822272e-4 1.6750156,0.02362146 0.00313087,1.7210254 0,3.7916396 V 15.674248 c 0.30447715,2.463344 2.4397307,4.351257 4.994521,4.325491 C 7.5524421,19.970851 9.6908266,18.039214 10,15.567282 V 2.4440227 H 8.7625235 Z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/attachment_normal.svg b/linphone-app/assets/images/attachment_normal.svg
deleted file mode 100644
index 0cdee4f02..000000000
--- a/linphone-app/assets/images/attachment_normal.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="attachment_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>attachment_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="5"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">attachment_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(5)">
-    <g
-       id="attachment_default"
-       style="fill:#96a6b1">
-      <path
-         d="m 8.7625235,14.955155 c -0.00157,2.069833 -1.6891046,3.769579 -3.7656544,3.793784 -2.0773325,0.0203 -3.7593926,-1.64275 -3.7570444,-3.711803 V 3.7807088 c 0,-1.381971 1.1271133,-2.5156557 2.5125235,-2.5297097 1.3838447,-0.015616 2.5023481,1.0915229 2.5023481,2.4742747 V 14.982482 c 0,0.690985 -0.5651221,1.255485 -1.2570445,1.264074 -0.6919223,0.0078 -1.2492172,-0.545761 -1.2507827,-1.238309 V 5.0041826 L 2.4929555,5.016675 v 10.004846 c 0,1.381971 1.1208516,2.48989 2.5070445,2.475836 1.383062,-0.01562 2.5070445,-1.146958 2.5086099,-2.527367 V 3.7120006 C 7.510958,1.6421672 5.8288979,-0.02088269 3.7507827,1.9822272e-4 1.6750156,0.02362146 0.00313087,1.7210254 0,3.7916396 V 15.674248 c 0.30447715,2.463344 2.4397307,4.351257 4.994521,4.325491 C 7.5524421,19.970851 9.6908266,18.039214 10,15.567282 V 2.4440227 H 8.7625235 Z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/attachment_pressed.svg b/linphone-app/assets/images/attachment_pressed.svg
deleted file mode 100644
index 49c628b5c..000000000
--- a/linphone-app/assets/images/attachment_pressed.svg
+++ /dev/null
@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="attachment_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>attachment_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="5"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">attachment_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(5)">
-    <g
-       id="attachment_clic"
-       class="color-i-fill"
-       style="fill:#fe5e00">
-      <path
-         d="m 8.7625235,14.955155 c -0.00157,2.069833 -1.6891046,3.769579 -3.7656544,3.793784 -2.0773325,0.0203 -3.7593926,-1.64275 -3.7570444,-3.711803 V 3.7807088 c 0,-1.381971 1.1271133,-2.5156557 2.5125235,-2.5297097 1.3838447,-0.015616 2.5023481,1.0915229 2.5023481,2.4742747 V 14.982482 c 0,0.690985 -0.5651221,1.255485 -1.2570445,1.264074 -0.6919223,0.0078 -1.2492172,-0.545761 -1.2507827,-1.238309 V 5.0041826 L 2.4929555,5.016675 v 10.004846 c 0,1.381971 1.1208516,2.48989 2.5070445,2.475836 1.383062,-0.01562 2.5070445,-1.146958 2.5086099,-2.527367 V 3.7120006 C 7.510958,1.6421672 5.8288979,-0.02088269 3.7507827,1.9822272e-4 1.6750156,0.02362146 0.00313087,1.7210254 0,3.7916396 V 15.674248 c 0.30447715,2.463344 2.4397307,4.351257 4.994521,4.325491 C 7.5524421,19.970851 9.6908266,18.039214 10,15.567282 V 2.4440227 H 8.7625235 Z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/auto_answer.svg b/linphone-app/assets/images/auto_answer_custom.svg
similarity index 98%
rename from linphone-app/assets/images/auto_answer.svg
rename to linphone-app/assets/images/auto_answer_custom.svg
index 9eaa7332b..f4f1482b4 100644
--- a/linphone-app/assets/images/auto_answer.svg
+++ b/linphone-app/assets/images/auto_answer_custom.svg
@@ -59,7 +59,7 @@
      transform="translate(1,1)">
     <g
        id="auto_answer_active"
-       style="stroke:#fe5e00"
+       style="stroke:#000000"
        class="color-i-stroke">
       <path
          d="M 0.79736554,2.4926351 C -0.10983664,5.0485533 1.161449,8.7012979 3.2189264,10.750194 l 0.043143,0.04266 c 2.0570264,2.048447 5.7259715,3.31443 8.2916926,2.411012 L 13.5,10.66322 10.849046,8.0236218 8.4238768,10.065931 6.2075075,7.8591054 6.1649659,7.8164419 3.9488972,5.6096159 5.9993095,3.1936639 3.3494072,0.55436467 Z"
diff --git a/linphone-app/assets/images/burger_menu_hovered.svg b/linphone-app/assets/images/burger_menu_custom.svg
similarity index 77%
rename from linphone-app/assets/images/burger_menu_hovered.svg
rename to linphone-app/assets/images/burger_menu_custom.svg
index 901affa9a..b92775014 100644
--- a/linphone-app/assets/images/burger_menu_hovered.svg
+++ b/linphone-app/assets/images/burger_menu_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg16"
-   sodipodi:docname="burger_menu_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="burger_menu_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata20">
     <rdf:RDF>
@@ -36,17 +36,18 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
      id="namedview18"
      showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="6.5142425"
-     inkscape:cy="7.1991662"
+     inkscape:zoom="3.6875"
+     inkscape:cx="-57.355932"
+     inkscape:cy="-18.169492"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg16"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">burger_menu_over_dark</title>
@@ -57,7 +58,7 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,-0.4)">
+     transform="matrix(3.1125799,0,0,2.8238801,16.88742,17.88209)">
     <g
        id="burger_menu_over_dark"
        style="stroke:#4b5964;stroke-width:2">
diff --git a/linphone-app/assets/images/burger_menu_light_hovered.svg b/linphone-app/assets/images/burger_menu_light_hovered.svg
deleted file mode 100644
index bd7203d74..000000000
--- a/linphone-app/assets/images/burger_menu_light_hovered.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="burger_menu_light_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>burger_menu_over_bright</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="7.5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">burger_menu_over_bright</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,-0.4)">
-    <g
-       id="burger_menu_over_bright"
-       style="stroke:#ffffff;stroke-width:2">
-      <path
-         d="M 12.867205,1.7546158 2,1.75"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,7.976838 2,7.9722222"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,14.19906 2,14.194444"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/burger_menu_light_normal.svg b/linphone-app/assets/images/burger_menu_light_normal.svg
deleted file mode 100644
index 21efbbafe..000000000
--- a/linphone-app/assets/images/burger_menu_light_normal.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="burger_menu_light_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>burger_menu_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="7.5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">burger_menu_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,-0.4)">
-    <g
-       id="burger_menu_default"
-       style="stroke:#96a6b1;stroke-width:2">
-      <path
-         d="M 12.867205,1.7546158 2,1.75"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,7.976838 2,7.9722222"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,14.19906 2,14.194444"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/burger_menu_light_pressed.svg b/linphone-app/assets/images/burger_menu_light_pressed.svg
deleted file mode 100644
index 527bdd58e..000000000
--- a/linphone-app/assets/images/burger_menu_light_pressed.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="burger_menu_light_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>burger_menu_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="7.5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">burger_menu_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,-0.4)">
-    <g
-       id="burger_menu_default"
-       style="stroke:#96a6b1;stroke-width:2">
-      <path
-         d="M 12.867205,1.7546158 2,1.75"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,7.976838 2,7.9722222"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,14.19906 2,14.194444"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/burger_menu_normal.svg b/linphone-app/assets/images/burger_menu_normal.svg
deleted file mode 100644
index 32e2d1d85..000000000
--- a/linphone-app/assets/images/burger_menu_normal.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="burger_menu_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>burger_menu_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="7.5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">burger_menu_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,-0.4)">
-    <g
-       id="burger_menu_default"
-       style="stroke:#96a6b1;stroke-width:2">
-      <path
-         d="M 12.867205,1.7546158 2,1.75"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,7.976838 2,7.9722222"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,14.19906 2,14.194444"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/burger_menu_pressed.svg b/linphone-app/assets/images/burger_menu_pressed.svg
deleted file mode 100644
index 68734fdd7..000000000
--- a/linphone-app/assets/images/burger_menu_pressed.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="burger_menu_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>burger_menu_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="7.5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">burger_menu_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,-0.4)">
-    <g
-       id="burger_menu_default"
-       style="stroke:#96a6b1;stroke-width:2">
-      <path
-         d="M 12.867205,1.7546158 2,1.75"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,7.976838 2,7.9722222"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 12.867205,14.19906 2,14.194444"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_accept_custom.svg b/linphone-app/assets/images/call_accept_custom.svg
new file mode 100644
index 000000000..969706ad7
--- /dev/null
+++ b/linphone-app/assets/images/call_accept_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.7445652"
+     inkscape:cx="-20.760596"
+     inkscape:cy="12.013746"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 20.032548,25.306346 c -2.922789,8.273156 1.173621,20.093116 7.803662,26.723927 l 0.139279,0.137194 c 6.627993,6.628763 18.450233,10.726431 26.718838,7.802159 l 6.271605,-8.22196 -8.541016,-8.539373 -7.815954,6.608287 -7.14209,-7.142763 -0.13723,-0.137195 -7.142092,-7.14276 6.607512,-7.818542 -8.53897,-8.53937 z"
+     stroke="#000000"
+     stroke-width="3.072"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/call_accept_hovered.svg b/linphone-app/assets/images/call_accept_hovered.svg
deleted file mode 100644
index 6b1a1fb41..000000000
--- a/linphone-app/assets/images/call_accept_hovered.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>call_accept_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="call_accept_over">
-            <circle fill="#7D9F21" cx="20" cy="20" r="20"></circle>
-            <g id="call_icon" transform="translate(9.000000, 9.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M0.797831313,3.39639949 C-0.629468455,7.43554002 1.37064325,13.2080051 4.60766925,16.445894 L4.67554581,16.5133156 C7.9118623,19.7504948 13.6842079,21.7511398 17.7208528,20.3234595 L20.7828661,16.3084488 L16.6121235,12.1370674 L12.7966095,15.3645475 L9.30959911,11.8770806 L9.24266856,11.8096591 L5.75613117,8.32219216 L8.98204149,4.50424154 L4.81295445,0.333333333 L0.797831313,3.39639949 L0.797831313,3.39639949 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/call_accept_normal.svg b/linphone-app/assets/images/call_accept_normal.svg
deleted file mode 100644
index bd2442345..000000000
--- a/linphone-app/assets/images/call_accept_normal.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>call_accept default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="call_accept-default">
-            <circle fill="#9ECD1D" cx="20" cy="20" r="20"></circle>
-            <g id="call_icon" transform="translate(9.000000, 9.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M0.797831313,3.39639949 C-0.629468455,7.43554002 1.37064325,13.2080051 4.60766925,16.445894 L4.67554581,16.5133156 C7.9118623,19.7504948 13.6842079,21.7511398 17.7208528,20.3234595 L20.7828661,16.3084488 L16.6121235,12.1370674 L12.7966095,15.3645475 L9.30959911,11.8770806 L9.24266856,11.8096591 L5.75613117,8.32219216 L8.98204149,4.50424154 L4.81295445,0.333333333 L0.797831313,3.39639949 L0.797831313,3.39639949 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/call_accept_pressed.svg b/linphone-app/assets/images/call_accept_pressed.svg
deleted file mode 100644
index 065c56680..000000000
--- a/linphone-app/assets/images/call_accept_pressed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>call_accept_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="call_accept_clic">
-            <circle fill="#9ECD1D" cx="20" cy="20" r="20"></circle>
-            <g id="call_icon" transform="translate(9.000000, 9.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M0.797831313,3.39639949 C-0.629468455,7.43554002 1.37064325,13.2080051 4.60766925,16.445894 L4.67554581,16.5133156 C7.9118623,19.7504948 13.6842079,21.7511398 17.7208528,20.3234595 L20.7828661,16.3084488 L16.6121235,12.1370674 L12.7966095,15.3645475 L9.30959911,11.8770806 L9.24266856,11.8096591 L5.75613117,8.32219216 L8.98204149,4.50424154 L4.81295445,0.333333333 L0.797831313,3.39639949 L0.797831313,3.39639949 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/call_chat_secure_normal.svg b/linphone-app/assets/images/call_chat_secure_custom.svg
similarity index 96%
rename from linphone-app/assets/images/call_chat_secure_normal.svg
rename to linphone-app/assets/images/call_chat_secure_custom.svg
index b8d4d294d..f1a35ab05 100644
--- a/linphone-app/assets/images/call_chat_secure_normal.svg
+++ b/linphone-app/assets/images/call_chat_secure_custom.svg
@@ -68,12 +68,12 @@
            y="4.333333"
            width="10"
            height="8.666666"
-           style="fill:#5a585b" />
+           style="fill:#000000" />
         <path
            d="M 7.9999998,11.342985 V 3.1652173 C 7.9999998,1.4171161 6.6568541,0 4.9999999,0 3.3431457,0 2,1.4171161 2,3.1652173 v 8.1777677 z"
            id="Oval-6"
            inkscape:connector-curvature="0"
-           style="stroke:#5a585b;stroke-width:2" />
+           style="stroke:#000000;stroke-width:2" />
       </g>
     </g>
   </g>
diff --git a/linphone-app/assets/images/call_chat_secure_hovered.svg b/linphone-app/assets/images/call_chat_secure_hovered.svg
deleted file mode 100644
index 260042b62..000000000
--- a/linphone-app/assets/images/call_chat_secure_hovered.svg
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="call_chat_secure_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_secure@x2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="16.857143"
-     inkscape:cx="5"
-     inkscape:cy="7"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_secure@x2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(2)">
-    <g
-       id="chat_secure@x2">
-      <g
-         id="Group-2"
-         transform="translate(0,1)">
-        <rect
-           id="Rectangle-4"
-           x="0"
-           y="4.333333"
-           width="10"
-           height="8.666666"
-           style="fill:#5a585b" />
-        <path
-           d="M 7.9999998,11.342985 V 3.1652173 C 7.9999998,1.4171161 6.6568541,0 4.9999999,0 3.3431457,0 2,1.4171161 2,3.1652173 v 8.1777677 z"
-           id="Oval-6"
-           inkscape:connector-curvature="0"
-           style="stroke:#5a585b;stroke-width:2" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_chat_secure_pressed.svg b/linphone-app/assets/images/call_chat_secure_pressed.svg
deleted file mode 100644
index 50974d3bd..000000000
--- a/linphone-app/assets/images/call_chat_secure_pressed.svg
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="call_chat_secure_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_secure@x2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="16.857143"
-     inkscape:cx="5"
-     inkscape:cy="7"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_secure@x2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(2)">
-    <g
-       id="chat_secure@x2">
-      <g
-         id="Group-2"
-         transform="translate(0,1)">
-        <rect
-           id="Rectangle-4"
-           x="0"
-           y="4.333333"
-           width="10"
-           height="8.666666"
-           style="fill:#5a585b" />
-        <path
-           d="M 7.9999998,11.342985 V 3.1652173 C 7.9999998,1.4171161 6.6568541,0 4.9999999,0 3.3431457,0 2,1.4171161 2,3.1652173 v 8.1777677 z"
-           id="Oval-6"
-           inkscape:connector-curvature="0"
-           style="stroke:#5a585b;stroke-width:2" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_chat_unsecure_normal.svg b/linphone-app/assets/images/call_chat_unsecure_custom.svg
similarity index 96%
rename from linphone-app/assets/images/call_chat_unsecure_normal.svg
rename to linphone-app/assets/images/call_chat_unsecure_custom.svg
index e6ab9bf92..413a4bd8b 100644
--- a/linphone-app/assets/images/call_chat_unsecure_normal.svg
+++ b/linphone-app/assets/images/call_chat_unsecure_custom.svg
@@ -69,13 +69,13 @@
            y="7.1354165"
            width="10"
            height="8.666667"
-           style="fill:#ff0000" />
+           style="fill:#000000" />
         <path
            d="m 7.7499998,3.8863043 c 0,-1.6934731 -1.3011724,-3.06630425 -2.9062499,-3.06630425 -1.6050775,0 -2.9062499,1.37283115 -2.9062499,3.06630425 v 7.9222127"
            id="Oval-6"
            class="color-error-stroke"
            inkscape:connector-curvature="0"
-           style="stroke:#ff0000;stroke-width:2" />
+           style="stroke:#000000;stroke-width:2" />
       </g>
     </g>
   </g>
diff --git a/linphone-app/assets/images/call_chat_unsecure_hovered.svg b/linphone-app/assets/images/call_chat_unsecure_hovered.svg
deleted file mode 100644
index 91a08e637..000000000
--- a/linphone-app/assets/images/call_chat_unsecure_hovered.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16"
-   height="16"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="call_chat_unsecure_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_unsecure@x2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_unsecure@x2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(3)">
-    <g
-       id="chat_unsecure@x2">
-      <g
-         id="Group-2"
-         transform="translate(0,0.18)">
-        <rect
-           id="Rectangle-4"
-           class="color-error-fill"
-           x="0"
-           y="7.1354165"
-           width="10"
-           height="8.666667"
-           style="fill:#ff0000" />
-        <path
-           d="m 7.7499998,3.8863043 c 0,-1.6934731 -1.3011724,-3.06630425 -2.9062499,-3.06630425 -1.6050775,0 -2.9062499,1.37283115 -2.9062499,3.06630425 v 7.9222127"
-           id="Oval-6"
-           class="color-error-stroke"
-           inkscape:connector-curvature="0"
-           style="stroke:#ff0000;stroke-width:2" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_chat_unsecure_pressed.svg b/linphone-app/assets/images/call_chat_unsecure_pressed.svg
deleted file mode 100644
index be4947766..000000000
--- a/linphone-app/assets/images/call_chat_unsecure_pressed.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16"
-   height="16"
-   viewBox="0 0 16 16"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="call_chat_unsecure_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_unsecure@x2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="14.75"
-     inkscape:cx="5"
-     inkscape:cy="8"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_unsecure@x2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(3)">
-    <g
-       id="chat_unsecure@x2">
-      <g
-         id="Group-2"
-         transform="translate(0,0.18)">
-        <rect
-           id="Rectangle-4"
-           class="color-error-fill"
-           x="0"
-           y="7.1354165"
-           width="10"
-           height="8.666667"
-           style="fill:#ff0000" />
-        <path
-           d="m 7.7499998,3.8863043 c 0,-1.6934731 -1.3011724,-3.06630425 -2.9062499,-3.06630425 -1.6050775,0 -2.9062499,1.37283115 -2.9062499,3.06630425 v 7.9222127"
-           id="Oval-6"
-           class="color-error-stroke"
-           inkscape:connector-curvature="0"
-           style="stroke:#ff0000;stroke-width:2" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_custom.svg b/linphone-app/assets/images/call_custom.svg
new file mode 100644
index 000000000..969706ad7
--- /dev/null
+++ b/linphone-app/assets/images/call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.7445652"
+     inkscape:cx="-20.760596"
+     inkscape:cy="12.013746"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 20.032548,25.306346 c -2.922789,8.273156 1.173621,20.093116 7.803662,26.723927 l 0.139279,0.137194 c 6.627993,6.628763 18.450233,10.726431 26.718838,7.802159 l 6.271605,-8.22196 -8.541016,-8.539373 -7.815954,6.608287 -7.14209,-7.142763 -0.13723,-0.137195 -7.142092,-7.14276 6.607512,-7.818542 -8.53897,-8.53937 z"
+     stroke="#000000"
+     stroke-width="3.072"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/call_hovered.svg b/linphone-app/assets/images/call_hovered.svg
deleted file mode 100644
index a41351654..000000000
--- a/linphone-app/assets/images/call_hovered.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>call_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="call_over">
-            <circle fill="#4B5964" cx="20" cy="20" r="20"></circle>
-            <g id="call_icon" transform="translate(9.000000, 9.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M0.797831313,3.39639949 C-0.629468455,7.43554002 1.37064325,13.2080051 4.60766925,16.445894 L4.67554581,16.5133156 C7.9118623,19.7504948 13.6842079,21.7511398 17.7208528,20.3234595 L20.7828661,16.3084488 L16.6121235,12.1370674 L12.7966095,15.3645475 L9.30959911,11.8770806 L9.24266856,11.8096591 L5.75613117,8.32219216 L8.98204149,4.50424154 L4.81295445,0.333333333 L0.797831313,3.39639949 L0.797831313,3.39639949 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/call_normal.svg b/linphone-app/assets/images/call_normal.svg
deleted file mode 100644
index 0bab66f77..000000000
--- a/linphone-app/assets/images/call_normal.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>call_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="call_default">
-            <circle fill="#96A6B1" cx="20" cy="20" r="20"></circle>
-            <g id="call_icon" transform="translate(9.000000, 9.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M0.797831313,3.39639949 C-0.629468455,7.43554002 1.37064325,13.2080051 4.60766925,16.445894 L4.67554581,16.5133156 C7.9118623,19.7504948 13.6842079,21.7511398 17.7208528,20.3234595 L20.7828661,16.3084488 L16.6121235,12.1370674 L12.7966095,15.3645475 L9.30959911,11.8770806 L9.24266856,11.8096591 L5.75613117,8.32219216 L8.98204149,4.50424154 L4.81295445,0.333333333 L0.797831313,3.39639949 L0.797831313,3.39639949 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/call_pressed.svg b/linphone-app/assets/images/call_pressed.svg
deleted file mode 100644
index 832802de9..000000000
--- a/linphone-app/assets/images/call_pressed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>call_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="call_clic">
-            <circle class="color-i-fill" fill="#FE5E00" cx="20" cy="20" r="20"></circle>
-            <g id="call_icon" transform="translate(9.000000, 9.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M0.797831313,3.39639949 C-0.629468455,7.43554002 1.37064325,13.2080051 4.60766925,16.445894 L4.67554581,16.5133156 C7.9118623,19.7504948 13.6842079,21.7511398 17.7208528,20.3234595 L20.7828661,16.3084488 L16.6121235,12.1370674 L12.7966095,15.3645475 L9.30959911,11.8770806 L9.24266856,11.8096591 L5.75613117,8.32219216 L8.98204149,4.50424154 L4.81295445,0.333333333 L0.797831313,3.39639949 L0.797831313,3.39639949 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/call_quality_0.svg b/linphone-app/assets/images/call_quality_0.svg
deleted file mode 100644
index 497d567a7..000000000
--- a/linphone-app/assets/images/call_quality_0.svg
+++ /dev/null
@@ -1,81 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="13"
-   height="13"
-   viewBox="0 0 13 13"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="call_quality_0.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_quality_0</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1133"
-     inkscape:window-height="628"
-     id="namedview18"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:zoom="18.153846"
-     inkscape:cx="5.0002"
-     inkscape:cy="6.0120089"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_quality_0</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(1.5001,0.24399509)">
-    <g
-       id="call_quality_0"
-       style="stroke:#96a6b1;stroke-width:2">
-      <path
-         d="M 1,11.741762 V 5.1031379"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 5,11.741762 V 3.5090691"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 9,11.741762 V 0.95355314"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_quality_2.svg b/linphone-app/assets/images/call_quality_2.svg
deleted file mode 100644
index 3dae5e5f4..000000000
--- a/linphone-app/assets/images/call_quality_2.svg
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="13"
-   height="13"
-   viewBox="0 0 13 13"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="call_quality_2.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_quality_2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="18.153846"
-     inkscape:cx="5"
-     inkscape:cy="6.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_quality_2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(1.5)">
-    <g
-       id="call_quality_2"
-       style="stroke-width:2">
-      <path
-         d="M 1,11.741762 V 5.1031379"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke:#6b7a86" />
-      <path
-         d="M 5,11.741762 V 3.5090691"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#6b7a86" />
-      <path
-         d="M 9,11.741762 V 0.95355314"
-         id="path12"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_quality_3.svg b/linphone-app/assets/images/call_quality_3.svg
deleted file mode 100644
index 612e8ddbc..000000000
--- a/linphone-app/assets/images/call_quality_3.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="13"
-   height="13"
-   viewBox="0 0 13 13"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="call_quality_3.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_quality_3</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="18.153846"
-     inkscape:cx="5"
-     inkscape:cy="6.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_quality_3</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(1.5)">
-    <g
-       id="call_quality_3"
-       style="stroke:#6b7a86;stroke-width:2">
-      <path
-         d="M 1,11.741762 V 5.1031379"
-         id="path8"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 5,11.741762 V 3.5090691"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 9,11.741762 V 0.95355314"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/call_quality_1.svg b/linphone-app/assets/images/call_quality_custom.svg
similarity index 57%
rename from linphone-app/assets/images/call_quality_1.svg
rename to linphone-app/assets/images/call_quality_custom.svg
index 23110c16b..0524cd0c3 100644
--- a/linphone-app/assets/images/call_quality_1.svg
+++ b/linphone-app/assets/images/call_quality_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="13"
-   height="13"
-   viewBox="0 0 13 13"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg16"
-   sodipodi:docname="call_quality_1.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="call_quality_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata20">
     <rdf:RDF>
@@ -22,7 +22,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_quality_1</dc:title>
+        <dc:title>call_quality_custom</dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -35,20 +35,21 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
      id="namedview18"
      showgrid="false"
-     inkscape:zoom="18.153846"
-     inkscape:cx="5"
-     inkscape:cy="6.5"
+     inkscape:zoom="4.5384615"
+     inkscape:cx="-30.516949"
+     inkscape:cy="37.237288"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="call_quality_custom"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
   <title
-     id="title2">call_quality_1</title>
+     id="title2">call_quality_custom</title>
   <desc
      id="desc4">Created with Sketch.</desc>
   <defs
@@ -56,25 +57,25 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(1.5)">
+     transform="matrix(7.9999899,0,0,6.2557797,0,0.29056132)">
     <g
-       id="call_quality_1"
-       style="stroke-width:2">
+       id="call_quality_custom"
+       style="stroke:#6b7a86;stroke-width:2">
       <path
-         d="M 1,11.741762 V 5.1031379"
+         d="M 1.201525,11.563552 V 5.1324526"
          id="path8"
          inkscape:connector-curvature="0"
-         style="stroke:#6b7a86" />
+         style="stroke-width:2.40305372;stroke-miterlimit:4;stroke-dasharray:none" />
       <path
-         d="M 5,11.741762 V 3.5090691"
+         d="M 4.9376248,11.537183 V 3.2399602"
          id="path10"
          inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
+         style="stroke-width:2.41245;stroke-miterlimit:4;stroke-dasharray:none" />
       <path
-         d="M 9,11.741762 V 0.95355314"
+         d="M 8.8542434,11.560579 V 1.1347281"
          id="path12"
          inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
+         style="stroke-width:2.36235;stroke-miterlimit:4;stroke-dasharray:none" />
     </g>
   </g>
 </svg>
diff --git a/linphone-app/assets/images/camera.svg b/linphone-app/assets/images/camera.svg
deleted file mode 100644
index 990581a63..000000000
--- a/linphone-app/assets/images/camera.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="23"
-   height="23"
-   viewBox="0 0 23 23"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="camera.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="8.4285714"
-     inkscape:cx="13.582738"
-     inkscape:cy="8.1272427"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg4" />
-  <path
-     d="m 16.494,18.5 v -4.686 l 5.756,4.363 V 6.823 l -5.756,4.363 V 6.5 H 0.75 V 18.353 L 0.923,18.5 Z"
-     id="path2"
-     inkscape:connector-curvature="0"
-     style="fill:none;fill-rule:evenodd;stroke:#6b7a86;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-</svg>
diff --git a/linphone-app/assets/images/camera_off_custom.svg b/linphone-app/assets/images/camera_off_custom.svg
new file mode 100644
index 000000000..d3df40572
--- /dev/null
+++ b/linphone-app/assets/images/camera_off_custom.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="camera_off_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.9602273"
+     inkscape:cx="-20.059565"
+     inkscape:cy="33.466208"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     stroke="#000000"
+     stroke-width="1.5"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g4"
+     transform="matrix(2.1547998,0,0,-1.9957687,14.4613,61.561071)">
+    <path
+       d="M 1,20.292 20.14,1.315 Z m 15.894,-3.977 v -4.686 l 5.81,4.362 V 4.638 L 16.895,9 V 4.315 H 1 v 11.853 l 0.175,0.147 z"
+       id="path2" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/camera_off_hovered.svg b/linphone-app/assets/images/camera_off_hovered.svg
deleted file mode 100644
index 2c4323d39..000000000
--- a/linphone-app/assets/images/camera_off_hovered.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="camera_off_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>camera_off</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="1.4142136"
-     inkscape:cx="-32.13028"
-     inkscape:cy="-18.070319"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">camera_off</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,-0.31)">
-    <g
-       id="camera_off">
-      <path
-         d="m 20,40.314541 c 11.045695,0 20,-8.954305 20,-20 C 40,9.2688456 31.045695,0.31454058 20,0.31454058 c -11.045695,0 -20,8.95430502 -20,20.00000042 0,11.045695 8.954305,20 20,20 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="fill:#96a6b1" />
-      <path
-         d="M 9,30.291717 28.139784,11.314541 Z"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-      <polygon
-         points="24.894159,26.314541 24.894159,21.628785 30.704515,25.991044 30.704515,14.637707 24.894159,19.000625 24.894159,14.314541 9,14.314541 9,26.167946 9.1745615,26.314541 "
-         id="polygon12"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/camera_off_normal.svg b/linphone-app/assets/images/camera_off_normal.svg
deleted file mode 100644
index 6f44153cd..000000000
--- a/linphone-app/assets/images/camera_off_normal.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="camera_off_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>camera_off</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="5.7560976"
-     inkscape:cx="20"
-     inkscape:cy="20.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">camera_off</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,-0.31)">
-    <g
-       id="camera_off">
-      <path
-         d="m 20,40.314541 c 11.045695,0 20,-8.954305 20,-20 C 40,9.2688456 31.045695,0.31454058 20,0.31454058 c -11.045695,0 -20,8.95430502 -20,20.00000042 0,11.045695 8.954305,20 20,20 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="fill:#4b5964" />
-      <path
-         d="M 9,30.291717 28.139784,11.314541 Z"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-      <polygon
-         points="24.894159,26.314541 24.894159,21.628785 30.704515,25.991044 30.704515,14.637707 24.894159,19.000625 24.894159,14.314541 9,14.314541 9,26.167946 9.1745615,26.314541 "
-         id="polygon12"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/camera_off_pressed.svg b/linphone-app/assets/images/camera_off_pressed.svg
deleted file mode 100644
index a1bdd0da2..000000000
--- a/linphone-app/assets/images/camera_off_pressed.svg
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="camera_off_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>camera_off_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="5.7560976"
-     inkscape:cx="20"
-     inkscape:cy="20.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">camera_off_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,-0.31)">
-    <g
-       id="camera_off_clic">
-      <path
-         d="m 20,40.314541 c 11.045695,0 20,-8.954305 20,-20 C 40,9.2688456 31.045695,0.31454058 20,0.31454058 c -11.045695,0 -20,8.95430502 -20,20.00000042 0,11.045695 8.954305,20 20,20 z"
-         class="color-i-fill"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="fill:#fe5e00" />
-      <path
-         d="M 9,30.291717 28.139784,11.314541 Z"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-      <polygon
-         points="24.894159,26.314541 24.894159,21.628785 30.704515,25.991044 30.704515,14.637707 24.894159,19.000625 24.894159,14.314541 9,14.314541 9,26.167946 9.1745615,26.314541 "
-         id="polygon12"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/camera_off_updating.svg b/linphone-app/assets/images/camera_off_updating.svg
deleted file mode 100644
index 867f331c8..000000000
--- a/linphone-app/assets/images/camera_off_updating.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="camera_off_updating.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>camera_off</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="5.7560976"
-     inkscape:cx="20"
-     inkscape:cy="20.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">camera_off</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,-0.31)">
-    <g
-       id="camera_off">
-      <path
-         d="m 20,40.314541 c 11.045695,0 20,-8.954305 20,-20 C 40,9.2688456 31.045695,0.31454058 20,0.31454058 c -11.045695,0 -20,8.95430502 -20,20.00000042 0,11.045695 8.954305,20 20,20 z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="fill:#4b5964" />
-      <path
-         d="M 9,30.291717 28.139784,11.314541 Z"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-      <polygon
-         points="24.894159,26.314541 24.894159,21.628785 30.704515,25.991044 30.704515,14.637707 24.894159,19.000625 24.894159,14.314541 9,14.314541 9,26.167946 9.1745615,26.314541 "
-         id="polygon12"
-         style="stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/camera_on_custom.svg b/linphone-app/assets/images/camera_on_custom.svg
new file mode 100644
index 000000000..f610dedd5
--- /dev/null
+++ b/linphone-app/assets/images/camera_on_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="camera_on_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.2421875"
+     inkscape:cx="-18.043373"
+     inkscape:cy="25.908434"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 50.852561,53.358187 V 42.925444 L 63.358187,52.63907 V 27.360931 L 50.852561,37.074558 V 26.641815 H 16.641815 V 53.03091 l 0.376675,0.327277 z"
+     stroke="#000000"
+     stroke-width="3.28363"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/camera_on_hovered.svg b/linphone-app/assets/images/camera_on_hovered.svg
deleted file mode 100644
index 59b356116..000000000
--- a/linphone-app/assets/images/camera_on_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>camera_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="camera_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="24.8941594 26 24.8941594 21.3142449 30.7045152 25.6765037 30.7045152 14.3231669 24.8941594 18.6860845 24.8941594 14 9 14 9 25.8534054 9.17456154 26"></polygon>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/camera_on_normal.svg b/linphone-app/assets/images/camera_on_normal.svg
deleted file mode 100644
index 6b2835676..000000000
--- a/linphone-app/assets/images/camera_on_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>camera_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="camera_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="24.8941594 26 24.8941594 21.3142449 30.7045152 25.6765037 30.7045152 14.3231669 24.8941594 18.6860845 24.8941594 14 9 14 9 25.8534054 9.17456154 26"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/camera_on_pressed.svg b/linphone-app/assets/images/camera_on_pressed.svg
deleted file mode 100644
index 06c2475a0..000000000
--- a/linphone-app/assets/images/camera_on_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>camera_on_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="camera_on_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="24.8941594 26 24.8941594 21.3142449 30.7045152 25.6765037 30.7045152 14.3231669 24.8941594 18.6860845 24.8941594 14 9 14 9 25.8534054 9.17456154 26"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/camera_on_updating.svg b/linphone-app/assets/images/camera_on_updating.svg
deleted file mode 100644
index 6b2835676..000000000
--- a/linphone-app/assets/images/camera_on_updating.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>camera_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="camera_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="24.8941594 26 24.8941594 21.3142449 30.7045152 25.6765037 30.7045152 14.3231669 24.8941594 18.6860845 24.8941594 14 9 14 9 25.8534054 9.17456154 26"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/cancel_custom.svg b/linphone-app/assets/images/cancel_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/cancel_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/cancel_hovered.svg b/linphone-app/assets/images/cancel_hovered.svg
deleted file mode 100644
index ac47999bf..000000000
--- a/linphone-app/assets/images/cancel_hovered.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>cancel_add_conference_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="cancel_add_conference_over">
-            <g id="Group-3">
-                <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" id="chat_default" fill="#4B5964"></path>
-                <g id="Group-4" transform="translate(20.000000, 20.000000) rotate(-135.000000) translate(-20.000000, -20.000000) translate(12.000000, 12.000000)" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M7.99397869,-2.78888024e-13 L7.99397869,14.9573643 L7.99498471,16 L7.99397869,-2.78888024e-13 Z M16,7.99397869 L1.04263566,7.99397869 L1.0125234e-12,7.99498471 L16,7.99397869 Z" id="Imported-Layers" transform="translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/cancel_normal.svg b/linphone-app/assets/images/cancel_normal.svg
deleted file mode 100644
index 3acee96a1..000000000
--- a/linphone-app/assets/images/cancel_normal.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>cancel_add_conference_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="cancel_add_conference_default">
-            <g id="Group-3">
-                <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" id="chat_default" fill="#96A6B1"></path>
-                <g id="Group-4" transform="translate(20.000000, 20.000000) rotate(-135.000000) translate(-20.000000, -20.000000) translate(12.000000, 12.000000)" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M7.99397869,-5.68434189e-14 L7.99397869,14.9573643 L7.99498471,16 L7.99397869,-5.68434189e-14 Z M16,7.99397869 L1.04263566,7.99397869 L7.9225515e-13,7.99498471 L16,7.99397869 Z" id="Imported-Layers" transform="translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/cancel_pressed.svg b/linphone-app/assets/images/cancel_pressed.svg
deleted file mode 100644
index a14f16758..000000000
--- a/linphone-app/assets/images/cancel_pressed.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>cancel_add_conference_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="cancel_add_conference_clic">
-            <g id="Group-3">
-                <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" id="chat_default" class="color-i-fill" fill="#FE5E00"></path>
-                <g id="Group-4" transform="translate(20.000000, 20.000000) rotate(-135.000000) translate(-20.000000, -20.000000) translate(12.000000, 12.000000)" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M7.99397869,-5.68434189e-14 L7.99397869,14.9573643 L7.99498471,16 L7.99397869,-5.68434189e-14 Z M16,7.99397869 L1.04263566,7.99397869 L7.9225515e-13,7.99498471 L16,7.99397869 Z" id="Imported-Layers" transform="translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/chat_custom.svg b/linphone-app/assets/images/chat_custom.svg
new file mode 100644
index 000000000..db15e6661
--- /dev/null
+++ b/linphone-app/assets/images/chat_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="chat_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.1964286"
+     inkscape:cx="4.3298969"
+     inkscape:cy="10.199313"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 33.324929,55.722986 c 0,0 -6.233579,6.59536 -14.178209,4.821967 0,0 7.779896,-2.271611 6.013934,-9.143515 l -0.05711,-0.318247 c -3.683479,-3.390963 -5.956824,-8.03076 -5.956824,-13.149022 0,-10.374798 9.337189,-18.787449 20.853277,-18.787449 11.51609,0 20.85328,8.412651 20.85328,18.787449 0,10.374796 -9.334995,18.787451 -20.85328,18.787451 -2.334846,0 -4.579637,-0.344585 -6.677265,-0.983272 z m -3.033323,-21.11393 h 19.364072 z m 0,6.650229 h 19.364072 z"
+     stroke="#000000"
+     stroke-width="3.29344"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/chat_disabled.svg b/linphone-app/assets/images/chat_disabled.svg
deleted file mode 100644
index 0500269bc..000000000
--- a/linphone-app/assets/images/chat_disabled.svg
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40px"
-   height="40px"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg15"
-   sodipodi:docname="chat_disabled.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/">
-  <sodipodi:namedview
-     id="namedview17"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg15" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd"
-     style="opacity:0.49974501">
-    <g
-       id="chat_default">
-      <path
-         d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z"
-         fill="#96A6B1"
-         id="path8" />
-      <g
-         id="chat_icon"
-         transform="translate(11.000000, 10.000000)"
-         stroke-width="1.5"
-         stroke="#FFFFFF"
-         stroke-linecap="round"
-         stroke-linejoin="round">
-        <path
-           d="M6.45514411,16.6653354 C6.45490676,16.6653354 3.61717822,19.6701782 0,18.8619676 C0,18.8619676 3.54193902,17.8269451 2.73827987,14.6957526 L2.71240897,14.5508779 C1.03459842,13.0064191 0,10.8924366 0,8.55995464 C0,3.83252839 4.25137115,1.77635684e-15 9.49414345,1.77635684e-15 C14.7371531,1.77635684e-15 18.9880496,3.83252839 18.9880496,8.55995464 C18.9880496,13.2873809 14.7371531,17.1196718 9.49414345,17.1196718 C8.43082597,17.1196718 7.40904432,16.9626847 6.45466941,16.6719854 L6.45514411,16.6653354 L6.45514411,16.6653354 Z M5.07378077,7.04494575 L13.889822,7.04494575 L5.07378077,7.04494575 Z M5.07378077,10.0749635 L13.889822,10.0749635 L5.07378077,10.0749635 Z"
-           id="path10" />
-      </g>
-    </g>
-  </g>
-  <metadata
-     id="metadata834">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:title>chat_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-</svg>
diff --git a/linphone-app/assets/images/chat_hovered.svg b/linphone-app/assets/images/chat_hovered.svg
deleted file mode 100644
index 18c5cf6aa..000000000
--- a/linphone-app/assets/images/chat_hovered.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>chat_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="chat_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <g id="chat_icon" transform="translate(11.000000, 11.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M6.45514411,16.6653354 C6.45490676,16.6653354 3.61717822,19.6701782 0,18.8619676 C0,18.8619676 3.54193902,17.8269451 2.73827987,14.6957526 L2.71240897,14.5508779 C1.03459842,13.0064191 0,10.8924366 0,8.55995464 C0,3.83252839 4.25137115,1.77635684e-15 9.49414345,1.77635684e-15 C14.7371531,1.77635684e-15 18.9880496,3.83252839 18.9880496,8.55995464 C18.9880496,13.2873809 14.7371531,17.1196718 9.49414345,17.1196718 C8.43082597,17.1196718 7.40904432,16.9626847 6.45466941,16.6719854 L6.45514411,16.6653354 L6.45514411,16.6653354 Z M5.07378077,7.04494575 L13.889822,7.04494575 L5.07378077,7.04494575 Z M5.07378077,10.0749635 L13.889822,10.0749635 L5.07378077,10.0749635 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/chat_menu_normal.svg b/linphone-app/assets/images/chat_menu_custom.svg
similarity index 85%
rename from linphone-app/assets/images/chat_menu_normal.svg
rename to linphone-app/assets/images/chat_menu_custom.svg
index 57fcc7150..d01c86582 100644
--- a/linphone-app/assets/images/chat_menu_normal.svg
+++ b/linphone-app/assets/images/chat_menu_custom.svg
@@ -68,20 +68,7 @@
     <g
        id="g28">
       <g
-         id="g26">
-        <g
-           transform="translate(-675.000000, -388.000000) translate(677.000000, 390.000000) translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000)"
-           id="g16">
-          <use
-             fill="#000"
-             filter="url(#ceccbcx0va)"
-             xlink:href="#694qr2vy9b"
-             id="use12" />
-          <use
-             fill="#DEDEDE"
-             xlink:href="#694qr2vy9b"
-             id="use14" />
-        </g>
+         id="g26">      
         <g
            fill="#595759"
            transform="translate(-675.000000, -388.000000) translate(677.000000, 390.000000) translate(12.000000, 12.000000) rotate(90.000000) translate(-12.000000, -12.000000) translate(10.000000, 4.000000)"
diff --git a/linphone-app/assets/images/chat_menu_hovered.svg b/linphone-app/assets/images/chat_menu_hovered.svg
deleted file mode 100644
index 57fcc7150..000000000
--- a/linphone-app/assets/images/chat_menu_hovered.svg
+++ /dev/null
@@ -1,111 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="28"
-   height="28"
-   viewBox="0 0 28 28"
-   version="1.1"
-   id="svg32"
-   sodipodi:docname="chat_menu_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview34"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="31.178571"
-     inkscape:cx="14"
-     inkscape:cy="14.016037"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg32" />
-  <defs
-     id="defs10">
-    <filter
-       id="ceccbcx0va"
-       width="1.2"
-       height="1.2"
-       x="-0.1"
-       y="-0.1"
-       filterUnits="objectBoundingBox">
-      <feOffset
-         in="SourceAlpha"
-         result="shadowOffsetOuter1"
-         id="feOffset2" />
-      <feGaussianBlur
-         in="shadowOffsetOuter1"
-         result="shadowBlurOuter1"
-         stdDeviation="1"
-         id="feGaussianBlur4" />
-      <feColorMatrix
-         in="shadowBlurOuter1"
-         values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.236309558 0"
-         id="feColorMatrix6" />
-    </filter>
-    <rect
-       id="694qr2vy9b"
-       width="24"
-       height="24"
-       x="0"
-       y="0"
-       rx="5" />
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g30">
-    <g
-       id="g28">
-      <g
-         id="g26">
-        <g
-           transform="translate(-675.000000, -388.000000) translate(677.000000, 390.000000) translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000)"
-           id="g16">
-          <use
-             fill="#000"
-             filter="url(#ceccbcx0va)"
-             xlink:href="#694qr2vy9b"
-             id="use12" />
-          <use
-             fill="#DEDEDE"
-             xlink:href="#694qr2vy9b"
-             id="use14" />
-        </g>
-        <g
-           fill="#595759"
-           transform="translate(-675.000000, -388.000000) translate(677.000000, 390.000000) translate(12.000000, 12.000000) rotate(90.000000) translate(-12.000000, -12.000000) translate(10.000000, 4.000000)"
-           id="g24">
-          <circle
-             cx="2"
-             cy="2"
-             r="2"
-             transform="translate(2.000000, 2.000000) rotate(90.000000) translate(-2.000000, -2.000000)"
-             id="circle18" />
-          <circle
-             cx="2"
-             cy="8"
-             r="2"
-             transform="translate(2.000000, 8.000000) rotate(90.000000) translate(-2.000000, -8.000000)"
-             id="circle20" />
-          <circle
-             cx="2"
-             cy="14"
-             r="2"
-             transform="translate(2.000000, 14.000000) rotate(90.000000) translate(-2.000000, -14.000000)"
-             id="circle22" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/chat_menu_pressed.svg b/linphone-app/assets/images/chat_menu_pressed.svg
deleted file mode 100644
index 17e46f152..000000000
--- a/linphone-app/assets/images/chat_menu_pressed.svg
+++ /dev/null
@@ -1,111 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="28"
-   height="28"
-   viewBox="0 0 28 28"
-   version="1.1"
-   id="svg32"
-   sodipodi:docname="chat_menu_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview34"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="31.178571"
-     inkscape:cx="14"
-     inkscape:cy="14.016037"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg32" />
-  <defs
-     id="defs10">
-    <filter
-       id="s47nlu1tya"
-       width="1.2"
-       height="1.2"
-       x="-0.1"
-       y="-0.1"
-       filterUnits="objectBoundingBox">
-      <feOffset
-         in="SourceAlpha"
-         result="shadowOffsetOuter1"
-         id="feOffset2" />
-      <feGaussianBlur
-         in="shadowOffsetOuter1"
-         result="shadowBlurOuter1"
-         stdDeviation="1"
-         id="feGaussianBlur4" />
-      <feColorMatrix
-         in="shadowBlurOuter1"
-         values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.236309558 0"
-         id="feColorMatrix6" />
-    </filter>
-    <rect
-       id="fewk321u5b"
-       width="24"
-       height="24"
-       x="0"
-       y="0"
-       rx="5" />
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g30">
-    <g
-       id="g28">
-      <g
-         id="g26">
-        <g
-           transform="translate(-675.000000, -388.000000) translate(677.000000, 390.000000) translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000)"
-           id="g16">
-          <use
-             fill="#000"
-             filter="url(#s47nlu1tya)"
-             xlink:href="#fewk321u5b"
-             id="use12" />
-          <use
-             fill="#A1A1A1"
-             xlink:href="#fewk321u5b"
-             id="use14" />
-        </g>
-        <g
-           fill="#595759"
-           transform="translate(-675.000000, -388.000000) translate(677.000000, 390.000000) translate(12.000000, 12.000000) rotate(90.000000) translate(-12.000000, -12.000000) translate(10.000000, 4.000000)"
-           id="g24">
-          <circle
-             cx="2"
-             cy="2"
-             r="2"
-             transform="translate(2.000000, 2.000000) rotate(90.000000) translate(-2.000000, -2.000000)"
-             id="circle18" />
-          <circle
-             cx="2"
-             cy="8"
-             r="2"
-             transform="translate(2.000000, 8.000000) rotate(90.000000) translate(-2.000000, -8.000000)"
-             id="circle20" />
-          <circle
-             cx="2"
-             cy="14"
-             r="2"
-             transform="translate(2.000000, 14.000000) rotate(90.000000) translate(-2.000000, -14.000000)"
-             id="circle22" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/chat_micro.svg b/linphone-app/assets/images/chat_micro_custom.svg
similarity index 82%
rename from linphone-app/assets/images/chat_micro.svg
rename to linphone-app/assets/images/chat_micro_custom.svg
index 7bd118b07..dfbaa91dd 100644
--- a/linphone-app/assets/images/chat_micro.svg
+++ b/linphone-app/assets/images/chat_micro_custom.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="25"
-   height="25"
-   viewBox="0 0 25 25"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg12"
-   sodipodi:docname="chat_micro.svg"
+   sodipodi:docname="chat_micro_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -22,20 +22,20 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      showgrid="false"
-     inkscape:zoom="34.92"
-     inkscape:cx="9.0063001"
-     inkscape:cy="12.5"
+     inkscape:zoom="4.365"
+     inkscape:cx="7.2164948"
+     inkscape:cy="48.568156"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg12" />
   <g
      fill="none"
      fill-rule="evenodd"
      id="g10"
-     transform="translate(4)">
+     transform="matrix(1.6850146,0,0,2,25,15)">
     <g
        fill="#444444"
        fill-rule="nonzero"
diff --git a/linphone-app/assets/images/chat_normal.svg b/linphone-app/assets/images/chat_normal.svg
deleted file mode 100644
index dd5e5408c..000000000
--- a/linphone-app/assets/images/chat_normal.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>chat_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="chat_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <g id="chat_icon" transform="translate(11.000000, 10.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M6.45514411,16.6653354 C6.45490676,16.6653354 3.61717822,19.6701782 0,18.8619676 C0,18.8619676 3.54193902,17.8269451 2.73827987,14.6957526 L2.71240897,14.5508779 C1.03459842,13.0064191 0,10.8924366 0,8.55995464 C0,3.83252839 4.25137115,1.77635684e-15 9.49414345,1.77635684e-15 C14.7371531,1.77635684e-15 18.9880496,3.83252839 18.9880496,8.55995464 C18.9880496,13.2873809 14.7371531,17.1196718 9.49414345,17.1196718 C8.43082597,17.1196718 7.40904432,16.9626847 6.45466941,16.6719854 L6.45514411,16.6653354 L6.45514411,16.6653354 Z M5.07378077,7.04494575 L13.889822,7.04494575 L5.07378077,7.04494575 Z M5.07378077,10.0749635 L13.889822,10.0749635 L5.07378077,10.0749635 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/chat_pressed.svg b/linphone-app/assets/images/chat_pressed.svg
deleted file mode 100644
index 460cf104d..000000000
--- a/linphone-app/assets/images/chat_pressed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>chat_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="chat_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <g id="chat_icon" transform="translate(11.000000, 11.000000)" stroke-width="1.5" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M6.45514411,16.6653354 C6.45490676,16.6653354 3.61717822,19.6701782 0,18.8619676 C0,18.8619676 3.54193902,17.8269451 2.73827987,14.6957526 L2.71240897,14.5508779 C1.03459842,13.0064191 0,10.8924366 0,8.55995464 C0,3.83252839 4.25137115,1.77635684e-15 9.49414345,1.77635684e-15 C14.7371531,1.77635684e-15 18.9880496,3.83252839 18.9880496,8.55995464 C18.9880496,13.2873809 14.7371531,17.1196718 9.49414345,17.1196718 C8.43082597,17.1196718 7.40904432,16.9626847 6.45466941,16.6719854 L6.45514411,16.6653354 L6.45514411,16.6653354 Z M5.07378077,7.04494575 L13.889822,7.04494575 L5.07378077,7.04494575 Z M5.07378077,10.0749635 L13.889822,10.0749635 L5.07378077,10.0749635 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/chat_room.svg b/linphone-app/assets/images/chat_room_custom.svg
similarity index 94%
rename from linphone-app/assets/images/chat_room.svg
rename to linphone-app/assets/images/chat_room_custom.svg
index 1973fa81c..408e19619 100644
--- a/linphone-app/assets/images/chat_room.svg
+++ b/linphone-app/assets/images/chat_room_custom.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="30"
-   height="30"
-   viewBox="0 0 30 30"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg21"
-   sodipodi:docname="chat_room.svg"
+   sodipodi:docname="chat_room_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -21,13 +21,13 @@
      inkscape:pagecheckerboard="0"
      showgrid="false"
      width="30px"
-     inkscape:zoom="22.636364"
-     inkscape:cx="18.487952"
-     inkscape:cy="18.487952"
+     inkscape:zoom="5.659091"
+     inkscape:cx="-9.6305219"
+     inkscape:cy="24.738955"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg21" />
   <defs
@@ -49,7 +49,7 @@
      fill="none"
      fill-rule="evenodd"
      id="g19"
-     transform="matrix(0.55084802,0,0,0.55553678,-0.42038105,4.569459)">
+     transform="matrix(0.91808004,0,0,0.97218937,14.299365,21.746553)">
     <g
        id="g17">
       <g
@@ -59,7 +59,7 @@
            transform="translate(0.763635,0.775)"
            id="g13">
           <g
-             fill="#444444"
+             fill="#000000"
              fill-rule="nonzero"
              id="g11">
             <path
diff --git a/linphone-app/assets/images/chat_room_light.svg b/linphone-app/assets/images/chat_room_light.svg
deleted file mode 100644
index 4721e2f59..000000000
--- a/linphone-app/assets/images/chat_room_light.svg
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="30"
-   height="30"
-   version="1.1"
-   id="svg8"
-   sodipodi:docname="chat_room_light.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs12" />
-  <sodipodi:namedview
-     id="namedview10"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
-     showgrid="false"
-     inkscape:zoom="20.421053"
-     inkscape:cx="5.4600516"
-     inkscape:cy="10.087629"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg8" />
-  <g
-     fill="#ffffff"
-     fill-rule="nonzero"
-     id="g6"
-     transform="matrix(1.101667,0,0,1.1111909,0.13050176,4.3844002)">
-    <path
-       d="m 22.838,7.244 c 0.509,0 1,-0.106 1.44,-0.308 a 0.563,0.563 0 0 1 0.075,-0.027 2.39,2.39 0 0 0 0.741,-0.45 c 0.147,-0.133 0.278,-0.283 0.388,-0.454 0.216,-0.335 0.354,-0.652 0.432,-0.94 a 1.96,1.96 0 0 0 0.052,-0.249 l 0.006,-0.052 0.002,-0.047 c 0.01,-0.084 0.014,-0.17 0.014,-0.255 0,-1.523 -1.399,-2.783 -3.15,-2.783 -1.752,0 -3.15,1.26 -3.15,2.783 0,0.726 0.316,1.41 0.878,1.927 0.09,0.083 0.152,0.194 0.173,0.315 l 0.007,0.037 c 0.078,0.318 0.078,0.611 0.013,0.877 A 3.054,3.054 0 0 0 21.242,7.243 L 21.256,7.229 21.272,7.214 21.325,7.172 21.375,7.14 21.8,7.09 c 0.339,0.103 0.683,0.154 1.038,0.154 z m 0,1.125 A 4.67,4.67 0 0 1 21.798,8.253 C 21.67,8.36 21.526,8.464 21.369,8.563 20.649,9.016 19.846,9.225 19.002,9.037 18.435,8.91 18.409,8.111 18.967,7.947 a 1.522,1.522 0 0 0 0.388,-0.2 c 0.25,-0.178 0.36,-0.376 0.314,-0.66 -0.705,-0.71 -1.107,-1.638 -1.107,-2.625 0,-2.172 1.927,-3.908 4.276,-3.908 2.348,0 4.275,1.736 4.275,3.908 0,0.117 -0.006,0.234 -0.017,0.35 A 2.605,2.605 0 0 1 27,5.359 4.49,4.49 0 0 1 26.427,6.615 3.357,3.357 0 0 1 25.845,7.295 c -0.25,0.225 -0.516,0.4 -0.784,0.533 -0.141,0.07 -0.26,0.117 -0.348,0.146 a 4.596,4.596 0 0 1 -1.875,0.395 z m -1.73,-5.062 h 3.448 c 0.75,0 0.75,1.125 0,1.125 H 21.11 c -0.75,0 -0.75,-1.125 0,-1.125 z m 0,1.41 h 3.448 c 0.75,0 0.75,1.124 0,1.124 H 21.11 c -0.75,0 -0.75,-1.125 0,-1.125 z M 4.217,16.669 c 1.129,0.337 2.288,0.553 3.436,0.668 a 16.614,16.614 0 0 0 2.18,0.084 h 0.104 l 0.132,0.004 c 0.53,0.015 1.242,-0.005 2.078,-0.088 a 18.392,18.392 0 0 0 3.436,-0.668 c 0.17,-0.92 0.004,-1.958 -0.754,-2.952 -0.576,-0.755 -1.462,-1.423 -2.714,-1.973 a 0.562,0.562 0 0 1 -0.09,-0.05 L 11.887,11.6 a 0.562,0.562 0 0 1 -0.056,-0.886 c 0.044,-0.052 0.053,-0.063 0.093,-0.105 A 2.77,2.77 0 0 0 12.663,8.718 C 12.663,7.19 11.439,5.954 9.932,5.954 H 9.868 c -1.507,0 -2.73,1.236 -2.73,2.764 0,0.713 0.266,1.381 0.739,1.891 0.04,0.043 0.047,0.051 0.082,0.096 a 0.564,0.564 0 0 1 -0.047,0.896 l -0.137,0.093 a 0.562,0.562 0 0 1 -0.09,0.05 c -1.252,0.55 -2.138,1.218 -2.714,1.973 -0.758,0.994 -0.924,2.033 -0.754,2.952 z m 5.66,1.876 A 17.716,17.716 0 0 1 7.54,18.455 19.328,19.328 0 0 1 3.576,17.647 0.563,0.563 0 0 1 3.216,17.297 2.878,2.878 0 0 1 3.122,16.927 c -0.24,-1.22 -0.033,-2.598 0.955,-3.893 0.608,-0.798 1.48,-1.497 2.638,-2.077 A 3.898,3.898 0 0 1 6.012,8.717 c 0,-2.146 1.725,-3.888 3.856,-3.888 h 0.064 c 2.13,0 3.856,1.742 3.856,3.889 0,0.815 -0.25,1.591 -0.703,2.239 1.158,0.58 2.03,1.28 2.638,2.077 0.988,1.295 1.196,2.673 0.955,3.894 a 2.877,2.877 0 0 1 -0.094,0.368 0.563,0.563 0 0 1 -0.36,0.351 19.332,19.332 0 0 1 -3.965,0.809 17.716,17.716 0 0 1 -2.336,0.09 H 9.877 Z"
-       id="path2" />
-    <path
-       d="m 13.734,8.718 c 0,0.815 -0.25,1.591 -0.703,2.239 1.734,0.868 2.812,1.992 3.328,3.28 0.985,-0.076 2.01,-0.248 3.019,-0.545 0.112,-0.694 -0.026,-1.471 -0.596,-2.219 -0.451,-0.59 -1.148,-1.116 -2.138,-1.55 A 0.562,0.562 0 0 1 16.554,9.872 L 16.444,9.797 A 0.563,0.563 0 0 1 16.388,8.91 0.99,0.99 0 0 1 16.454,8.834 c 0.36,-0.39 0.564,-0.9 0.564,-1.445 0,-1.166 -0.934,-2.11 -2.084,-2.11 h -0.05 c -0.806,0 -1.525,0.468 -1.87,1.176 0.464,0.652 0.72,1.438 0.72,2.263 z m 2.639,0.211 z m -3.86,1.785 -0.226,0.515 0.317,-0.465 -0.042,-0.029 A 12.052,12.052 0 0 0 12.514,10.714 Z M 11.87,10.609 A 2.77,2.77 0 0 0 12.609,8.718 2.77,2.77 0 0 0 11.944,6.91 0.563,0.563 0 0 1 11.837,6.369 3.212,3.212 0 0 1 14.883,4.154 h 0.051 c 1.774,0 3.21,1.45 3.21,3.235 0,0.635 -0.183,1.241 -0.515,1.758 0.89,0.462 1.567,1.015 2.047,1.644 0.815,1.069 0.987,2.208 0.788,3.217 -0.027,0.14 -0.056,0.245 -0.08,0.311 a 0.562,0.562 0 0 1 -0.36,0.351 15.836,15.836 0 0 1 -4.028,0.716 0.562,0.562 0 0 1 -0.566,-0.4 C 15.052,13.72 14.01,12.601 12.06,11.744 a 0.562,0.562 0 0 1 -0.09,-0.05 L 11.833,11.6 a 0.562,0.562 0 0 1 -0.055,-0.886 c 0.043,-0.052 0.052,-0.063 0.092,-0.105 z M 6.715,10.956 A 3.898,3.898 0 0 1 6.012,8.718 c 0,-1.033 0.403,-2 1.096,-2.716 A 2.07,2.07 0 0 0 5.538,5.279 H 5.487 c -1.15,0 -2.084,0.944 -2.084,2.11 0,0.545 0.204,1.056 0.565,1.445 C 4,8.869 4.008,8.878 4.033,8.909 A 0.563,0.563 0 0 1 3.977,9.798 l -0.11,0.075 a 0.563,0.563 0 0 1 -0.09,0.05 c -0.99,0.434 -1.687,0.96 -2.137,1.55 -0.57,0.748 -0.708,1.525 -0.597,2.22 0.78,0.228 1.579,0.385 2.37,0.48 C 3.94,12.911 5.011,11.81 6.715,10.956 Z M 4.048,8.93 Z m 3.095,1.834 0.316,0.466 -0.227,-0.515 -0.047,0.02 -0.042,0.03 z m 0.77,0.838 -0.138,0.093 a 0.562,0.562 0 0 1 -0.09,0.05 c -1.927,0.847 -2.968,1.951 -3.356,3.2 A 0.563,0.563 0 0 1 3.74,15.339 15.687,15.687 0 0 1 0.397,14.671 0.563,0.563 0 0 1 0.037,14.32 2.417,2.417 0 0 1 -0.043,14.01 C -0.242,13 -0.07,11.86 0.745,10.792 1.225,10.162 1.902,9.61 2.792,9.148 A 3.244,3.244 0 0 1 2.278,7.39 c 0,-1.785 1.435,-3.235 3.209,-3.235 h 0.05 c 1.179,0 2.244,0.645 2.806,1.663 A 0.563,0.563 0 0 1 8.198,6.532 2.77,2.77 0 0 0 7.138,8.719 c 0,0.713 0.266,1.381 0.739,1.891 0.04,0.043 0.047,0.051 0.082,0.096 a 0.564,0.564 0 0 1 -0.047,0.896 z"
-       id="path4" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/close.svg b/linphone-app/assets/images/close.svg
deleted file mode 100644
index 97cc19996..000000000
--- a/linphone-app/assets/images/close.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   sodipodi:docname="timeline_close.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="29.1"
-     inkscape:cx="8.3333333"
-     inkscape:cy="15"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="14"
-       height="14"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0A KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAAB AAAAHgAAAADKQTcFAAAFMUlEQVRIDbVXfUxbVRS/5z5axteCzjkdRJMlUnUZmXxFw2YWJzBti4CC aysVtC2MuUT9x8SvNC4x+oeZn4w95sKEQlgj+2hxMtBtaGIic1PnMLIsi4loYjIZAweWvnc9t+w9 7gNKCGH3j95zfufjd8959913K9mcngP3bCy4dPHnM3+TmzisTl+lZUPOq1nZuauGzp89C1aHhxEg /xICZd3tzX03g9vm9O5mjL2u5wZaRWMKIynAWLfN5XlKNy6D4Pf7qd3paTSQYl4gZP00MSqMEDNh 0Gl3+DzLwEl8Pp/pzNBwQGVkh5gPgIxRKnVwYuScHrgyqhK12er0vqJhS5ntPl/yn+PsKObbLsYj 6RUA2Hqsbe9vVKKSG4uPig6EsXdsDu+7BmyRSlnNi+nqGOtF0scMIQB/mCTz5lCgeYDj2G5C7C6v TWUsiLWv4Lo+AD5NLiuqC1ZVKTq2gFBZ03DHxH+RHmxhttENhhLBXNzV/snvGh4j5kqps+5hhagh rHalZuQztubzpKwMZ9Dvj4j4bNnq3LGOkKleXDzOMwMJzpkSErYdbm0yvK46MXctddc/oEaVL7FN t8+EogTQl5xuKg82No4b8BvKEy7fhihjPbjoOw12IP3pkGQPBD66ZsBR0Xc1Nxz7rOkcQpvwAegt iQUw9ujE1chX5e6dq2K68GNz1D2EpKdnk+JGCq02Z5bMR8rDDcQcCLfvu5gIZBOKv3JdG4yRgkg0 0m9z12doGO7+EgJqH5LeomF8xsfTmpeVWdHS4p8UcVE2tFo08OqmopHj2PZ8EefdACIV4ZzDmNqK pCbRjqQfhALySzjrr6lo1+S4xNyhsqEhFVt8BKvdqgXEZoBrGJiKizJ2DOib3e3yboNvHEWKg8fg wYGBSMmWws6Riej9CNwn+CairC8aq1MpgRfCHc3vCT4LinrwQl6Vhw5JE4d7ZUbYc3P9IEol5g61 7e+Ya4uPGFsV3w/LY3G6w4CpsOg8GkWcZJqZkJoa/4rRCz8Gcac8PYMaJE5absnOuzJ0/ofvDZYF lAWJXa5dK0ei/4QxfpuYAxcxSgHMiGmPCmf2uCU7h+BH/rToG0+O26LK2l2rR9nkSSTZIgbjRrps NtNcvD1sRzbDMYq73291eD/E3a4tSAw1yPM62N2+u1hUPYGJLKI3Ov9ilmhxV5v8F8ftLl+xytQu PJ9TRD+U2/ItmbV4ETB+9QSnOcR4EbhXBYaHPcsU/PA0It8xYrJ2t+8dEXG7y/OgqpJuxG4VcexM OGlNalVwz54JEddkA3FpdV2eqqj8tLpNc+AzJumBVKgIyfJ1Eddk+7Pe9SzCTuBjWathfAYC3ySl gT0oy6MizmX9GdurPY+oivL1XFLSuTYV7PFIeZLQweYLkMDPd7jEdW3ge7/5+jg7VV5db/zaoUOM 2ObylqtR+AKfaZoWxGestAkPe6csy1MiPp8cat1/WUpJLsQqfzLYGds4pSjfVjh33i3igJ+1WkKU ZmyT4dWiQN8Otcuvic6LkfnVZyoyHsYNVyj644KGJUqLjwb2DXKcMqIcmEXKkPTlpZDyhEda3r+a vCatCLt1nOvawLZnKEzptznrCzg2faG/YcWdpjBKn+8OyAe1gKXO/Ho7PMYwD3OIObDycSol5Omb C7fgJL4yTy4HKSfi+yLfkvEModAoEmPlqaqqOGIVI+EYoQml4bamU6LTcsn4b+ItvNi/oefDvzCS JTt3nQRSbSiwL3bf1Y3LKOD5fTIrO28QC4wAhY/xP1rr/65z4vA1bJBHAAAAAElFTkSuQmCC "
-       id="image10"
-       x="0"
-       y="0" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/close_custom.svg b/linphone-app/assets/images/close_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/close_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/collapse.svg b/linphone-app/assets/images/collapse.svg
deleted file mode 100644
index aa34c7c00..000000000
--- a/linphone-app/assets/images/collapse.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>window_close</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="window_close" fill="#6B7A86">
-            <path d="M8.8817842e-16,6.76811594 C8.8817842e-16,6.64251145 0.0467597194,6.53140145 0.140280561,6.43478261 L0.841683367,5.71014493 C0.935204208,5.61352609 1.04275156,5.56521739 1.16432866,5.56521739 C1.28590575,5.56521739 1.39345311,5.61352609 1.48697395,5.71014493 L7,11.4057971 L12.5130261,5.71014493 C12.6065469,5.61352609 12.7140942,5.56521739 12.8356713,5.56521739 C12.9572484,5.56521739 13.0647958,5.61352609 13.1583166,5.71014493 L13.8597194,6.43478261 C13.9532403,6.53140145 14,6.64251145 14,6.76811594 C14,6.89372043 13.9532403,7.00483043 13.8597194,7.10144928 L7.32264529,13.8550725 C7.22912445,13.9516913 7.12157709,14 7,14 C6.87842291,14 6.77087555,13.9516913 6.67735471,13.8550725 L0.140280561,7.10144928 C0.0467597194,7.00483043 8.8817842e-16,6.89372043 8.8817842e-16,6.76811594 L8.8817842e-16,6.76811594 Z M8.8817842e-16,1.20289855 C8.8817842e-16,1.07729406 0.0467597194,0.966184058 0.140280561,0.869565217 L0.841683367,0.144927536 C0.935204208,0.0483086957 1.04275156,-1.15463195e-14 1.16432866,-1.15463195e-14 C1.28590575,-1.15463195e-14 1.39345311,0.0483086957 1.48697395,0.144927536 L7,5.84057971 L12.5130261,0.144927536 C12.6065469,0.0483086957 12.7140942,-1.15463195e-14 12.8356713,-1.15463195e-14 C12.9572484,-1.15463195e-14 13.0647958,0.0483086957 13.1583166,0.144927536 L13.8597194,0.869565217 C13.9532403,0.966184058 14,1.07729406 14,1.20289855 C14,1.32850304 13.9532403,1.43961304 13.8597194,1.53623188 L7.32264529,8.28985507 C7.22912445,8.38647391 7.12157709,8.43478261 7,8.43478261 C6.87842291,8.43478261 6.77087555,8.38647391 6.67735471,8.28985507 L0.140280561,1.53623188 C0.0467597194,1.43961304 8.8817842e-16,1.32850304 8.8817842e-16,1.20289855 L8.8817842e-16,1.20289855 Z" transform="translate(7.000000, 7.000000) rotate(-180.000000) translate(-7.000000, -7.000000) "></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/expanded.svg b/linphone-app/assets/images/collapsed_custom.svg
similarity index 85%
rename from linphone-app/assets/images/expanded.svg
rename to linphone-app/assets/images/collapsed_custom.svg
index b18f30c06..2cceabfbe 100644
--- a/linphone-app/assets/images/expanded.svg
+++ b/linphone-app/assets/images/collapsed_custom.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="expanded.svg"
+   sodipodi:docname="collapsed_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -36,14 +36,14 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
+     inkscape:window-height="1043"
      id="namedview13"
      showgrid="false"
      inkscape:zoom="5.9599"
      inkscape:cx="4.2785953"
-     inkscape:cy="-9.983389"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:cy="30.201849"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg11"
      inkscape:pagecheckerboard="0" />
@@ -57,10 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="matrix(1,0,0,-1,0,9.5)">
+     transform="matrix(4.1666619,0,0,4.2856734,15,25)">
     <g
        id="drop_down_list"
-       style="stroke:#6b7a86;stroke-width:2">
+       style="stroke:#000000;stroke-width:2">
       <path
          d="m 3.5,8.5 5,-5 M 3.5041964,-1.5 8.5,3.5"
          id="status_username_disconnected"
diff --git a/linphone-app/assets/images/conferences_normal.svg b/linphone-app/assets/images/conferences_normal.svg
deleted file mode 100644
index c0b066fb6..000000000
--- a/linphone-app/assets/images/conferences_normal.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="24"
-   height="24"
-   viewBox="0 0 24 24"
-   sodipodi:docname="conferences_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="2.2451317"
-     inkscape:cy="10.67583"
-     inkscape:window-width="1467"
-     inkscape:window-height="882"
-     inkscape:window-x="2167"
-     inkscape:window-y="33"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="g8">
-    <inkscape:grid
-       type="xygrid"
-       id="grid7" />
-  </sodipodi:namedview>
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="30"
-       height="30"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB AAAAUAAAAAAx4ExPAAAGIElEQVR4Ae2aTWhdRRTHE61Vg6jUglDIQqnGjxaKpVpxkWan7gqCIcmq LrR1a5QuqkkXLiy4akkpxpXGgkqpK0UtCn5QpaJVNKI0i6JRrK2p1X7ZPn//15lwc9/X3PvuzXv3 5Rz4vzkzc2bmzP/NzJ133u3qMjEGjAFjwBgwBowBY8AYMAaMAWPAGDAGjAFjwBjoEAZKpdJacAD8 6iB9bYdML99pQNRmcB7ERWWb8x294L1D0EpwwjE3TfqEg3SJ6lYWfJr5uQ85Q2IJOQ1u9SNJd2Uk pSFfXuT0qpycv9f1e7S7u/t3P4bTj7q8t/HVhUzzInDGsdHHSrvBM+P0Ppf3Nr7aUs8ARPWCf4Dk EOh3kC5RXa+3t7QKAxA0KaZqyGSVJlYkBiBsBXijBnHRYtmsMNYiDEBID/giwpL0p8BDDtKj9YfJ 90S6WNoqZEwByWWwFXTHGVGZq5ONZCpusyTzELEGeFJGG5GA7SiQqM2aRvYdXw8J+8QGcgxUrLw4 AbJxtiSlffH6ouSXZejoetfXEdKHISWk668wug3cF2LcjjYNV0qo0xA2h+2NofYxu9P8SrkpVlaI bJa/RA4w46BlF2NGbdTWZCkykNkWzoM8jgVt60fB3SDN6o66dZbMDxwVB6OFLdWZYG4RZ/peDSR/ g0tlrbmPCzQ/CT4BmT08U69AnFBUeT9YHvsWL5Af5JtOfa7R9830cQwo1cqbBal9pa1k1ZWk6yLp Efx70OXnE8bVit8JhsFGbH6er8xSYaBcI870Pwi08iQDWflOX++Dc+AiuNb3i74cPAM05lnwH8jv bkrnuUac6X8caNv+5ieZRUp/68AcOAXuAbrMj4A/wBkg4ryMh4yZ9hrjo8l5RZwv43yQb8xWJAw7 NNrmV9OvjgT1rcDuT2AC3ALU9kNwAgRL2sN0xo1QjjhzVpxRnkko+rzYEechxnxN4zt53St1Um3f N4EIle/6m2Er8/icOcyiB0vQt1ylt/co+xfon7V3GLRfkO7KVCebxZA7IoNE9UhxhSoCda05DkYg bp3Iq7AKKEi1AhnsOITpCbwF6JAXorJfNtGCNtN1U9gOJvDzUjO+JSYQ4hRF3gMG6wy8BTsFSp/G wZN17BJX0a/OKm1bv9q08r30Uz/mMjrfphhfZ15czlPwQbPkqdNEBDpS3qXdBjVGvgSvgm+VQfTa hlal6kXw7bQZwFFt6awkfuZF+91ERohKtTOxGqnRNsF60jPwFXoWOXJgG3gAcvaCTx32qszVyeZ+ oDYdK8ErkJWkqLHfts9BmB7/FUK5iJvAXk/kl4AuxS9S/l2FcboC/xdAdAtvcl19RPqx08tb2Omt TyBh0SLOjPUCkDS8SGMzVra88jFWjylM1oO/gH4XPwt0ni4QymaBZHxBRY1M8AqkfSdFnK9hPjuA Xnraxu7QBTqVJCFwtRvhMVIhifjtlqRNqK22qpeo7suqpeco1Pl/JzgIid+Q6sbwNWkiSfIQUXQl zdNLbVJHZgJmozNxxMGfj42a6R74JPgFyL+N4DOIfJs0yaLCvA1F5w9QMCHRz6pGU6E/BRP0yp0P JixD15/9Ohf1vo7ORi9BZ2CjMVtSzwz05FZ0RGGngaycoK/vgSIuCmnp51xZ0HuAHkYiUXWyednX 10srnkL1jJPW4YQu1juB7oaSw+B5zhp/8S4Xxj9op0DqKaDtJR+zWInX0c/1QMfWW/gwTLpAGFe/ 7XeDx8EqbLIYd8EYwRmcaeodadorpK8QvLZcViF9rS5t3/nVFzyhGoa5rEAc1Dc5DRRn+xHsApJR 0Af+BHfxDdeNvdGPQuyPAP2ppBhhM6In7zRjts+fSrVmw8RzjVjXGrcV5UmuMUn8yztincSXXG3z InDGeV2OWPsZsDJbEbH2wxcnhaheoCuB5BDod5AuUV1vcWbUAk8haFJM1ZDJFrhUjCEhzN6RTvtV QZ5u9NF3oKXbO9KhhEKWvSMdSlbcDvLsHek4KUnyELhoEeskfuVtm2Xsq5Mi1sG8Z/ZbmBU4x6j2 jnQw9ZWG7RqxrvTUSowBY8AYMAaMAWPAGDAGjAFjwBgwBowBY8AYMAYKysD/knX7aHrTIKcAAAAA SUVORK5CYII= "
-       id="image10"
-       x="-3"
-       y="-3" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/conferences_selected.svg b/linphone-app/assets/images/conferences_selected.svg
deleted file mode 100644
index c0b066fb6..000000000
--- a/linphone-app/assets/images/conferences_selected.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="24"
-   height="24"
-   viewBox="0 0 24 24"
-   sodipodi:docname="conferences_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="2.2451317"
-     inkscape:cy="10.67583"
-     inkscape:window-width="1467"
-     inkscape:window-height="882"
-     inkscape:window-x="2167"
-     inkscape:window-y="33"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="g8">
-    <inkscape:grid
-       type="xygrid"
-       id="grid7" />
-  </sodipodi:namedview>
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="30"
-       height="30"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB AAAAUAAAAAAx4ExPAAAGIElEQVR4Ae2aTWhdRRTHE61Vg6jUglDIQqnGjxaKpVpxkWan7gqCIcmq LrR1a5QuqkkXLiy4akkpxpXGgkqpK0UtCn5QpaJVNKI0i6JRrK2p1X7ZPn//15lwc9/X3PvuzXv3 5Rz4vzkzc2bmzP/NzJ133u3qMjEGjAFjwBgwBowBY8AYMAaMAWPAGDAGjAFjwBjoEAZKpdJacAD8 6iB9bYdML99pQNRmcB7ERWWb8x294L1D0EpwwjE3TfqEg3SJ6lYWfJr5uQ85Q2IJOQ1u9SNJd2Uk pSFfXuT0qpycv9f1e7S7u/t3P4bTj7q8t/HVhUzzInDGsdHHSrvBM+P0Ppf3Nr7aUs8ARPWCf4Dk EOh3kC5RXa+3t7QKAxA0KaZqyGSVJlYkBiBsBXijBnHRYtmsMNYiDEBID/giwpL0p8BDDtKj9YfJ 90S6WNoqZEwByWWwFXTHGVGZq5ONZCpusyTzELEGeFJGG5GA7SiQqM2aRvYdXw8J+8QGcgxUrLw4 AbJxtiSlffH6ouSXZejoetfXEdKHISWk668wug3cF2LcjjYNV0qo0xA2h+2NofYxu9P8SrkpVlaI bJa/RA4w46BlF2NGbdTWZCkykNkWzoM8jgVt60fB3SDN6o66dZbMDxwVB6OFLdWZYG4RZ/peDSR/ g0tlrbmPCzQ/CT4BmT08U69AnFBUeT9YHvsWL5Af5JtOfa7R9830cQwo1cqbBal9pa1k1ZWk6yLp Efx70OXnE8bVit8JhsFGbH6er8xSYaBcI870Pwi08iQDWflOX++Dc+AiuNb3i74cPAM05lnwH8jv bkrnuUac6X8caNv+5ieZRUp/68AcOAXuAbrMj4A/wBkg4ryMh4yZ9hrjo8l5RZwv43yQb8xWJAw7 NNrmV9OvjgT1rcDuT2AC3ALU9kNwAgRL2sN0xo1QjjhzVpxRnkko+rzYEechxnxN4zt53St1Um3f N4EIle/6m2Er8/icOcyiB0vQt1ylt/co+xfon7V3GLRfkO7KVCebxZA7IoNE9UhxhSoCda05DkYg bp3Iq7AKKEi1AhnsOITpCbwF6JAXorJfNtGCNtN1U9gOJvDzUjO+JSYQ4hRF3gMG6wy8BTsFSp/G wZN17BJX0a/OKm1bv9q08r30Uz/mMjrfphhfZ15czlPwQbPkqdNEBDpS3qXdBjVGvgSvgm+VQfTa hlal6kXw7bQZwFFt6awkfuZF+91ERohKtTOxGqnRNsF60jPwFXoWOXJgG3gAcvaCTx32qszVyeZ+ oDYdK8ErkJWkqLHfts9BmB7/FUK5iJvAXk/kl4AuxS9S/l2FcboC/xdAdAtvcl19RPqx08tb2Omt TyBh0SLOjPUCkDS8SGMzVra88jFWjylM1oO/gH4XPwt0ni4QymaBZHxBRY1M8AqkfSdFnK9hPjuA Xnraxu7QBTqVJCFwtRvhMVIhifjtlqRNqK22qpeo7suqpeco1Pl/JzgIid+Q6sbwNWkiSfIQUXQl zdNLbVJHZgJmozNxxMGfj42a6R74JPgFyL+N4DOIfJs0yaLCvA1F5w9QMCHRz6pGU6E/BRP0yp0P JixD15/9Ohf1vo7ORi9BZ2CjMVtSzwz05FZ0RGGngaycoK/vgSIuCmnp51xZ0HuAHkYiUXWyednX 10srnkL1jJPW4YQu1juB7oaSw+B5zhp/8S4Xxj9op0DqKaDtJR+zWInX0c/1QMfWW/gwTLpAGFe/ 7XeDx8EqbLIYd8EYwRmcaeodadorpK8QvLZcViF9rS5t3/nVFzyhGoa5rEAc1Dc5DRRn+xHsApJR 0Af+BHfxDdeNvdGPQuyPAP2ppBhhM6In7zRjts+fSrVmw8RzjVjXGrcV5UmuMUn8yztincSXXG3z InDGeV2OWPsZsDJbEbH2wxcnhaheoCuB5BDod5AuUV1vcWbUAk8haFJM1ZDJFrhUjCEhzN6RTvtV QZ5u9NF3oKXbO9KhhEKWvSMdSlbcDvLsHek4KUnyELhoEeskfuVtm2Xsq5Mi1sG8Z/ZbmBU4x6j2 jnQw9ZWG7RqxrvTUSowBY8AYMAaMAWPAGDAGjAFjwBgwBowBY8AYMAYKysD/knX7aHrTIKcAAAAA SUVORK5CYII= "
-       id="image10"
-       x="-3"
-       y="-3" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_add.svg b/linphone-app/assets/images/contact_add.svg
deleted file mode 100644
index 1ed790513..000000000
--- a/linphone-app/assets/images/contact_add.svg
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="contact_add.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_add_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="11"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_add_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_add_default">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-linejoin:round" />
-      <path
-         d="M 18.416667,0.58333333 V 6.4166667"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff" />
-      <path
-         d="m 15.5,3.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_add_custom.svg b/linphone-app/assets/images/contact_add_custom.svg
new file mode 100644
index 000000000..de24c41a0
--- /dev/null
+++ b/linphone-app/assets/images/contact_add_custom.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="contact_add_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="-7.7892325"
+     inkscape:cy="14.112257"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <g
+     stroke="#000000"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     id="g6"
+     transform="matrix(2.0613449,0,0,2.1144789,16.464069,18.942761)">
+    <path
+       d="m 9.04,2.917 c 2.31,0 4.183,1.89 4.183,4.223 a 4.232,4.232 0 0 1 -1.13,2.887 c -0.098,0.106 -0.059,0.088 -0.168,0.183 l 0.175,0.119 c 6.339,2.786 4.713,7.47 4.713,7.47 -4.082,1.308 -7.766,1.107 -7.766,1.107 H 8.953 c 0,0 -3.684,0.2 -7.766,-1.107 0,0 -1.626,-4.684 4.713,-7.47 L 6.075,10.21 C 5.966,10.115 6.005,10.133 5.907,10.027 A 4.233,4.233 0 0 1 4.777,7.14 C 4.777,4.808 6.65,2.917 8.96,2.917 Z"
+       stroke-linejoin="round"
+       id="path2" />
+    <path
+       d="M 18.917,1 V 6.833 M 16,3.917 h 5.833"
+       id="path4" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/contact_add_hovered.svg b/linphone-app/assets/images/contact_add_hovered.svg
deleted file mode 100644
index bbc884334..000000000
--- a/linphone-app/assets/images/contact_add_hovered.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="contact_add_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_add_over</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="11"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_add_over</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_add_over"
-       style="stroke:#4b5964">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="M 18.416667,0.58333333 V 6.4166667"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 15.5,3.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_add_normal.svg b/linphone-app/assets/images/contact_add_normal.svg
deleted file mode 100644
index ca51c3476..000000000
--- a/linphone-app/assets/images/contact_add_normal.svg
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="contact_add_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_add_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="11"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_add_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_add_default">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a5b1;stroke-linejoin:round" />
-      <path
-         d="M 18.416667,0.58333333 V 6.4166667"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
-      <path
-         d="m 15.5,3.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_add_pressed.svg b/linphone-app/assets/images/contact_add_pressed.svg
deleted file mode 100644
index 34fde2400..000000000
--- a/linphone-app/assets/images/contact_add_pressed.svg
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg16"
-   sodipodi:docname="contact_add_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata20">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_add_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview18"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="11"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg16" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_add_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_add_clic"
-       class="color-i-stroke"
-       style="stroke:#fe5e00">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="M 18.416667,0.58333333 V 6.4166667"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 15.5,3.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_card_photo_custom.svg b/linphone-app/assets/images/contact_card_photo_custom.svg
new file mode 100644
index 000000000..738e3d12c
--- /dev/null
+++ b/linphone-app/assets/images/contact_card_photo_custom.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="contact_card_photo_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview15"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.6375"
+     inkscape:cx="-10.584192"
+     inkscape:cy="50.309278"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" />
+  <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">contact_card_photo_over</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Symbols"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(1.3797593,0,0,1.2597605,-2.0761488,3.5840715)">
+    <g
+       id="contact_card_photo_over">
+      <g
+         id="Group-7">
+        <path
+           d="M 42.703145,40.81405 H 18.234171 C 17.01066,40.81405 16,39.819638 16,38.615797 v -15.38757 c 0,-1.203841 1.01066,-2.198186 2.234171,-2.198186 h 3.5639 c 0.585235,0 1.276758,-0.471045 1.436292,-1.046871 l 0.319138,-1.046804 C 23.925886,17.837375 25.09615,17 26.266344,17 h 8.457874 c 1.170195,0 2.340459,0.837375 2.712844,1.936366 l 0.319137,1.046804 c 0.159535,0.575826 0.851057,1.046871 1.436293,1.046871 h 3.563969 c 1.223442,0 2.234102,0.994345 2.234102,2.198186 v 15.38757 c 0,1.203841 -1.01066,2.198253 -2.287418,2.198253 z M 18.234171,22.338393 c -0.531988,0 -0.957413,0.418857 -0.957413,0.942292 v 15.3873 c 0,0.523367 0.425425,0.942224 0.957413,0.942224 h 24.468974 c 0.531988,0 0.957689,-0.418857 0.957689,-0.942224 v -15.3873 c 0,-0.523435 -0.425701,-0.942292 -0.957689,-0.942292 h -3.5639 c -1.170195,0 -2.340459,-0.837375 -2.712844,-1.936366 L 36.107264,19.355223 C 35.947729,18.7796 35.256207,18.308352 34.670971,18.308352 h -8.457874 c -0.585028,0 -1.276551,0.471248 -1.436361,1.046871 l -0.319137,1.046804 c -0.372385,1.098991 -1.54258,1.936366 -2.712844,1.936366 z"
+           id="Fill-1"
+           fill="#000000" />
+        <path
+           d="M 30.181116,37.131338 C 26.244762,37.131338 23,33.991131 23,30.065669 23,26.192666 26.191791,23 30.181116,23 c 3.989601,0 7.181392,3.140207 7.181392,7.065669 0,3.925462 -3.244831,7.065669 -7.181392,7.065669 z m 0,-12.770527 c -3.244762,0 -5.851042,2.564651 -5.851042,5.757317 0,3.192598 2.60628,5.75725 5.851042,5.75725 3.245038,0 5.851319,-2.564652 5.851319,-5.75725 0,-3.192666 -2.606281,-5.757317 -5.851319,-5.757317 z"
+           id="Fill-2"
+           fill="#000000" />
+      </g>
+    </g>
+  </g>
+  <metadata
+     id="metadata832">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>contact_card_photo_over</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/linphone-app/assets/images/contact_card_photo_disabled.svg b/linphone-app/assets/images/contact_card_photo_disabled.svg
deleted file mode 100644
index b4e52a62f..000000000
--- a/linphone-app/assets/images/contact_card_photo_disabled.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_card_photo_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="contact_card_photo_default">
-            <g id="Group-7">
-                <path d="M0,30 C0,46.568 13.4315,60 30,60 C46.568,60 60,46.568 60,30 C60,13.431 46.568,0 30,0 C13.4315,0 0,13.431 0,30 Z" id="AVATAR" fill="#D0D8DE"></path>
-                <path d="M42.7031449,40.8140504 L18.234171,40.8140504 C17.0106603,40.8140504 16,39.8196379 16,38.615797 L16,23.2282265 C16,22.0243856 17.0106603,21.0300409 18.234171,21.0300409 L21.7980713,21.0300409 C22.3833064,21.0300409 23.074829,20.5589962 23.2343634,19.9831696 L23.5535012,18.9363661 C23.925886,17.837375 25.0961496,17 26.2663444,17 L34.7242185,17 C35.8944133,17 37.064677,17.837375 37.4370618,18.9363661 L37.7561995,19.9831696 C37.915734,20.5589962 38.6072565,21.0300409 39.1924917,21.0300409 L42.7564608,21.0300409 C43.9799026,21.0300409 44.9905629,22.0243856 44.9905629,23.2282265 L44.9905629,38.615797 C44.9905629,39.8196379 43.9799026,40.8140504 42.7031449,40.8140504 L42.7031449,40.8140504 Z M18.234171,22.3383927 C17.7021829,22.3383927 17.2767577,22.7572496 17.2767577,23.2806853 L17.2767577,38.6679846 C17.2767577,39.1913525 17.7021829,39.6102094 18.234171,39.6102094 L42.7031449,39.6102094 C43.235133,39.6102094 43.6608337,39.1913525 43.6608337,38.6679846 L43.6608337,23.2806853 C43.6608337,22.7572496 43.235133,22.3383927 42.7031449,22.3383927 L39.1392447,22.3383927 C37.9690499,22.3383927 36.7987862,21.5010177 36.4264014,20.4020266 L36.1072637,19.3552231 C35.9477292,18.7795998 35.2562067,18.3083518 34.6709715,18.3083518 L26.2130974,18.3083518 C25.6280689,18.3083518 24.9365463,18.7795998 24.7767363,19.3552231 L24.4575986,20.4020266 C24.0852138,21.5010177 22.915019,22.3383927 21.7447553,22.3383927 L18.234171,22.3383927 Z" id="Fill-1" fill="#FFFFFF"></path>
-                <path d="M30.1811164,37.1313385 C26.2447625,37.1313385 23,33.9911314 23,30.0656693 C23,26.1926659 26.191791,23 30.1811164,23 C34.1707173,23 37.3625083,26.1402071 37.3625083,30.0656693 C37.3625083,33.9911314 34.117677,37.1313385 30.1811164,37.1313385 L30.1811164,37.1313385 Z M30.1811164,24.3608106 C26.9363539,24.3608106 24.3300736,26.9254622 24.3300736,30.118128 C24.3300736,33.3107261 26.9363539,35.8753777 30.1811164,35.8753777 C33.4261544,35.8753777 36.0324347,33.3107261 36.0324347,30.118128 C36.0324347,26.9254622 33.4261544,24.3608106 30.1811164,24.3608106 L30.1811164,24.3608106 Z" id="Fill-2" fill="#FFFFFF"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/contact_card_photo_hovered.svg b/linphone-app/assets/images/contact_card_photo_hovered.svg
deleted file mode 100644
index e7b9d282d..000000000
--- a/linphone-app/assets/images/contact_card_photo_hovered.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_card_photo_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="contact_card_photo_over">
-            <g id="Group-7">
-                <path d="M0,30 C0,46.568 13.4315,60 30,60 C46.568,60 60,46.568 60,30 C60,13.431 46.568,0 30,0 C13.4315,0 0,13.431 0,30 Z" id="AVATAR" fill="#6B7A86"></path>
-                <path d="M42.7031449,40.8140504 L18.234171,40.8140504 C17.0106603,40.8140504 16,39.8196379 16,38.615797 L16,23.2282265 C16,22.0243856 17.0106603,21.0300409 18.234171,21.0300409 L21.7980713,21.0300409 C22.3833064,21.0300409 23.074829,20.5589962 23.2343634,19.9831696 L23.5535012,18.9363661 C23.925886,17.837375 25.0961496,17 26.2663444,17 L34.7242185,17 C35.8944133,17 37.064677,17.837375 37.4370618,18.9363661 L37.7561995,19.9831696 C37.915734,20.5589962 38.6072565,21.0300409 39.1924917,21.0300409 L42.7564608,21.0300409 C43.9799026,21.0300409 44.9905629,22.0243856 44.9905629,23.2282265 L44.9905629,38.615797 C44.9905629,39.8196379 43.9799026,40.8140504 42.7031449,40.8140504 L42.7031449,40.8140504 Z M18.234171,22.3383927 C17.7021829,22.3383927 17.2767577,22.7572496 17.2767577,23.2806853 L17.2767577,38.6679846 C17.2767577,39.1913525 17.7021829,39.6102094 18.234171,39.6102094 L42.7031449,39.6102094 C43.235133,39.6102094 43.6608337,39.1913525 43.6608337,38.6679846 L43.6608337,23.2806853 C43.6608337,22.7572496 43.235133,22.3383927 42.7031449,22.3383927 L39.1392447,22.3383927 C37.9690499,22.3383927 36.7987862,21.5010177 36.4264014,20.4020266 L36.1072637,19.3552231 C35.9477292,18.7795998 35.2562067,18.3083518 34.6709715,18.3083518 L26.2130974,18.3083518 C25.6280689,18.3083518 24.9365463,18.7795998 24.7767363,19.3552231 L24.4575986,20.4020266 C24.0852138,21.5010177 22.915019,22.3383927 21.7447553,22.3383927 L18.234171,22.3383927 Z" id="Fill-1" fill="#FFFFFF"></path>
-                <path d="M30.1811164,37.1313385 C26.2447625,37.1313385 23,33.9911314 23,30.0656693 C23,26.1926659 26.191791,23 30.1811164,23 C34.1707173,23 37.3625083,26.1402071 37.3625083,30.0656693 C37.3625083,33.9911314 34.117677,37.1313385 30.1811164,37.1313385 L30.1811164,37.1313385 Z M30.1811164,24.3608106 C26.9363539,24.3608106 24.3300736,26.9254622 24.3300736,30.118128 C24.3300736,33.3107261 26.9363539,35.8753777 30.1811164,35.8753777 C33.4261544,35.8753777 36.0324347,33.3107261 36.0324347,30.118128 C36.0324347,26.9254622 33.4261544,24.3608106 30.1811164,24.3608106 L30.1811164,24.3608106 Z" id="Fill-2" fill="#FFFFFF"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/contact_card_photo_normal.svg b/linphone-app/assets/images/contact_card_photo_normal.svg
deleted file mode 100644
index b4e52a62f..000000000
--- a/linphone-app/assets/images/contact_card_photo_normal.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_card_photo_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="contact_card_photo_default">
-            <g id="Group-7">
-                <path d="M0,30 C0,46.568 13.4315,60 30,60 C46.568,60 60,46.568 60,30 C60,13.431 46.568,0 30,0 C13.4315,0 0,13.431 0,30 Z" id="AVATAR" fill="#D0D8DE"></path>
-                <path d="M42.7031449,40.8140504 L18.234171,40.8140504 C17.0106603,40.8140504 16,39.8196379 16,38.615797 L16,23.2282265 C16,22.0243856 17.0106603,21.0300409 18.234171,21.0300409 L21.7980713,21.0300409 C22.3833064,21.0300409 23.074829,20.5589962 23.2343634,19.9831696 L23.5535012,18.9363661 C23.925886,17.837375 25.0961496,17 26.2663444,17 L34.7242185,17 C35.8944133,17 37.064677,17.837375 37.4370618,18.9363661 L37.7561995,19.9831696 C37.915734,20.5589962 38.6072565,21.0300409 39.1924917,21.0300409 L42.7564608,21.0300409 C43.9799026,21.0300409 44.9905629,22.0243856 44.9905629,23.2282265 L44.9905629,38.615797 C44.9905629,39.8196379 43.9799026,40.8140504 42.7031449,40.8140504 L42.7031449,40.8140504 Z M18.234171,22.3383927 C17.7021829,22.3383927 17.2767577,22.7572496 17.2767577,23.2806853 L17.2767577,38.6679846 C17.2767577,39.1913525 17.7021829,39.6102094 18.234171,39.6102094 L42.7031449,39.6102094 C43.235133,39.6102094 43.6608337,39.1913525 43.6608337,38.6679846 L43.6608337,23.2806853 C43.6608337,22.7572496 43.235133,22.3383927 42.7031449,22.3383927 L39.1392447,22.3383927 C37.9690499,22.3383927 36.7987862,21.5010177 36.4264014,20.4020266 L36.1072637,19.3552231 C35.9477292,18.7795998 35.2562067,18.3083518 34.6709715,18.3083518 L26.2130974,18.3083518 C25.6280689,18.3083518 24.9365463,18.7795998 24.7767363,19.3552231 L24.4575986,20.4020266 C24.0852138,21.5010177 22.915019,22.3383927 21.7447553,22.3383927 L18.234171,22.3383927 Z" id="Fill-1" fill="#FFFFFF"></path>
-                <path d="M30.1811164,37.1313385 C26.2447625,37.1313385 23,33.9911314 23,30.0656693 C23,26.1926659 26.191791,23 30.1811164,23 C34.1707173,23 37.3625083,26.1402071 37.3625083,30.0656693 C37.3625083,33.9911314 34.117677,37.1313385 30.1811164,37.1313385 L30.1811164,37.1313385 Z M30.1811164,24.3608106 C26.9363539,24.3608106 24.3300736,26.9254622 24.3300736,30.118128 C24.3300736,33.3107261 26.9363539,35.8753777 30.1811164,35.8753777 C33.4261544,35.8753777 36.0324347,33.3107261 36.0324347,30.118128 C36.0324347,26.9254622 33.4261544,24.3608106 30.1811164,24.3608106 L30.1811164,24.3608106 Z" id="Fill-2" fill="#FFFFFF"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/contact_card_photo_pressed.svg b/linphone-app/assets/images/contact_card_photo_pressed.svg
deleted file mode 100644
index 572361513..000000000
--- a/linphone-app/assets/images/contact_card_photo_pressed.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_card_photo_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="contact_card_photo_over">
-            <g id="Group-7">
-                <path d="M0,30 C0,46.568 13.4315,60 30,60 C46.568,60 60,46.568 60,30 C60,13.431 46.568,0 30,0 C13.4315,0 0,13.431 0,30 Z" id="AVATAR" class="color-i-fill" fill="#FE5E00"></path>
-                <path d="M42.7031449,40.8140504 L18.234171,40.8140504 C17.0106603,40.8140504 16,39.8196379 16,38.615797 L16,23.2282265 C16,22.0243856 17.0106603,21.0300409 18.234171,21.0300409 L21.7980713,21.0300409 C22.3833064,21.0300409 23.074829,20.5589962 23.2343634,19.9831696 L23.5535012,18.9363661 C23.925886,17.837375 25.0961496,17 26.2663444,17 L34.7242185,17 C35.8944133,17 37.064677,17.837375 37.4370618,18.9363661 L37.7561995,19.9831696 C37.915734,20.5589962 38.6072565,21.0300409 39.1924917,21.0300409 L42.7564608,21.0300409 C43.9799026,21.0300409 44.9905629,22.0243856 44.9905629,23.2282265 L44.9905629,38.615797 C44.9905629,39.8196379 43.9799026,40.8140504 42.7031449,40.8140504 L42.7031449,40.8140504 Z M18.234171,22.3383927 C17.7021829,22.3383927 17.2767577,22.7572496 17.2767577,23.2806853 L17.2767577,38.6679846 C17.2767577,39.1913525 17.7021829,39.6102094 18.234171,39.6102094 L42.7031449,39.6102094 C43.235133,39.6102094 43.6608337,39.1913525 43.6608337,38.6679846 L43.6608337,23.2806853 C43.6608337,22.7572496 43.235133,22.3383927 42.7031449,22.3383927 L39.1392447,22.3383927 C37.9690499,22.3383927 36.7987862,21.5010177 36.4264014,20.4020266 L36.1072637,19.3552231 C35.9477292,18.7795998 35.2562067,18.3083518 34.6709715,18.3083518 L26.2130974,18.3083518 C25.6280689,18.3083518 24.9365463,18.7795998 24.7767363,19.3552231 L24.4575986,20.4020266 C24.0852138,21.5010177 22.915019,22.3383927 21.7447553,22.3383927 L18.234171,22.3383927 Z" id="Fill-1" fill="#FFFFFF"></path>
-                <path d="M30.1811164,37.1313385 C26.2447625,37.1313385 23,33.9911314 23,30.0656693 C23,26.1926659 26.191791,23 30.1811164,23 C34.1707173,23 37.3625083,26.1402071 37.3625083,30.0656693 C37.3625083,33.9911314 34.117677,37.1313385 30.1811164,37.1313385 L30.1811164,37.1313385 Z M30.1811164,24.3608106 C26.9363539,24.3608106 24.3300736,26.9254622 24.3300736,30.118128 C24.3300736,33.3107261 26.9363539,35.8753777 30.1811164,35.8753777 C33.4261544,35.8753777 36.0324347,33.3107261 36.0324347,30.118128 C36.0324347,26.9254622 33.4261544,24.3608106 30.1811164,24.3608106 L30.1811164,24.3608106 Z" id="Fill-2" fill="#FFFFFF"></path>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_custom.svg b/linphone-app/assets/images/contact_custom.svg
new file mode 100644
index 000000000..7929cb7f2
--- /dev/null
+++ b/linphone-app/assets/images/contact_custom.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="contact_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.546875"
+     inkscape:cx="5.3883161"
+     inkscape:cy="20.453608"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">contact_selected</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Symbols-vecto"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(1.6649786,0,0,1.6666039,20.020257,20)">
+    <g
+       id="contact_selected"
+       fill="#000000">
+      <path
+         d="m 16.806156,6.8073986 c 0,1.240375 -0.464389,2.4035931 -1.285742,3.2893814 -0.07692,0.0831 -0.08384,0.0916 -0.162964,0.19301 -0.486248,0.417625 -0.438653,1.19712 0.102033,1.565188 l 0.239957,0.163348 0.160318,0.08882 c 2.182907,0.959547 3.728167,2.124062 4.731359,3.438818 1.341204,1.757745 1.617991,3.595246 1.299328,5.213197 -0.03876,0.196802 -0.07457,0.326209 -0.09199,0.376408 l 0.639696,-0.624512 c -2.131541,0.682751 -4.336423,1.109496 -6.515859,1.32744 -1.459858,0.145987 -2.701324,0.180909 -3.626027,0.15426 -0.09097,-0.0026 -0.150694,-0.0051 -0.177303,-0.0066 l -0.183128,-0.0015 v 1 h 1 L 11.910823,21.98497 c -0.04794,0.002 -0.04794,0.002 -0.06847,0.0029 -0.05339,0.0021 -0.05339,0.0021 -0.138837,0.0048 C 10.77693,22.0192 9.5362158,21.98427 8.0764866,21.838261 5.8972563,21.620311 3.6928378,21.193641 1.5618584,20.511036 l 0.6396818,0.624508 C 2.1841174,21.085372 2.148309,20.955972 2.1095499,20.75918 1.7908887,19.141234 2.0676955,17.303731 3.4089596,15.545977 4.4121942,14.231218 5.9575121,13.066699 8.1404944,12.107148 L 8.3008228,12.018328 8.5407796,11.85498 C 9.081466,11.48691 9.1290611,10.707415 8.6371719,10.2763 8.5636892,10.188382 8.5567708,10.179881 8.4804448,10.097423 7.6585929,9.2108448 7.1941071,8.0475319 7.1941071,6.8073986 7.1941071,4.1501811 9.3233001,2 11.944862,2 h 0.110539 c 2.621562,0 4.750755,2.1501811 4.750755,4.8073986 z M 11.944862,0 C 8.2143153,0 5.1941071,3.0499793 5.1941071,6.8073986 c 0,1.7488094 0.6578744,3.3964674 1.8190985,4.6491444 0.024606,0.02658 0.00863,0.007 0.052794,0.06356 0.08033,0.100656 0.147878,0.168201 0.2529297,0.260274 L 7.9780505,11.028336 7.4153214,10.201695 7.1753646,10.365043 7.7380937,11.191685 7.335693,10.276221 c -2.4808032,1.090461 -4.2988965,2.460537 -5.5167142,4.056512 -1.72901696,2.265911 -2.09230889,4.677522 -1.67173122,6.812931 0.05754,0.292149 0.11803058,0.510741 0.16481213,0.645557 0.10312843,0.297197 0.34009473,0.528542 0.63968187,0.624507 2.27434362,0.728528 4.61458782,1.181487 6.92570822,1.412628 1.5502722,0.155046 2.8754682,0.192374 3.8833032,0.163518 0.09881,-0.0031 0.09881,-0.0031 0.164865,-0.0057 -0.989785,-0.449206 0.138812,-0.0015 0.138812,-0.0015 -0.01101,8.89e-4 0.06585,0.0041 0.174221,0.0072 1.006096,0.02899 2.33218,-0.0083 3.882649,-0.163355 2.311327,-0.231134 4.652035,-0.684167 6.926934,-1.412838 0.299593,-0.09596 0.536566,-0.327309 0.639696,-0.624511 0.04678,-0.13482 0.107275,-0.353419 0.164817,-0.645577 0.420577,-2.135401 0.05731,-4.546996 -1.671626,-6.812896 -1.217773,-1.595978 -3.035809,-2.966059 -5.516541,-4.056522 l -0.402411,0.915459 0.562729,-0.826642 -0.239957,-0.163348 -0.562729,0.826641 0.659122,0.752037 c 0.105052,-0.09207 0.1726,-0.159618 0.240001,-0.243902 0.05709,-0.07297 0.04112,-0.05335 0.06622,-0.08047 1.160802,-1.251865 1.8186,-2.899541 1.8186,-4.6486054 C 18.806156,3.0499793 15.785948,0 12.055401,0 Z"
+         id="path8" />
+    </g>
+  </g>
+  <metadata
+     id="metadata831">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>contact_selected</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/linphone-app/assets/images/contact_delete_custom.svg b/linphone-app/assets/images/contact_delete_custom.svg
new file mode 100644
index 000000000..d3cf68fbc
--- /dev/null
+++ b/linphone-app/assets/images/contact_delete_custom.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="delete_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.2868349"
+     inkscape:cx="31.841674"
+     inkscape:cy="34.757579"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     stroke="#000000"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g4"
+     transform="matrix(3.0769249,0,0,2.9411805,18.461084,13.529815)">
+    <path
+       d="m 7.022,17 h 1.11 c 2.391,0 2.818,-2.234 2.818,-2.234 L 13,3.324 H 1 l 2.05,11.442 c 0,0 0.427,2.234 2.818,2.234 z M 5.612,6.184 V 17 Z m 2.776,0 V 17 Z M 4.545,1 h 4.91 z"
+       id="path2" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/contact_disabled.svg b/linphone-app/assets/images/contact_disabled.svg
deleted file mode 100644
index f7197ac04..000000000
--- a/linphone-app/assets/images/contact_disabled.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols-vecto" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5">
-        <g id="contact_default" fill="#FFFFFF">
-            <path d="M16.8061559,6.80739857 C16.8061559,8.04777355 16.3417672,9.21099173 15.5204136,10.0967799 C15.4434922,10.1798811 15.4365738,10.1883818 15.3574501,10.2897899 C14.8712019,10.7074152 14.9187969,11.4869099 15.4594834,11.8549776 L15.6994402,12.0183261 L15.859758,12.1071437 C18.0426652,13.0666913 19.5879248,14.2312064 20.5911168,15.5459618 C21.9323211,17.3037066 22.209108,19.1412082 21.8904449,20.7591593 C21.8516838,20.9559612 21.8158733,21.0853677 21.7984541,21.1355667 L22.4381495,20.511055 C20.3066086,21.1938061 18.1017272,21.6205507 15.9222911,21.8384954 C14.462433,21.984482 13.2209671,22.0194037 12.2962639,21.9927551 C12.2052904,21.9901334 12.1455704,21.9876214 12.1189614,21.9861682 L11.9358329,21.9846803 L11.9358329,22.9846803 L12.9358329,22.9846803 L11.9108224,21.9849931 C11.8628815,21.9870261 11.8628815,21.9870261 11.8423479,21.9879051 C11.7889591,21.9900363 11.7889591,21.9900363 11.7035112,21.9926929 C10.7769249,22.0192234 9.53621081,21.984275 8.07648162,21.8382841 C5.89725134,21.6203341 3.69283284,21.1936639 1.56185338,20.5110593 L2.20153524,21.1355667 C2.18411742,21.0853718 2.14830897,20.9559724 2.1095499,20.7591801 C1.79088868,19.1412341 2.06769549,17.3037306 3.40895961,15.545977 C4.41219415,14.2312179 5.95751214,13.0666988 8.14049436,12.1071484 L8.30082278,12.0183261 L8.54077958,11.8549776 C9.08146603,11.4869099 9.12906109,10.7074152 8.63717186,10.2762996 C8.56368915,10.1883818 8.55677078,10.1798811 8.48044484,10.0974226 C7.65859291,9.21084479 7.19410709,8.0475319 7.19410709,6.80739857 C7.19410709,4.15018114 9.32330008,2 11.9448621,2 L12.0554009,2 C14.6769629,2 16.8061559,4.15018114 16.8061559,6.80739857 Z M11.9448621,0 C8.21431525,0 5.19410709,3.04997933 5.19410709,6.80739857 C5.19410709,8.55620797 5.85198152,10.203866 7.01320556,11.456543 C7.03781127,11.4831261 7.02183844,11.4635001 7.06599939,11.5200985 C7.14632933,11.6207546 7.21387737,11.6883003 7.31892913,11.7803728 L7.97805049,11.0283362 L7.41532141,10.2016948 L7.1753646,10.3650434 L7.73809369,11.1916847 L7.33569302,10.2762211 C4.85488983,11.3666815 3.03679647,12.7367584 1.81897884,14.3327329 C0.0899618353,16.5986445 -0.273330095,19.0102549 0.147247578,21.1456637 C0.204787561,21.4378128 0.265278163,21.6564049 0.312059712,21.7912208 C0.415188143,22.0884181 0.652154443,22.3197632 0.951741577,22.4157282 C3.2260852,23.1442558 5.56632944,23.5972155 7.87744985,23.828356 C9.42772204,23.9834024 10.7529177,24.0207305 11.7607528,23.9918736 C11.8595647,23.9888037 11.8595647,23.9888037 11.925618,23.9861709 C10.9358329,23.536965 12.0644301,23.9846803 12.0644301,23.9846803 C12.0534187,23.9855691 12.1302768,23.988802 12.2386508,23.9919252 C13.2447467,24.0209193 14.5708311,23.9836174 16.1212996,23.8285697 C18.4326271,23.5974358 20.7733351,23.1444026 23.0482343,22.4157325 C23.3478275,22.3197702 23.5847996,22.0884228 23.6879296,21.7912208 C23.7347124,21.6564012 23.795205,21.4378024 23.852747,21.145644 C24.2733244,19.0102426 23.9100607,16.5986484 22.1811207,14.3327481 C20.9633485,12.7367699 19.1453124,11.366689 16.6645805,10.2762257 L16.2621693,11.1916847 L16.8248984,10.3650434 L16.5849415,10.2016948 L16.0222125,11.0283362 L16.6813338,11.7803728 C16.7863856,11.6883003 16.8539336,11.6207546 16.9213349,11.5364713 C16.9784245,11.4635001 16.9624517,11.4831261 16.9875565,11.4560042 C18.1483583,10.204139 18.8061559,8.55646302 18.8061559,6.80739857 C18.8061559,3.04997933 15.7859477,0 12.0554009,0 L11.9448621,0 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/edit_pressed.svg b/linphone-app/assets/images/contact_edit_custom.svg
similarity index 75%
rename from linphone-app/assets/images/edit_pressed.svg
rename to linphone-app/assets/images/contact_edit_custom.svg
index d73d161e8..e28afe867 100644
--- a/linphone-app/assets/images/edit_pressed.svg
+++ b/linphone-app/assets/images/contact_edit_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="edit_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="edit_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -35,17 +35,18 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
      id="namedview13"
      showgrid="false"
-     inkscape:zoom="7.8666667"
-     inkscape:cx="5.3568631"
-     inkscape:cy="8.0375807"
+     inkscape:zoom="2.7812868"
+     inkscape:cx="21.752522"
+     inkscape:cy="2.1572749"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">settings_edit_default</title>
@@ -56,11 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(3,4)">
+     transform="matrix(2.66793,0,0,2.666665,19.981268,19.999945)">
     <g
        id="settings_edit_default"
-       class="color-i-stroke"
-       style="stroke:#fe5e00">
+       style="stroke:#000000">
       <path
          d="M 3.2392519,12.429419 5.6409734,12.236044 14.5,2.7372 13.306282,1.6347972 13.270401,1.6014111 12.077016,0.5 3.217989,9.9985139 3.203038,12.395372 3.239252,12.429422 Z M 10.264678,2.442675 12.699955,4.6907833 Z M 0.5,14.5 h 4.3462886 z"
          id="Imported-Layers-Copy"
diff --git a/linphone-app/assets/images/contact_edit_hovered.svg b/linphone-app/assets/images/contact_edit_hovered.svg
deleted file mode 100644
index 4c4ea469c..000000000
--- a/linphone-app/assets/images/contact_edit_hovered.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="contact_edit_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata22">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_edit_over</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1105"
-     inkscape:window-height="864"
-     id="namedview20"
-     showgrid="false"
-     inkscape:zoom="8.7830105"
-     inkscape:cx="-3.748709"
-     inkscape:cy="16.419663"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg18" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_edit_over</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_edit_over"
-       style="stroke:#4b5964">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="m 15.75,3.5 h 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 15.75,6.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 15.75,0.5 h 5.833333"
-         id="path14"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_edit_normal.svg b/linphone-app/assets/images/contact_edit_normal.svg
deleted file mode 100644
index 622bc555b..000000000
--- a/linphone-app/assets/images/contact_edit_normal.svg
+++ /dev/null
@@ -1,84 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="contact_edit_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata22">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_edit_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview20"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="11"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg18" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_edit_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_edit_default">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a5b1;stroke-linejoin:round" />
-      <path
-         d="m 15.75,3.5 h 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
-      <path
-         d="m 15.75,6.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
-      <path
-         d="m 15.75,0.5 h 5.833333"
-         id="path14"
-         inkscape:connector-curvature="0"
-         style="stroke:#96a6b1" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_edit_pressed.svg b/linphone-app/assets/images/contact_edit_pressed.svg
deleted file mode 100644
index 63dd27d2b..000000000
--- a/linphone-app/assets/images/contact_edit_pressed.svg
+++ /dev/null
@@ -1,83 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="contact_edit_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata22">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>contact_edit_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview20"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="11"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg18" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">contact_edit_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(0,1.5)">
-    <g
-       id="contact_edit_clic"
-       class="color-i-stroke"
-       style="stroke:#fe5e00">
-      <path
-         d="m 8.5402916,2.5 c 2.3098734,0 4.1823674,1.8909832 4.1823674,4.2235626 0,1.1163901 -0.428624,2.1313811 -1.129068,2.8867744 -0.0983,0.1061991 -0.0595,0.087599 -0.168346,0.1829984 l 0.174514,0.118799 c 6.33882,2.7863756 4.713471,7.4703336 4.713471,7.4703336 -4.082275,1.307589 -7.7663718,1.10639 -7.7663718,1.10639 H 8.453333 c 0,-2e-4 -3.6844948,0.201199 -7.7665712,-1.10639 0,0 -1.62534854,-4.683958 4.71367,-7.4703336 l 0.174514,-0.118799 C 5.4660984,9.6979363 5.5049014,9.7165361 5.4066005,9.610337 4.7063554,8.8549437 4.2775324,7.8399527 4.2775324,6.7235626 4.2775324,4.3909832 6.1500263,2.5 8.4598997,2.5 Z"
-         id="path8"
-         inkscape:connector-curvature="0"
-         style="stroke-linejoin:round" />
-      <path
-         d="m 15.75,3.5 h 5.833333"
-         id="path10"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 15.75,6.5 h 5.833333"
-         id="path12"
-         inkscape:connector-curvature="0" />
-      <path
-         d="m 15.75,0.5 h 5.833333"
-         id="path14"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/contact_normal.svg b/linphone-app/assets/images/contact_normal.svg
deleted file mode 100644
index f0a637c0b..000000000
--- a/linphone-app/assets/images/contact_normal.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_selected</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols-vecto" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="contact_selected" fill="#FFFFFF">
-            <path d="M16.8061559,6.80739857 C16.8061559,8.04777355 16.3417672,9.21099173 15.5204136,10.0967799 C15.4434922,10.1798811 15.4365738,10.1883818 15.3574501,10.2897899 C14.8712019,10.7074152 14.9187969,11.4869099 15.4594834,11.8549776 L15.6994402,12.0183261 L15.859758,12.1071437 C18.0426652,13.0666913 19.5879248,14.2312064 20.5911168,15.5459618 C21.9323211,17.3037066 22.209108,19.1412082 21.8904449,20.7591593 C21.8516838,20.9559612 21.8158733,21.0853677 21.7984541,21.1355667 L22.4381495,20.511055 C20.3066086,21.1938061 18.1017272,21.6205507 15.9222911,21.8384954 C14.462433,21.984482 13.2209671,22.0194037 12.2962639,21.9927551 C12.2052904,21.9901334 12.1455704,21.9876214 12.1189614,21.9861682 L11.9358329,21.9846803 L11.9358329,22.9846803 L12.9358329,22.9846803 L11.9108224,21.9849931 C11.8628815,21.9870261 11.8628815,21.9870261 11.8423479,21.9879051 C11.7889591,21.9900363 11.7889591,21.9900363 11.7035112,21.9926929 C10.7769249,22.0192234 9.53621081,21.984275 8.07648162,21.8382841 C5.89725134,21.6203341 3.69283284,21.1936639 1.56185338,20.5110593 L2.20153524,21.1355667 C2.18411742,21.0853718 2.14830897,20.9559724 2.1095499,20.7591801 C1.79088868,19.1412341 2.06769549,17.3037306 3.40895961,15.545977 C4.41219415,14.2312179 5.95751214,13.0666988 8.14049436,12.1071484 L8.30082278,12.0183261 L8.54077958,11.8549776 C9.08146603,11.4869099 9.12906109,10.7074152 8.63717186,10.2762996 C8.56368915,10.1883818 8.55677078,10.1798811 8.48044484,10.0974226 C7.65859291,9.21084479 7.19410709,8.0475319 7.19410709,6.80739857 C7.19410709,4.15018114 9.32330008,2 11.9448621,2 L12.0554009,2 C14.6769629,2 16.8061559,4.15018114 16.8061559,6.80739857 Z M11.9448621,0 C8.21431525,0 5.19410709,3.04997933 5.19410709,6.80739857 C5.19410709,8.55620797 5.85198152,10.203866 7.01320556,11.456543 C7.03781127,11.4831261 7.02183844,11.4635001 7.06599939,11.5200985 C7.14632933,11.6207546 7.21387737,11.6883003 7.31892913,11.7803728 L7.97805049,11.0283362 L7.41532141,10.2016948 L7.1753646,10.3650434 L7.73809369,11.1916847 L7.33569302,10.2762211 C4.85488983,11.3666815 3.03679647,12.7367584 1.81897884,14.3327329 C0.0899618353,16.5986445 -0.273330095,19.0102549 0.147247578,21.1456637 C0.204787561,21.4378128 0.265278163,21.6564049 0.312059712,21.7912208 C0.415188143,22.0884181 0.652154443,22.3197632 0.951741577,22.4157282 C3.2260852,23.1442558 5.56632944,23.5972155 7.87744985,23.828356 C9.42772204,23.9834024 10.7529177,24.0207305 11.7607528,23.9918736 C11.8595647,23.9888037 11.8595647,23.9888037 11.925618,23.9861709 C10.9358329,23.536965 12.0644301,23.9846803 12.0644301,23.9846803 C12.0534187,23.9855691 12.1302768,23.988802 12.2386508,23.9919252 C13.2447467,24.0209193 14.5708311,23.9836174 16.1212996,23.8285697 C18.4326271,23.5974358 20.7733351,23.1444026 23.0482343,22.4157325 C23.3478275,22.3197702 23.5847996,22.0884228 23.6879296,21.7912208 C23.7347124,21.6564012 23.795205,21.4378024 23.852747,21.145644 C24.2733244,19.0102426 23.9100607,16.5986484 22.1811207,14.3327481 C20.9633485,12.7367699 19.1453124,11.366689 16.6645805,10.2762257 L16.2621693,11.1916847 L16.8248984,10.3650434 L16.5849415,10.2016948 L16.0222125,11.0283362 L16.6813338,11.7803728 C16.7863856,11.6883003 16.8539336,11.6207546 16.9213349,11.5364713 C16.9784245,11.4635001 16.9624517,11.4831261 16.9875565,11.4560042 C18.1483583,10.204139 18.8061559,8.55646302 18.8061559,6.80739857 C18.8061559,3.04997933 15.7859477,0 12.0554009,0 L11.9448621,0 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/contact_selected.svg b/linphone-app/assets/images/contact_selected.svg
deleted file mode 100644
index f0a637c0b..000000000
--- a/linphone-app/assets/images/contact_selected.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>contact_selected</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols-vecto" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="contact_selected" fill="#FFFFFF">
-            <path d="M16.8061559,6.80739857 C16.8061559,8.04777355 16.3417672,9.21099173 15.5204136,10.0967799 C15.4434922,10.1798811 15.4365738,10.1883818 15.3574501,10.2897899 C14.8712019,10.7074152 14.9187969,11.4869099 15.4594834,11.8549776 L15.6994402,12.0183261 L15.859758,12.1071437 C18.0426652,13.0666913 19.5879248,14.2312064 20.5911168,15.5459618 C21.9323211,17.3037066 22.209108,19.1412082 21.8904449,20.7591593 C21.8516838,20.9559612 21.8158733,21.0853677 21.7984541,21.1355667 L22.4381495,20.511055 C20.3066086,21.1938061 18.1017272,21.6205507 15.9222911,21.8384954 C14.462433,21.984482 13.2209671,22.0194037 12.2962639,21.9927551 C12.2052904,21.9901334 12.1455704,21.9876214 12.1189614,21.9861682 L11.9358329,21.9846803 L11.9358329,22.9846803 L12.9358329,22.9846803 L11.9108224,21.9849931 C11.8628815,21.9870261 11.8628815,21.9870261 11.8423479,21.9879051 C11.7889591,21.9900363 11.7889591,21.9900363 11.7035112,21.9926929 C10.7769249,22.0192234 9.53621081,21.984275 8.07648162,21.8382841 C5.89725134,21.6203341 3.69283284,21.1936639 1.56185338,20.5110593 L2.20153524,21.1355667 C2.18411742,21.0853718 2.14830897,20.9559724 2.1095499,20.7591801 C1.79088868,19.1412341 2.06769549,17.3037306 3.40895961,15.545977 C4.41219415,14.2312179 5.95751214,13.0666988 8.14049436,12.1071484 L8.30082278,12.0183261 L8.54077958,11.8549776 C9.08146603,11.4869099 9.12906109,10.7074152 8.63717186,10.2762996 C8.56368915,10.1883818 8.55677078,10.1798811 8.48044484,10.0974226 C7.65859291,9.21084479 7.19410709,8.0475319 7.19410709,6.80739857 C7.19410709,4.15018114 9.32330008,2 11.9448621,2 L12.0554009,2 C14.6769629,2 16.8061559,4.15018114 16.8061559,6.80739857 Z M11.9448621,0 C8.21431525,0 5.19410709,3.04997933 5.19410709,6.80739857 C5.19410709,8.55620797 5.85198152,10.203866 7.01320556,11.456543 C7.03781127,11.4831261 7.02183844,11.4635001 7.06599939,11.5200985 C7.14632933,11.6207546 7.21387737,11.6883003 7.31892913,11.7803728 L7.97805049,11.0283362 L7.41532141,10.2016948 L7.1753646,10.3650434 L7.73809369,11.1916847 L7.33569302,10.2762211 C4.85488983,11.3666815 3.03679647,12.7367584 1.81897884,14.3327329 C0.0899618353,16.5986445 -0.273330095,19.0102549 0.147247578,21.1456637 C0.204787561,21.4378128 0.265278163,21.6564049 0.312059712,21.7912208 C0.415188143,22.0884181 0.652154443,22.3197632 0.951741577,22.4157282 C3.2260852,23.1442558 5.56632944,23.5972155 7.87744985,23.828356 C9.42772204,23.9834024 10.7529177,24.0207305 11.7607528,23.9918736 C11.8595647,23.9888037 11.8595647,23.9888037 11.925618,23.9861709 C10.9358329,23.536965 12.0644301,23.9846803 12.0644301,23.9846803 C12.0534187,23.9855691 12.1302768,23.988802 12.2386508,23.9919252 C13.2447467,24.0209193 14.5708311,23.9836174 16.1212996,23.8285697 C18.4326271,23.5974358 20.7733351,23.1444026 23.0482343,22.4157325 C23.3478275,22.3197702 23.5847996,22.0884228 23.6879296,21.7912208 C23.7347124,21.6564012 23.795205,21.4378024 23.852747,21.145644 C24.2733244,19.0102426 23.9100607,16.5986484 22.1811207,14.3327481 C20.9633485,12.7367699 19.1453124,11.366689 16.6645805,10.2762257 L16.2621693,11.1916847 L16.8248984,10.3650434 L16.5849415,10.2016948 L16.0222125,11.0283362 L16.6813338,11.7803728 C16.7863856,11.6883003 16.8539336,11.6207546 16.9213349,11.5364713 C16.9784245,11.4635001 16.9624517,11.4831261 16.9875565,11.4560042 C18.1483583,10.204139 18.8061559,8.55646302 18.8061559,6.80739857 C18.8061559,3.04997933 15.7859477,0 12.0554009,0 L11.9448621,0 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/contact_view_custom.svg b/linphone-app/assets/images/contact_view_custom.svg
new file mode 100644
index 000000000..28277fdac
--- /dev/null
+++ b/linphone-app/assets/images/contact_view_custom.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="contact_edit_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.1964285"
+     inkscape:cx="-18.570447"
+     inkscape:cy="17.704468"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <g
+     stroke="#000000"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     id="g6"
+     transform="matrix(2.038009,0,0,2.1052464,16.475791,16.84213)">
+    <path
+       d="m 9.04,4 c 2.31,0 4.183,1.891 4.183,4.224 a 4.232,4.232 0 0 1 -1.13,2.886 c -0.098,0.107 -0.059,0.088 -0.168,0.183 l 0.175,0.12 c 6.339,2.786 4.713,7.47 4.713,7.47 -4.082,1.307 -7.766,1.106 -7.766,1.106 H 8.953 c 0,0 -3.684,0.201 -7.766,-1.107 0,0 -1.626,-4.683 4.713,-7.47 L 6.075,11.293 C 5.966,11.198 6.005,11.217 5.907,11.11 A 4.233,4.233 0 0 1 4.777,8.224 C 4.778,5.89 6.65,4 8.96,4 Z"
+       stroke-linejoin="round"
+       id="path2" />
+    <path
+       d="m 16.25,5 h 5.833 M 16.25,8 h 5.833 M 16.25,2 h 5.833"
+       id="path4" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/copy_light.svg b/linphone-app/assets/images/copy_custom.svg
similarity index 99%
rename from linphone-app/assets/images/copy_light.svg
rename to linphone-app/assets/images/copy_custom.svg
index 20f0f3f1e..719dfe8cc 100644
--- a/linphone-app/assets/images/copy_light.svg
+++ b/linphone-app/assets/images/copy_custom.svg
@@ -37,7 +37,7 @@
      id="g10"
      transform="matrix(4.7763786,0,0,4.7058824,7,0)">
     <g
-       fill="#ffffff"
+       fill="#000000"
        fill-rule="nonzero"
        id="g8">
       <g
diff --git a/linphone-app/assets/images/declined_incoming_call.svg b/linphone-app/assets/images/declined_incoming_call.svg
deleted file mode 100644
index 6020feb66..000000000
--- a/linphone-app/assets/images/declined_incoming_call.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="declined_incoming_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_lost</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="985"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="6.9532167"
-     inkscape:cx="1.925277"
-     inkscape:cy="3.533194"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_lost</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(3,3)">
-    <g
-       id="call_lost"
-       class="color-error-stroke"
-       style="stroke:#ff0000;stroke-width:2">
-      <path
-         d="M 12.985281,5.7440777 H -1.1568543"
-         id="Line"
-         transform="rotate(-45,6.266032,5.768485)"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 11,11 1,1"
-         id="path9"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/declined_incoming_call_custom.svg b/linphone-app/assets/images/declined_incoming_call_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/declined_incoming_call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/declined_outgoing_call.svg b/linphone-app/assets/images/declined_outgoing_call.svg
deleted file mode 100644
index 6020feb66..000000000
--- a/linphone-app/assets/images/declined_outgoing_call.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="declined_incoming_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_lost</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="985"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="6.9532167"
-     inkscape:cx="1.925277"
-     inkscape:cy="3.533194"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_lost</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(3,3)">
-    <g
-       id="call_lost"
-       class="color-error-stroke"
-       style="stroke:#ff0000;stroke-width:2">
-      <path
-         d="M 12.985281,5.7440777 H -1.1568543"
-         id="Line"
-         transform="rotate(-45,6.266032,5.768485)"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 11,11 1,1"
-         id="path9"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/declined_outgoing_call_custom.svg b/linphone-app/assets/images/declined_outgoing_call_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/declined_outgoing_call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/delete_custom.svg b/linphone-app/assets/images/delete_custom.svg
new file mode 100644
index 000000000..26b1f664e
--- /dev/null
+++ b/linphone-app/assets/images/delete_custom.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="delete_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.2868349"
+     inkscape:cx="31.841674"
+     inkscape:cy="34.757578"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     stroke="#000000"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g4"
+     transform="matrix(2.3076664,0,0,2.3529669,23.846144,16.323517)">
+    <path
+       d="m 7.022,17 h 1.11 c 2.391,0 2.818,-2.234 2.818,-2.234 L 13,3.324 H 1 l 2.05,11.442 c 0,0 0.427,2.234 2.818,2.234 z M 5.612,6.184 V 17 Z m 2.776,0 V 17 Z M 4.545,1 h 4.91 z"
+       id="path2" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/delete_hovered.svg b/linphone-app/assets/images/delete_hovered.svg
deleted file mode 100644
index 0d19c3020..000000000
--- a/linphone-app/assets/images/delete_hovered.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="delete_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>delete_over</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="2.4540765"
-     inkscape:cx="-7.9522929"
-     inkscape:cy="28.390566"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">delete_over</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(4.5,2.5)">
-    <g
-       id="delete_over"
-       style="stroke:#4b5964">
-      <path
-         d="m 6.5215116,16.5 h 1.1107431 c 2.3909583,0 2.8181343,-2.234286 2.8181343,-2.234286 L 12.5,2.8241143 H 0.5 L 2.5498298,14.265714 c 0,0 0.4276121,2.234286 2.8185707,2.234286 z M 5.1122263,5.6844571 V 16.5 Z m 2.7757658,0 V 16.5 Z M 4.0447249,0.5 h 4.9112054 z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/delete_normal.svg b/linphone-app/assets/images/delete_normal.svg
deleted file mode 100644
index f29a3214c..000000000
--- a/linphone-app/assets/images/delete_normal.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="delete_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>delete_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="3.4705882"
-     inkscape:cx="-21.826569"
-     inkscape:cy="9.8636132"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">delete_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(4.5,2.5)">
-    <g
-       id="delete_default"
-       style="stroke:#96a6b1">
-      <path
-         d="m 6.5215116,16.5 h 1.1107431 c 2.3909583,0 2.8181343,-2.234286 2.8181343,-2.234286 L 12.5,2.8241143 H 0.5 L 2.5498298,14.265714 c 0,0 0.4276121,2.234286 2.8185707,2.234286 z M 5.1122263,5.6844571 V 16.5 Z m 2.7757658,0 V 16.5 Z M 4.0447249,0.5 h 4.9112054 z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/delete_pressed.svg b/linphone-app/assets/images/delete_pressed.svg
deleted file mode 100644
index e5e77ed48..000000000
--- a/linphone-app/assets/images/delete_pressed.svg
+++ /dev/null
@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="delete_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>delete_clic</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="3.4705882"
-     inkscape:cx="-9.051894"
-     inkscape:cy="22.269378"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">delete_clic</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(4.5,2.5)">
-    <g
-       id="delete_clic"
-       class="color-i-stroke"
-       style="stroke:#fe5e00">
-      <path
-         d="m 6.5215116,16.5 h 1.1107431 c 2.3909583,0 2.8181343,-2.234286 2.8181343,-2.234286 L 12.5,2.8241143 H 0.5 L 2.5498298,14.265714 c 0,0 0.4276121,2.234286 2.8185707,2.234286 z M 5.1122263,5.6844571 V 16.5 Z m 2.7757658,0 V 16.5 Z M 4.0447249,0.5 h 4.9112054 z"
-         id="path8"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/download.svg b/linphone-app/assets/images/download.svg
deleted file mode 100644
index c1328fc73..000000000
--- a/linphone-app/assets/images/download.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-    <title>dowanload_icon</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="dowanload_icon" fill-rule="nonzero" fill="#FFFFFF">
-            <g id="Group-3">
-                <path d="M15.7265214,15.5167598 L15.7265214,15.6242773 L15.9960779,15.6242773 C15.8481503,15.6242773 15.7265214,15.7446888 15.7265214,15.8921387 L15.7265214,15.5167598 Z M2.18181818,15.8926897 C2.18181818,15.7444792 2.060263,15.6242773 1.91226174,15.6242773 L2.18181818,15.6242773 L2.18181818,15.8926897 Z M15.7265214,15.6242773 L15.7265214,15.5167598 L15.7265214,14.5541084 L15.7265214,14.0045105 L17.9083396,14 L17.9083396,15.8921387 C17.9083396,16.937138 17.053626,17.7842773 15.9960779,17.7842773 L1.91226174,17.7842773 C0.856148745,17.7842773 0,16.9382765 0,15.8926897 L0,14.0655134 L2.1818036,14.0575318 C2.18181332,14.0601912 2.18181818,15.6242773 2.18181818,15.6242773 L15.7265214,15.6242773 Z M2.18181818,15.8926897 C2.18181818,15.7444792 2.060263,15.6242773 1.91226174,15.6242773 L2.18181818,15.6242773 L2.18181818,15.8926897 Z M15.7265214,15.6242773 L15.9960779,15.6242773 C15.8481503,15.6242773 15.7265214,15.7446888 15.7265214,15.8921387 L15.7265214,15.5167598 L15.7265214,15.6242773 Z M15.7265214,15.6242773 C15.7265214,15.1098067 15.7265214,15.0171167 15.7265214,14.5541084 L15.7265214,14.0045105 L17.9083396,14 L17.9083396,15.8921387 C17.9083396,16.937138 17.053626,17.7842773 15.9960779,17.7842773 L1.91226174,17.7842773 C0.856148745,17.7842773 0,16.9382765 0,15.8926897 L0,14.0655134 L2.1818036,14.0575318 C2.18181332,14.0601912 2.18181818,15.6242773 2.18181818,15.6242773 L15.7265214,15.6242773 Z" id="Rectangle-7"></path>
-                <path d="M14.0963817,6.31634233 C14.2994958,6.11496313 14.5727235,6.00240425 14.8600488,6.00240425 C15.147396,6.00240425 15.4206544,6.11500284 15.6152253,6.30813856 C15.8231121,6.5067044 15.9405998,6.78414017 15.9405998,7.07110551 C15.9405998,7.35348166 15.8252318,7.62628555 15.6237273,7.82570902 L10.2349902,13.1708209 C10.031858,13.3722897 9.75860373,13.4848978 9.47124292,13.4848978 C9.18386185,13.4848978 8.91060467,13.3722965 8.70754585,13.1709003 L3.31631498,7.82572027 C3.11337427,7.62451303 3,7.35412522 3,7.06988854 C3,6.78565186 3.11337427,6.51526405 3.31631498,6.31405681 C3.51947628,6.11263087 3.79268542,6 4.08004199,6 C4.36739856,6 4.6406077,6.11263087 4.843769,6.31405681 L9.47012303,10.9008935 L14.0963817,6.31634233 Z M9.33419277,12.280702 C9.36941467,12.2457685 9.42005949,12.2248978 9.47124292,12.2248978 C9.52237288,12.2248978 9.57299706,12.2457496 9.60819734,12.2806368 L9.47119713,12.1448068 L9.33419277,12.280702 Z" id="Fill-1-Copy-6"></path>
-                <path d="M10.5544756,12.0747767 L10.5454541,1.25895955 C10.5448737,0.563081 9.97458393,-0.00057419236 9.27167631,4.38975428e-07 C8.56876869,0.000575070311 7.99942001,0.565161924 8.00000044,1.26104047 L8.00902197,12.0768576 C8.0096024,12.7727361 8.57989216,13.3363913 9.28279978,13.3358167 C9.9857074,13.3352421 10.5550561,12.7706552 10.5544756,12.0747767 Z" id="Line-Copy"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/download_custom.svg b/linphone-app/assets/images/download_custom.svg
new file mode 100644
index 000000000..368fade8e
--- /dev/null
+++ b/linphone-app/assets/images/download_custom.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="download_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.2868349"
+     inkscape:cx="-28.809134"
+     inkscape:cy="15.162702"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">dowanload_icon</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Symbols"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(2.2335962,0,0,2.2491777,20,20)">
+    <g
+       id="dowanload_icon"
+       fill-rule="nonzero"
+       fill="#000000">
+      <g
+         id="Group-3">
+        <path
+           d="m 15.726521,15.51676 v 0.107517 h 0.269557 c -0.147928,0 -0.269557,0.120412 -0.269557,0.267862 z M 2.1818182,15.89269 c 0,-0.148211 -0.1215552,-0.268413 -0.2695565,-0.268413 H 2.1818182 Z M 15.726521,15.624277 V 15.51676 14.554108 14.004511 L 17.90834,14 v 1.892139 c 0,1.044999 -0.854714,1.892138 -1.912262,1.892138 H 1.9122617 C 0.85614875,17.784277 0,16.938276 0,15.89269 v -1.827177 l 2.1818036,-0.008 c 9.7e-6,0.0027 1.46e-5,1.566745 1.46e-5,1.566745 z M 2.1818182,15.89269 c 0,-0.148211 -0.1215552,-0.268413 -0.2695565,-0.268413 H 2.1818182 Z M 15.726521,15.624277 h 0.269557 c -0.147928,0 -0.269557,0.120412 -0.269557,0.267862 V 15.51676 Z m 0,0 c 0,-0.51447 0,-0.60716 0,-1.070169 V 14.004511 L 17.90834,14 v 1.892139 c 0,1.044999 -0.854714,1.892138 -1.912262,1.892138 H 1.9122617 C 0.85614875,17.784277 0,16.938276 0,15.89269 v -1.827177 l 2.1818036,-0.008 c 9.7e-6,0.0027 1.46e-5,1.566745 1.46e-5,1.566745 z"
+           id="Rectangle-7" />
+        <path
+           d="m 14.096382,6.3163423 c 0.203114,-0.2013792 0.476342,-0.3139381 0.763667,-0.3139381 0.287347,0 0.560605,0.1125986 0.755176,0.3057344 0.207887,0.1985658 0.325375,0.4760016 0.325375,0.7629669 0,0.2823762 -0.115368,0.5551801 -0.316873,0.7546035 l -5.388737,5.345112 c -0.203132,0.201469 -0.4763863,0.314077 -0.7637471,0.314077 -0.287381,0 -0.5606382,-0.112602 -0.763697,-0.313998 L 3.316315,7.8257203 C 3.1133743,7.624513 3,7.3541252 3,7.0698885 3,6.7856519 3.1133743,6.515264 3.316315,6.3140568 3.5194763,6.1126309 3.7926854,6 4.080042,6 4.3673986,6 4.6406077,6.1126309 4.843769,6.3140568 L 9.470123,10.900894 Z M 9.3341928,12.280702 c 0.035222,-0.03493 0.085867,-0.0558 0.1370501,-0.0558 0.05113,0 0.1017542,0.02085 0.1369544,0.05574 l -0.1370002,-0.13583 z"
+           id="Fill-1-Copy-6" />
+        <path
+           d="m 10.554476,12.074777 -0.009,-10.8158175 C 10.544874,0.563081 9.9745839,-5.7419236e-4 9.2716763,4.3897543e-7 8.5687687,5.7507031e-4 7.99942,0.56516192 8.0000004,1.2610405 l 0.00902,10.8158175 c 5.804e-4,0.695878 0.5708702,1.259533 1.2737778,1.258959 0.7029076,-5.75e-4 1.2722558,-0.565162 1.2716758,-1.26104 z"
+           id="Line-Copy" />
+      </g>
+    </g>
+  </g>
+  <metadata
+     id="metadata833">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>dowanload_icon</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/linphone-app/assets/images/drop_down.svg b/linphone-app/assets/images/drop_down_custom.svg
similarity index 77%
rename from linphone-app/assets/images/drop_down.svg
rename to linphone-app/assets/images/drop_down_custom.svg
index 5f1260870..2cceabfbe 100644
--- a/linphone-app/assets/images/drop_down.svg
+++ b/linphone-app/assets/images/drop_down_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="drop_down.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="collapsed_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -36,16 +36,17 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="1920"
-     inkscape:window-height="985"
+     inkscape:window-height="1043"
      id="namedview13"
      showgrid="false"
      inkscape:zoom="5.9599"
-     inkscape:cx="4.2497286"
-     inkscape:cy="-10.038144"
+     inkscape:cx="4.2785953"
+     inkscape:cy="30.201849"
      inkscape:window-x="0"
-     inkscape:window-y="35"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="svg11" />
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">drop_down_list</title>
@@ -56,10 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,2.5)">
+     transform="matrix(4.1666619,0,0,4.2856734,15,25)">
     <g
        id="drop_down_list"
-       style="stroke:#6b7a86;stroke-width:2">
+       style="stroke:#000000;stroke-width:2">
       <path
          d="m 3.5,8.5 5,-5 M 3.5041964,-1.5 8.5,3.5"
          id="status_username_disconnected"
diff --git a/linphone-app/assets/images/edit_normal.svg b/linphone-app/assets/images/edit_custom.svg
similarity index 75%
rename from linphone-app/assets/images/edit_normal.svg
rename to linphone-app/assets/images/edit_custom.svg
index e91c77c48..e28afe867 100644
--- a/linphone-app/assets/images/edit_normal.svg
+++ b/linphone-app/assets/images/edit_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="edit_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="edit_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -35,17 +35,18 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
      id="namedview13"
      showgrid="false"
-     inkscape:zoom="7.8666667"
-     inkscape:cx="7.2557047"
-     inkscape:cy="14.851071"
+     inkscape:zoom="2.7812868"
+     inkscape:cx="21.752522"
+     inkscape:cy="2.1572749"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">settings_edit_default</title>
@@ -56,10 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(3,4)">
+     transform="matrix(2.66793,0,0,2.666665,19.981268,19.999945)">
     <g
        id="settings_edit_default"
-       style="stroke:#96a5b1">
+       style="stroke:#000000">
       <path
          d="M 3.2392519,12.429419 5.6409734,12.236044 14.5,2.7372 13.306282,1.6347972 13.270401,1.6014111 12.077016,0.5 3.217989,9.9985139 3.203038,12.395372 3.239252,12.429422 Z M 10.264678,2.442675 12.699955,4.6907833 Z M 0.5,14.5 h 4.3462886 z"
          id="Imported-Layers-Copy"
diff --git a/linphone-app/assets/images/edit_hovered.svg b/linphone-app/assets/images/edit_hovered.svg
deleted file mode 100644
index c37f6d2df..000000000
--- a/linphone-app/assets/images/edit_hovered.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="22"
-   height="22"
-   viewBox="0 0 22 22"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="edit_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_edit_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="11.125147"
-     inkscape:cx="7.8685799"
-     inkscape:cy="9.9484234"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_edit_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(3,4)">
-    <g
-       id="settings_edit_default"
-       style="stroke:#4b5964">
-      <path
-         d="M 3.2392519,12.429419 5.6409734,12.236044 14.5,2.7372 13.306282,1.6347972 13.270401,1.6014111 12.077016,0.5 3.217989,9.9985139 3.203038,12.395372 3.239252,12.429422 Z M 10.264678,2.442675 12.699955,4.6907833 Z M 0.5,14.5 h 4.3462886 z"
-         id="Imported-Layers-Copy"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/ended_call.svg b/linphone-app/assets/images/ended_call.svg
deleted file mode 100644
index 84d79b647..000000000
--- a/linphone-app/assets/images/ended_call.svg
+++ /dev/null
@@ -1,73 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="ended_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata16">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_end</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview14"
-     showgrid="false"
-     inkscape:zoom="13.882353"
-     inkscape:cx="9"
-     inkscape:cy="8.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg12" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_end</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,0.5)">
-    <g
-       id="call_end"
-       style="stroke:#424242;stroke-width:1.5">
-      <g
-         id="Group-2"
-         transform="translate(0.8,1)">
-        <path
-           d="M 16.382094,4.753022 C 15.118413,1.9402328 11.357028,0 8.2239525,0 H 8.1587066 C 5.0252074,0 1.2629747,1.9412842 0,4.7533224 L 0.46081701,8.3952581 H 4.4977322 L 4.7834303,4.7705963 H 11.59937 l 0.284992,3.6246618 h 4.036915 z m -11.0453444,7.232651 2.6685867,2.837723 0.1859933,0.197373 z m 5.7090184,0.0029 -2.8544384,3.032242 z M 8.1913296,14.709088 V 8.6992785 Z"
-           id="Page-1"
-           inkscape:connector-curvature="0" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/ended_call_custom.svg b/linphone-app/assets/images/ended_call_custom.svg
new file mode 100644
index 000000000..97110beca
--- /dev/null
+++ b/linphone-app/assets/images/ended_call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="ended_call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.1964286"
+     inkscape:cx="-13.56701"
+     inkscape:cy="52.151202"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 59.535326,33.200843 C 56.520087,26.256181 47.550466,21.464685 40.078,21.464685 h -0.155994 c -7.472466,0 -16.445891,4.791496 -19.457325,11.736158 l 1.099564,8.991572 h 9.625935 l 0.682946,-8.949471 h 16.255656 l 0.679142,8.949471 h 9.627837 z m -26.343865,17.854837 6.36339,7.006812 0.443249,0.487169 z m 13.615181,0.0081 -6.808542,7.485961 z M 39.9981,57.779892 V 42.942235 Z"
+     stroke="#000000"
+     stroke-width="2.92937"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/collapsed.svg b/linphone-app/assets/images/expanded_custom.svg
similarity index 77%
rename from linphone-app/assets/images/collapsed.svg
rename to linphone-app/assets/images/expanded_custom.svg
index 5f1260870..bb1123c50 100644
--- a/linphone-app/assets/images/collapsed.svg
+++ b/linphone-app/assets/images/expanded_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="drop_down.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="expanded_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -36,16 +36,17 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:window-width="1920"
-     inkscape:window-height="985"
+     inkscape:window-height="1131"
      id="namedview13"
      showgrid="false"
      inkscape:zoom="5.9599"
-     inkscape:cx="4.2497286"
-     inkscape:cy="-10.038144"
+     inkscape:cx="4.2785953"
+     inkscape:cy="3.355761"
      inkscape:window-x="0"
-     inkscape:window-y="35"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="svg11" />
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">drop_down_list</title>
@@ -56,10 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,2.5)">
+     transform="matrix(4.1666269,0,0,-4.2857559,15,55.000291)">
     <g
        id="drop_down_list"
-       style="stroke:#6b7a86;stroke-width:2">
+       style="stroke:#000000;stroke-width:2">
       <path
          d="m 3.5,8.5 5,-5 M 3.5041964,-1.5 8.5,3.5"
          id="status_username_disconnected"
diff --git a/linphone-app/assets/images/file_hovered.svg b/linphone-app/assets/images/file_custom.svg
similarity index 80%
rename from linphone-app/assets/images/file_hovered.svg
rename to linphone-app/assets/images/file_custom.svg
index c54823591..3add1ea95 100644
--- a/linphone-app/assets/images/file_hovered.svg
+++ b/linphone-app/assets/images/file_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg21"
-   sodipodi:docname="file_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="file_hovered_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata25">
     <rdf:RDF>
@@ -35,17 +35,18 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
      id="namedview23"
      showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="8"
-     inkscape:cy="10"
+     inkscape:zoom="2.95"
+     inkscape:cx="-48.983051"
+     inkscape:cy="29.830508"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg21" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg21"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">settings_file_1</title>
@@ -56,10 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(2)">
+     transform="matrix(2.1875226,0,0,1.9999927,22.5,20)">
     <g
        id="settings_file_1"
-       style="stroke:#6b7a86">
+       style="stroke:#000000">
       <g
          id="Group-13">
         <g
diff --git a/linphone-app/assets/images/file_normal.svg b/linphone-app/assets/images/file_normal.svg
deleted file mode 100644
index b694c770f..000000000
--- a/linphone-app/assets/images/file_normal.svg
+++ /dev/null
@@ -1,93 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="file_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata22">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_file_3</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview20"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="8"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg18" />
-  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_file_3</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(2)">
-    <g
-       id="settings_file_3"
-       style="stroke:#96a5b1">
-      <rect
-         id="Rectangle-10-Copy"
-         transform="rotate(90,8,10)"
-         x="-1.5"
-         y="2.5"
-         width="19"
-         height="15"
-         rx="3" />
-      <path
-         d="M 4.4444444,8.5 H 11.555556"
-         id="Line"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-      <path
-         d="M 4.4444444,5.5 H 11.555556"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-      <path
-         d="M 4.4444444,14.5 H 11.555556"
-         id="path12"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-      <path
-         d="M 4.4444444,11.5 H 11.555556"
-         id="path14"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/file_pressed.svg b/linphone-app/assets/images/file_pressed.svg
deleted file mode 100644
index c1d09ef61..000000000
--- a/linphone-app/assets/images/file_pressed.svg
+++ /dev/null
@@ -1,94 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="file_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata22">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_file_2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview20"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="8"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg18" />
-  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_file_2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(2)">
-    <g
-       id="settings_file_2"
-       class="color-i-stroke"
-       style="stroke:#fe5e00">
-      <rect
-         id="Rectangle-10-Copy"
-         transform="rotate(90,8,10)"
-         x="-1.5"
-         y="2.5"
-         width="19"
-         height="15"
-         rx="3" />
-      <path
-         d="M 4.4444444,8.5 H 11.555556"
-         id="Line"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-      <path
-         d="M 4.4444444,5.5 H 11.555556"
-         id="path10"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-      <path
-         d="M 4.4444444,14.5 H 11.555556"
-         id="path12"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-      <path
-         d="M 4.4444444,11.5 H 11.555556"
-         id="path14"
-         inkscape:connector-curvature="0"
-         style="stroke-linecap:round" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/filter.svg b/linphone-app/assets/images/filter_custom.svg
similarity index 90%
rename from linphone-app/assets/images/filter.svg
rename to linphone-app/assets/images/filter_custom.svg
index 5f7298388..6a63691e4 100644
--- a/linphone-app/assets/images/filter.svg
+++ b/linphone-app/assets/images/filter_custom.svg
@@ -5,8 +5,8 @@
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="filter" stroke-width="2" stroke="#CBCBCB">
+        <g id="filter" stroke-width="2" stroke="#000000">
             <polygon points="1 1 13.9458114 1 8.94999981 8.51479915 8.94999981 14 6 11.8858351 6 8.51479915"></polygon>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/linphone-app/assets/images/filter_params_custom.svg b/linphone-app/assets/images/filter_params_custom.svg
new file mode 100644
index 000000000..194fecd9b
--- /dev/null
+++ b/linphone-app/assets/images/filter_params_custom.svg
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   xml:space="preserve"
+   sodipodi:docname="filter_params_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs25" /><sodipodi:namedview
+   id="namedview23"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="13.640625"
+   inkscape:cx="33.319588"
+   inkscape:cy="40.687286"
+   inkscape:window-width="1920"
+   inkscape:window-height="1131"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#000000;}
+</style>
+
+
+
+
+
+
+
+
+<g
+   id="g870"
+   transform="matrix(0,0.20833333,-0.22727273,0,69.090912,13.333333)"><rect
+     x="108"
+     y="64"
+     class="st0"
+     width="116"
+     height="16"
+     id="rect4" /><rect
+     x="32"
+     y="64"
+     class="st0"
+     width="24"
+     height="16"
+     id="rect6" /><path
+     class="st0"
+     d="m 84,56 c 8.8,0 16,7.2 16,16 0,8.8 -7.2,16 -16,16 -8.8,0 -16,-7.2 -16,-16 0,-8.8 7.2,-16 16,-16 m 0,-16 c -17.7,0 -32,14.3 -32,32 0,17.7 14.3,32 32,32 17.7,0 32,-14.3 32,-32 0,-17.7 -14.3,-32 -32,-32 z"
+     id="path8" /><rect
+     x="132"
+     y="176"
+     class="st0"
+     width="92"
+     height="16"
+     id="rect10" /><rect
+     x="32"
+     y="176"
+     class="st0"
+     width="48"
+     height="16"
+     id="rect12" /><path
+     class="st0"
+     d="m 108,168 c 8.8,0 16,7.2 16,16 0,8.8 -7.2,16 -16,16 -8.8,0 -16,-7.2 -16,-16 0,-8.8 7.2,-16 16,-16 m 0,-16 c -17.7,0 -32,14.3 -32,32 0,17.7 14.3,32 32,32 17.7,0 32,-14.3 32,-32 0,-17.7 -14.3,-32 -32,-32 z"
+     id="path14" /><rect
+     x="32"
+     y="120"
+     class="st0"
+     width="116"
+     height="16"
+     id="rect16" /><rect
+     x="200"
+     y="120"
+     class="st0"
+     width="24"
+     height="16"
+     id="rect18" /><path
+     class="st0"
+     d="m 172,112 c 8.8,0 16,7.2 16,16 0,8.8 -7.2,16 -16,16 -8.8,0 -16,-7.2 -16,-16 0,-8.8 7.2,-16 16,-16 m 0,-16 c -17.7,0 -32,14.3 -32,32 0,17.7 14.3,32 32,32 17.7,0 32,-14.3 32,-32 0,-17.7 -14.3,-32 -32,-32 z"
+     id="path20" /></g>
+<path
+   style="fill:#000000;stroke-width:1.24628"
+   d="m 26.480571,39.100741 c -1.240541,-0.237768 -2.354137,-1.20884 -2.70286,-2.356933 -0.35178,-1.158159 -0.01556,-2.390762 0.876927,-3.214894 0.771356,-0.712275 1.553169,-1.015741 2.61684,-1.015741 1.471109,0 2.706656,0.729807 3.313172,1.95701 0.236125,0.477766 0.275153,0.632062 0.302022,1.194042 0.02517,0.526467 0.0012,0.734641 -0.130367,1.129851 -0.556222,1.671447 -2.400071,2.666163 -4.275734,2.306665 z"
+   id="path905" /><path
+   style="fill:#000000;stroke-width:1.24628"
+   d="m 39.130367,52.415919 c -1.751718,-0.380575 -3.023331,-2.107078 -2.740129,-3.720347 0.318831,-1.816233 2.097722,-3.045769 4.097474,-2.832096 1.959774,0.209401 3.422761,1.981513 3.115711,3.774055 -0.33496,1.955482 -2.388809,3.231208 -4.473056,2.778388 z"
+   id="path944" /><path
+   style="fill:#000000;stroke-width:1.24628"
+   d="m 51.897251,34.09053 c -1.291519,-0.28101 -2.396632,-1.29209 -2.713659,-2.482754 -0.438408,-1.646541 0.609221,-3.377901 2.385004,-3.941568 0.683573,-0.216979 1.70512,-0.214333 2.351222,0.0061 2.486916,0.848431 3.243723,3.649845 1.466208,5.42736 -0.882409,0.882409 -2.229224,1.264928 -3.488775,0.990873 z"
+   id="path983" /></svg>
diff --git a/linphone-app/assets/images/folder_hovered.svg b/linphone-app/assets/images/folder_custom.svg
similarity index 76%
rename from linphone-app/assets/images/folder_hovered.svg
rename to linphone-app/assets/images/folder_custom.svg
index d0ba62cc0..4280e2ad9 100644
--- a/linphone-app/assets/images/folder_hovered.svg
+++ b/linphone-app/assets/images/folder_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="21"
-   height="21"
-   viewBox="0 0 21 21"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="folder_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="folder_hovered_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -35,17 +35,18 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
      id="namedview13"
      showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="10.5"
-     inkscape:cy="9"
+     inkscape:zoom="3.2777778"
+     inkscape:cx="-18.762712"
+     inkscape:cy="25.932204"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">settings_folder_1</title>
@@ -56,10 +57,10 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,1.5)">
+     transform="matrix(2.142856,0,0,2.2222245,17.5,20)">
     <g
        id="settings_folder_1"
-       style="stroke:#6b7a86">
+       style="stroke:#000000">
       <path
          d="m 10.171755,2.5 h 0.353078 L 10.642948,2.1672651 C 10.994552,1.1767811 11.937246,0.5 13.005798,0.5 h 4.988404 C 19.380082,0.5 20.5,1.6171248 20.5,3.0016655 v 1.996669 c -1e-6,0.00234 -1e-6,0.00234 -4e-6,0.00468 3e-6,0.00412 3e-6,0.00412 4e-6,0.00646 V 14.990522 C 20.5,16.377047 19.377689,17.5 17.991212,17.5 H 3.008788 C 1.619248,17.5 0.5,16.38326 0.5,14.990522 V 5.0094776 C 0.5,3.6229526 1.6223112,2.5 3.008788,2.5 Z"
          id="Combined-Shape"
diff --git a/linphone-app/assets/images/folder_normal.svg b/linphone-app/assets/images/folder_normal.svg
deleted file mode 100644
index d50f198d1..000000000
--- a/linphone-app/assets/images/folder_normal.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="21"
-   height="21"
-   viewBox="0 0 21 21"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="folder_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_folder_3</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="10.5"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_folder_3</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,1.5)">
-    <g
-       id="settings_folder_3"
-       style="stroke:#96a5b1">
-      <path
-         d="m 10.171755,2.5 h 0.353078 L 10.642948,2.1672651 C 10.994552,1.1767811 11.937246,0.5 13.005798,0.5 h 4.988404 C 19.380082,0.5 20.5,1.6171248 20.5,3.0016655 v 1.996669 c -1e-6,0.00234 -1e-6,0.00234 -4e-6,0.00468 3e-6,0.00412 3e-6,0.00412 4e-6,0.00646 V 14.990522 C 20.5,16.377047 19.377689,17.5 17.991212,17.5 H 3.008788 C 1.619248,17.5 0.5,16.38326 0.5,14.990522 V 5.0094776 C 0.5,3.6229526 1.6223112,2.5 3.008788,2.5 Z"
-         id="Combined-Shape"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/folder_pressed.svg b/linphone-app/assets/images/folder_pressed.svg
deleted file mode 100644
index 14b79401c..000000000
--- a/linphone-app/assets/images/folder_pressed.svg
+++ /dev/null
@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="21"
-   height="21"
-   viewBox="0 0 21 21"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="folder_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_folder_2</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="10.5"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_folder_2</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,1.5)">
-    <g
-       id="settings_folder_2"
-       class="color-i-stroke"
-       style="stroke:#fe5e00">
-      <path
-         d="m 10.171755,2.5 h 0.353078 L 10.642948,2.1672651 C 10.994552,1.1767811 11.937246,0.5 13.005798,0.5 h 4.988404 C 19.380082,0.5 20.5,1.6171248 20.5,3.0016655 v 1.996669 c -1e-6,0.00234 -1e-6,0.00234 -4e-6,0.00468 3e-6,0.00412 3e-6,0.00412 4e-6,0.00646 V 14.990522 C 20.5,16.377047 19.377689,17.5 17.991212,17.5 H 3.008788 C 1.619248,17.5 0.5,16.38326 0.5,14.990522 V 5.0094776 C 0.5,3.6229526 1.6223112,2.5 3.008788,2.5 Z"
-         id="Combined-Shape"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/fullscreen_custom.svg b/linphone-app/assets/images/fullscreen_custom.svg
new file mode 100644
index 000000000..31e68244f
--- /dev/null
+++ b/linphone-app/assets/images/fullscreen_custom.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="fullscreen_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="-18.419244"
+     inkscape:cy="17.411226"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     stroke="#000000"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g4"
+     transform="matrix(2.6638273,0,0,2.6949002,13.862542,13.400189)">
+    <path
+       d="M 16.82,8.391 16.713,3.059 m -5.33,-0.11 5.33,0.11 M 16.445,3.327 11.273,8.5 m -8.469,2.85 0.108,5.332 m 5.33,0.11 -5.33,-0.11 M 3.18,16.414 8.351,11.243"
+       id="path2" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/fullscreen_hovered.svg b/linphone-app/assets/images/fullscreen_hovered.svg
deleted file mode 100644
index 54685df81..000000000
--- a/linphone-app/assets/images/fullscreen_hovered.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>fullscreen_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="fullscreen_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <path d="M24.1451842,19.6252119 L27.839042,15.779058 M24.1482844,11.9329042 L27.839042,15.779058 M27.4600456,15.779058 L20.1467343,15.779058" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="round" stroke-linejoin="round" transform="translate(23.992888, 15.779058) rotate(-45.000000) translate(-23.992888, -15.779058) "></path>
-            <path d="M15.7839802,27.8085179 L19.4778379,23.9623641 M15.7870803,20.1162102 L19.4778379,23.9623641 M19.0988416,23.9623641 L11.7855303,23.9623641" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="round" stroke-linejoin="round" transform="translate(15.631684, 23.962364) rotate(-225.000000) translate(-15.631684, -23.962364) "></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/fullscreen_normal.svg b/linphone-app/assets/images/fullscreen_normal.svg
deleted file mode 100644
index bbc2491bc..000000000
--- a/linphone-app/assets/images/fullscreen_normal.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>fullscreen_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="fullscreen_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <path d="M24.1451842,19.6252119 L27.839042,15.779058 M24.1482844,11.9329042 L27.839042,15.779058 M27.4600456,15.779058 L20.1467343,15.779058" stroke="#6B7A86" stroke-linecap="round" stroke-linejoin="round" transform="translate(23.992888, 15.779058) rotate(-45.000000) translate(-23.992888, -15.779058) "></path>
-            <path d="M15.7839802,27.8085179 L19.4778379,23.9623641 M15.7870803,20.1162102 L19.4778379,23.9623641 M19.0988416,23.9623641 L11.7855303,23.9623641" stroke="#6B7A86" stroke-linecap="round" stroke-linejoin="round" transform="translate(15.631684, 23.962364) rotate(-225.000000) translate(-15.631684, -23.962364) "></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/fullscreen_pressed.svg b/linphone-app/assets/images/fullscreen_pressed.svg
deleted file mode 100644
index 54685df81..000000000
--- a/linphone-app/assets/images/fullscreen_pressed.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>fullscreen_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="fullscreen_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <path d="M24.1451842,19.6252119 L27.839042,15.779058 M24.1482844,11.9329042 L27.839042,15.779058 M27.4600456,15.779058 L20.1467343,15.779058" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="round" stroke-linejoin="round" transform="translate(23.992888, 15.779058) rotate(-45.000000) translate(-23.992888, -15.779058) "></path>
-            <path d="M15.7839802,27.8085179 L19.4778379,23.9623641 M15.7870803,20.1162102 L19.4778379,23.9623641 M19.0988416,23.9623641 L11.7855303,23.9623641" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="round" stroke-linejoin="round" transform="translate(15.631684, 23.962364) rotate(-225.000000) translate(-15.631684, -23.962364) "></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/generic_error_hovered.svg b/linphone-app/assets/images/generic_error_hovered.svg
deleted file mode 100644
index 0af8bf164..000000000
--- a/linphone-app/assets/images/generic_error_hovered.svg
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="generic_error_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_error</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="23.6"
-     inkscape:cx="6"
-     inkscape:cy="5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_error</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,1)">
-    <g
-       id="chat_error">
-      <polygon
-         id="Path-1067"
-         class="color-error-fill"
-         points="6.0501221,3.6415315e-14 0,10 12,10 "
-         style="fill:#ff0000" />
-      <path
-         d="M 6,6 V 3.5"
-         id="chat_message_delivered-copy-4"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round" />
-      <circle
-         id="Oval-24"
-         cx="6.0349998"
-         cy="8.1350002"
-         r="0.83499998"
-         style="fill:#ffffff" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/generic_error_normal.svg b/linphone-app/assets/images/generic_error_normal.svg
deleted file mode 100644
index 832f650c7..000000000
--- a/linphone-app/assets/images/generic_error_normal.svg
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="generic_error_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_error</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="23.6"
-     inkscape:cx="6"
-     inkscape:cy="5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_error</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,1)">
-    <g
-       id="chat_error">
-      <polygon
-         id="Path-1067"
-         class="color-error-fill"
-         points="6.0501221,3.6415315e-14 0,10 12,10 "
-         style="fill:#ff0000" />
-      <path
-         d="M 6,6 V 3.5"
-         id="chat_message_delivered-copy-4"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round" />
-      <circle
-         id="Oval-24"
-         cx="6.0349998"
-         cy="8.1350002"
-         r="0.83499998"
-         style="fill:#ffffff" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/generic_error_pressed.svg b/linphone-app/assets/images/generic_error_pressed.svg
deleted file mode 100644
index 5dae13cba..000000000
--- a/linphone-app/assets/images/generic_error_pressed.svg
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="generic_error_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>chat_error</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="23.6"
-     inkscape:cx="6"
-     inkscape:cy="5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">chat_error</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(0,1)">
-    <g
-       id="chat_error">
-      <polygon
-         id="Path-1067"
-         class="color-error-fill"
-         points="6.0501221,3.6415315e-14 0,10 12,10 "
-         style="fill:#ff0000" />
-      <path
-         d="M 6,6 V 3.5"
-         id="chat_message_delivered-copy-4"
-         inkscape:connector-curvature="0"
-         style="stroke:#ffffff;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:round" />
-      <circle
-         id="Oval-24"
-         cx="6.0349998"
-         cy="8.1350002"
-         r="0.83499998"
-         style="fill:#ffffff" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/group_chat_custom.svg b/linphone-app/assets/images/group_chat_custom.svg
new file mode 100644
index 000000000..6856fa63e
--- /dev/null
+++ b/linphone-app/assets/images/group_chat_custom.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="group_chat_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.4388592"
+     inkscape:cx="61.21216"
+     inkscape:cy="63.974704"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g10"
+     transform="matrix(1.6542328,0,0,1.7438713,13.555656,21.124063)">
+    <g
+       fill="#000000"
+       fill-rule="nonzero"
+       id="g6">
+      <path
+         d="m 5.53,18.873 a 19.75,19.75 0 0 0 3.69,0.717 17.845,17.845 0 0 0 2.34,0.091 h 0.113 l 0.142,0.004 c 0.57,0.017 1.333,-0.005 2.232,-0.095 a 19.754,19.754 0 0 0 3.69,-0.717 c 0.183,-0.987 0.005,-2.103 -0.81,-3.17 -0.618,-0.811 -1.57,-1.529 -2.915,-2.12 a 0.604,0.604 0 0 1 -0.097,-0.054 l -0.147,-0.1 a 0.604,0.604 0 0 1 -0.06,-0.952 2.25,2.25 0 0 1 0.099,-0.113 2.975,2.975 0 0 0 0.794,-2.031 c 0,-1.64 -1.315,-2.968 -2.934,-2.968 H 11.6 c -1.618,0 -2.933,1.327 -2.933,2.968 0,0.766 0.287,1.484 0.794,2.032 0.043,0.046 0.05,0.054 0.088,0.103 a 0.606,0.606 0 0 1 -0.05,0.962 l -0.148,0.1 a 0.604,0.604 0 0 1 -0.096,0.053 c -1.344,0.591 -2.296,1.309 -2.915,2.12 -0.814,1.067 -0.992,2.183 -0.81,3.17 z m 6.079,2.016 A 19.029,19.029 0 0 1 9.099,20.793 20.76,20.76 0 0 1 4.84,19.924 0.604,0.604 0 0 1 4.454,19.547 3.09,3.09 0 0 1 4.353,19.151 c -0.258,-1.31 -0.035,-2.79 1.026,-4.182 0.654,-0.857 1.59,-1.608 2.833,-2.231 A 4.186,4.186 0 0 1 7.458,10.333 c 0,-2.305 1.853,-4.177 4.141,-4.177 h 0.068 c 2.29,0 4.142,1.872 4.142,4.177 0,0.875 -0.269,1.71 -0.755,2.405 1.244,0.623 2.18,1.374 2.834,2.231 1.061,1.391 1.284,2.872 1.026,4.182 a 3.09,3.09 0 0 1 -0.101,0.396 0.604,0.604 0 0 1 -0.387,0.377 20.764,20.764 0 0 1 -4.259,0.869 19.028,19.028 0 0 1 -2.51,0.096 z"
+         id="path2" />
+      <path
+         d="m 15.751,10.333 c 0,0.875 -0.268,1.71 -0.754,2.405 1.862,0.932 3.02,2.14 3.573,3.522 1.058,-0.08 2.16,-0.266 3.243,-0.584 0.12,-0.745 -0.028,-1.58 -0.64,-2.383 -0.484,-0.635 -1.233,-1.2 -2.296,-1.666 A 0.604,0.604 0 0 1 18.78,11.573 l -0.119,-0.08 a 0.604,0.604 0 0 1 -0.06,-0.953 c 0.027,-0.033 0.038,-0.046 0.072,-0.082 0.387,-0.418 0.606,-0.967 0.606,-1.552 0,-1.253 -1.004,-2.266 -2.239,-2.266 h -0.054 c -0.866,0 -1.637,0.502 -2.008,1.262 0.498,0.701 0.773,1.545 0.773,2.431 z m 2.835,0.227 z m -4.146,1.917 -0.243,0.553 0.34,-0.5 -0.045,-0.03 A 12.959,12.959 0 0 0 14.44,12.477 Z m -0.69,-0.113 a 2.975,2.975 0 0 0 0.793,-2.031 c 0,-0.724 -0.256,-1.406 -0.714,-1.941 A 0.604,0.604 0 0 1 13.714,7.81 3.45,3.45 0 0 1 16.986,5.431 h 0.054 c 1.906,0 3.447,1.557 3.447,3.475 0,0.682 -0.195,1.333 -0.552,1.888 0.956,0.496 1.683,1.09 2.198,1.766 0.876,1.148 1.06,2.371 0.847,3.455 -0.03,0.15 -0.06,0.263 -0.086,0.334 a 0.604,0.604 0 0 1 -0.386,0.378 c -1.452,0.464 -2.931,0.7 -4.327,0.768 a 0.604,0.604 0 0 1 -0.608,-0.43 c -0.406,-1.36 -1.525,-2.561 -3.619,-3.482 a 0.604,0.604 0 0 1 -0.097,-0.054 l -0.147,-0.1 a 0.604,0.604 0 0 1 -0.06,-0.952 2.25,2.25 0 0 1 0.1,-0.113 z M 8.212,12.738 A 4.186,4.186 0 0 1 7.458,10.333 c 0,-1.11 0.432,-2.148 1.177,-2.917 A 2.224,2.224 0 0 0 6.948,6.64 H 6.893 c -1.234,0 -2.238,1.013 -2.238,2.266 0,0.585 0.219,1.134 0.607,1.552 0.034,0.037 0.043,0.047 0.07,0.08 a 0.604,0.604 0 0 1 -0.06,0.955 l -0.119,0.08 a 0.604,0.604 0 0 1 -0.096,0.054 c -1.063,0.467 -1.812,1.031 -2.296,1.666 -0.612,0.802 -0.76,1.638 -0.64,2.383 0.838,0.246 1.695,0.414 2.546,0.515 0.565,-1.354 1.715,-2.537 3.545,-3.453 z M 5.348,10.56 Z m 3.324,1.97 0.34,0.5 -0.244,-0.553 -0.05,0.022 z m 0.826,0.9 -0.148,0.1 a 0.604,0.604 0 0 1 -0.096,0.053 c -2.07,0.91 -3.187,2.096 -3.604,3.438 A 0.604,0.604 0 0 1 5.017,17.443 16.85,16.85 0 0 1 1.426,16.727 0.604,0.604 0 0 1 1.04,16.349 2.596,2.596 0 0 1 0.954,16.015 C 0.741,14.931 0.924,13.708 1.8,12.56 2.316,11.884 3.043,11.29 3.999,10.794 A 3.484,3.484 0 0 1 3.447,8.906 c 0,-1.918 1.542,-3.475 3.446,-3.475 h 0.055 c 1.265,0 2.41,0.693 3.013,1.786 A 0.604,0.604 0 0 1 9.805,7.985 2.974,2.974 0 0 0 8.666,10.333 c 0,0.766 0.287,1.484 0.794,2.032 0.043,0.046 0.05,0.054 0.088,0.103 a 0.606,0.606 0 0 1 -0.05,0.962 z"
+         id="path4" />
+    </g>
+    <path
+       d="m 22.767,2.262 c -1.318,1.768 -1.222,4.802 -0.132,6.77 l 0.023,0.04 c 1.09,1.968 3.614,3.657 5.81,3.476 L 30.585,10.997 29.18,8.462 26.815,9.538 24.443,5.258 26.609,3.824 25.204,1.289 Z"
+       stroke="#000000"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path8" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/group_chat_hovered.svg b/linphone-app/assets/images/group_chat_hovered.svg
deleted file mode 100644
index 89b8d1294..000000000
--- a/linphone-app/assets/images/group_chat_hovered.svg
+++ /dev/null
@@ -1,99 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="group_chat_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="hf1nvdl9pa"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         fill="#4B5964"
-         id="g9">
-        <circle
-           cx="20"
-           cy="20"
-           r="20"
-           id="circle7" />
-      </g>
-      <g
-         id="g23">
-        <g
-           filter="url(#hf1nvdl9pa)"
-           transform="translate(5.873063, 10.000000)"
-           id="g19">
-          <g
-             id="g17">
-            <g
-               fill="#444"
-               fill-rule="nonzero"
-               id="g15">
-              <path
-                 d="M4.657 13.441c1.211.363 2.457.595 3.69.718.898.09 1.662.111 2.231.095l.11-.004.112-.001.142.005c.57.016 1.333-.005 2.232-.095 1.232-.123 2.478-.355 3.69-.718.182-.987.005-2.102-.81-3.17-.618-.81-1.57-1.528-2.915-2.12-.034-.014-.066-.032-.097-.053l-.147-.1c-.326-.222-.356-.692-.06-.953.046-.055.056-.067.099-.112.507-.547.794-1.266.794-2.031 0-1.641-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.969 0 .765.287 1.484.794 2.031.043.046.05.055.088.104.307.268.278.74-.05.961l-.148.1c-.03.021-.062.039-.096.054-1.344.59-2.296 1.308-2.915 2.119-.814 1.068-.992 2.183-.81 3.17zm6.079 2.016l-.123.005c-.618.018-1.434-.005-2.387-.1-1.42-.143-2.86-.421-4.259-.87-.18-.057-.324-.197-.386-.377-.029-.082-.066-.216-.101-.395-.258-1.31-.035-2.791 1.026-4.182.653-.857 1.59-1.609 2.833-2.232-.486-.695-.754-1.529-.754-2.404 0-2.306 1.852-4.177 4.141-4.177h.068c2.29 0 4.142 1.871 4.142 4.177 0 .875-.269 1.71-.755 2.404 1.244.624 2.18 1.375 2.834 2.232 1.061 1.39 1.284 2.871 1.026 4.182-.036.179-.073.313-.101.395-.063.18-.206.32-.387.378-1.399.448-2.838.726-4.259.868-.953.096-1.768.119-2.387.1-.053 0-.095-.002-.122-.004h-.05z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path11" />
-              <path
-                 d="M14.878 4.902c0 .875-.268 1.709-.755 2.404 1.863.933 3.02 2.14 3.574 3.523 1.058-.08 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.634-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.952.027-.034.038-.046.072-.083.387-.418.606-.966.606-1.551 0-1.253-1.004-2.267-2.239-2.267h-.054c-.866 0-1.637.502-2.008 1.263.498.7.773 1.545.773 2.43zm2.835.227v-.001zm-4.146 1.916l-.243.554.34-.5-.045-.03-.052-.024zm-.69-.112c.506-.547.793-1.266.793-2.031 0-.724-.256-1.406-.714-1.942-.138-.16-.181-.38-.115-.581C13.305.97 14.616 0 16.113 0h.054c1.905 0 3.447 1.557 3.447 3.475 0 .681-.195 1.332-.552 1.887.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.334-.062.18-.205.32-.386.377-1.452.465-2.931.7-4.327.769-.278.014-.529-.164-.609-.43-.405-1.36-1.524-2.562-3.618-3.482-.034-.015-.066-.033-.097-.054l-.147-.1c-.326-.222-.355-.692-.06-.953.046-.055.056-.067.1-.112zM7.34 7.306c-.487-.695-.755-1.529-.755-2.404 0-1.11.432-2.148 1.177-2.918-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.014-2.238 2.267 0 .585.219 1.133.607 1.552.034.037.043.047.07.08.296.261.267.732-.06.954l-.12.081c-.03.02-.062.038-.095.053-1.063.467-1.812 1.032-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.247 1.695.415 2.546.516.565-1.355 1.715-2.537 3.545-3.454zM4.474 5.13zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.9l-.148.1c-.03.02-.062.038-.096.053-2.07.91-3.187 2.096-3.604 3.438-.085.272-.349.448-.633.422-1.193-.11-2.409-.338-3.591-.717-.181-.058-.324-.198-.387-.377-.024-.072-.056-.184-.085-.334C-.133 9.5.051 8.276.927 7.128c.516-.675 1.243-1.27 2.199-1.766-.357-.554-.552-1.206-.552-1.887C2.574 1.557 4.115 0 6.02 0h.055C7.34 0 8.484.693 9.088 1.786c.143.26.077.584-.156.767-.714.56-1.14 1.418-1.14 2.349 0 .765.288 1.484.795 2.031.043.046.05.055.088.104.307.268.278.74-.05.961z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path13" />
-            </g>
-          </g>
-        </g>
-        <path
-           stroke="#FFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           d="M30.278 6.994c-.907-2.01-3.608-3.397-5.857-3.397h-.047c-2.249 0-4.95 1.388-5.857 3.398l.331 2.602h2.898l.205-2.59h4.893l.205 2.59h2.898l.33-2.603h0z"
-           transform="translate(5.873063, 10.000000) translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392)"
-           id="path21" />
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.166094,29.844075 C 13.87814,29.788111 12.328834,29.559882 11.065292,29.239984 9.786811,28.916304 9.5647637,28.814878 9.4658175,28.509382 9.3354584,28.1069 9.267805,27.482053 9.2935883,26.918671 l 0.026211,-0.572737 -0.640858,-0.104726 C 7.5236868,26.052422 6.3924205,25.735094 6.2044097,25.547083 5.9957122,25.338386 5.8579054,24.597276 5.9064941,23.944926 c 0.1180372,-1.584763 1.0812313,-2.949853 2.787664,-3.950825 0.1701031,-0.09978 0.3092783,-0.191334 0.3092783,-0.203451 0,-0.01212 -0.069846,-0.160727 -0.1552124,-0.330244 C 8.4084997,18.587231 8.3552576,17.61442 8.6973475,16.703674 9.5732363,14.371796 12.537478,13.69901 14.305167,15.430883 l 0.284548,0.278782 0.24237,-0.118598 c 0.640377,-0.313355 1.226703,-0.425396 2.029312,-0.387784 0.7707,0.03612 1.375593,0.221923 1.978932,0.607874 0.13877,0.08877 0.267991,0.155204 0.287159,0.14763 0.01917,-0.0076 0.138973,-0.139477 0.266234,-0.293119 0.419187,-0.506084 1.081053,-0.923376 1.751753,-1.104441 0.4109,-0.110928 1.332069,-0.110723 1.739673,3.88e-4 0.924216,0.251937 1.704888,0.874124 2.169781,1.72929 0.25306,0.465503 0.357779,0.864297 0.384419,1.463963 0.02874,0.646888 -0.07362,1.138768 -0.352301,1.693044 l -0.184481,0.366915 0.194765,0.09901 c 0.107121,0.05446 0.3618,0.209976 0.565953,0.345601 1.091444,0.725079 1.812228,1.623411 2.181451,2.718798 0.141062,0.418493 0.146797,0.464438 0.148702,1.191294 0.003,1.15988 -0.110817,1.419878 -0.699323,1.596941 -0.816586,0.245685 -1.844026,0.463566 -2.740785,0.581216 l -0.601311,0.07889 0.02331,0.491764 c 0.03978,0.839329 -0.116429,1.647701 -0.357624,1.850653 -0.408382,0.343631 -3.284961,0.935142 -5.15264,1.059539 -0.635215,0.04231 -2.482677,0.05101 -3.298969,0.01554 z m 3.894616,-1.226546 c 1.182292,-0.13755 2.179645,-0.317844 3.106027,-0.561485 0.414081,-0.108904 0.552206,-0.164567 0.59176,-0.238474 0.0654,-0.1222 0.06569,-1.087062 4.12e-4,-1.334179 -0.04933,-0.186719 -0.20815,-0.596843 -0.389863,-1.006754 -0.453704,-1.023467 -1.476,-1.950482 -3.008469,-2.728069 -0.731764,-0.3713 -0.872604,-0.5001 -0.872604,-0.797999 0,-0.206913 0.02647,-0.253918 0.425813,-0.756169 0.429245,-0.539859 0.630456,-1.13309 0.630456,-1.858776 0,-0.732703 -0.186883,-1.281402 -0.648472,-1.903947 -0.489183,-0.65976 -1.172593,-1.018856 -2.057282,-1.080993 -1.427808,-0.100283 -2.720604,0.830417 -3.096108,2.228927 -0.116905,0.435396 -0.104389,1.163534 0.02717,1.580756 0.142948,0.453334 0.292169,0.731315 0.588759,1.09679 0.340473,0.419552 0.368969,0.473188 0.370878,0.69809 0.0025,0.294688 -0.14356,0.427438 -0.883291,0.802784 -1.55186,0.787426 -2.471898,1.624229 -2.994977,2.724023 -0.294297,0.618772 -0.39009,1.029328 -0.393997,1.688622 -0.002,0.32926 0.01761,0.588635 0.04876,0.646566 0.120392,0.223887 2.466606,0.69735 4.156399,0.838756 0.637915,0.05338 3.850636,0.02529 4.398625,-0.03847 z m 5.933563,-3.5125 c 0.365406,-0.06093 0.926431,-0.175509 1.246721,-0.254629 l 0.582345,-0.143853 0.03093,-0.206266 c 0.04637,-0.309196 -0.01154,-0.827652 -0.13633,-1.220621 -0.318625,-1.003357 -1.118245,-1.80936 -2.504779,-2.524775 -0.667467,-0.344395 -0.776268,-0.454453 -0.776565,-0.785539 -1.37e-4,-0.163538 0.03299,-0.229461 0.230296,-0.45819 0.849545,-0.98484 0.837153,-2.322598 -0.02973,-3.209414 -0.535662,-0.547978 -1.315078,-0.790076 -2.056693,-0.638839 -0.198187,0.04042 -0.475075,0.12923 -0.615308,0.197364 -0.266049,0.129264 -0.800271,0.626614 -0.916625,0.85336 -0.0593,0.115552 -0.05599,0.142706 0.03623,0.297824 0.242037,0.407117 0.427012,0.813252 0.541256,1.188397 0.110144,0.361679 0.122704,0.474972 0.123386,1.112867 6.32e-4,0.591164 -0.01611,0.77163 -0.09987,1.076747 -0.09363,0.341053 -0.351076,0.924229 -0.5438,1.231857 -0.05324,0.08498 -0.06498,0.138662 -0.03287,0.150289 0.02747,0.0099 0.241366,0.127665 0.475315,0.26159 1.30543,0.7473 2.293657,1.721541 2.861514,2.821017 l 0.219429,0.424855 0.350388,-0.03163 c 0.192713,-0.0174 0.649357,-0.08148 1.014764,-0.142408 z M 9.8082992,24.937255 c 0.3315758,-0.705722 0.9784488,-1.50669 1.6621428,-2.058088 0.427198,-0.344534 1.079263,-0.778296 1.45052,-0.964904 0.151203,-0.076 0.280232,-0.142774 0.286731,-0.148387 0.0065,-0.0056 -0.0891,-0.204199 -0.212439,-0.441305 -0.370401,-0.712047 -0.508564,-1.259916 -0.509227,-2.01928 -7.88e-4,-0.905788 0.303007,-1.798472 0.847445,-2.490157 0.138659,-0.176159 0.265995,-0.349782 0.28297,-0.38583 0.04423,-0.09393 -0.30686,-0.385421 -0.69548,-0.577412 -0.890674,-0.440023 -1.955091,-0.249908 -2.643886,0.472222 -0.4224999,0.442947 -0.6321734,0.970675 -0.6321734,1.591121 0,0.597302 0.1895231,1.089283 0.6005674,1.559006 0.327412,0.374152 0.350269,0.663438 0.07315,0.92575 -0.08074,0.07642 -0.3942174,0.264383 -0.6966229,0.417692 -0.6509622,0.330015 -1.0770464,0.62736 -1.5039382,1.049533 -0.7377375,0.729581 -1.0624044,1.491124 -1.0303751,2.416862 l 0.014267,0.412371 0.3894616,0.103785 c 0.5147595,0.137174 1.6919852,0.367587 2.1336143,0.417602 0.026867,0.003 0.1093412,-0.123219 0.183276,-0.280581 z"
-     id="path70" />
-</svg>
diff --git a/linphone-app/assets/images/group_chat_normal.svg b/linphone-app/assets/images/group_chat_normal.svg
deleted file mode 100644
index 5e92285b7..000000000
--- a/linphone-app/assets/images/group_chat_normal.svg
+++ /dev/null
@@ -1,107 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="group_chat_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="grto6fqdqa"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         fill="#96A5B1"
-         id="g9">
-        <circle
-           cx="20"
-           cy="20"
-           r="20"
-           id="circle7" />
-      </g>
-      <g
-         id="g23">
-        <g
-           filter="url(#grto6fqdqa)"
-           transform="translate(5.873063, 10.000000)"
-           id="g19">
-          <g
-             id="g17">
-            <g
-               fill="#444"
-               fill-rule="nonzero"
-               id="g15">
-              <path
-                 d="M4.657 13.441c1.211.363 2.457.595 3.69.718.898.09 1.662.111 2.231.095l.11-.004.112-.001.142.005c.57.016 1.333-.005 2.232-.095 1.232-.123 2.478-.355 3.69-.718.182-.987.005-2.102-.81-3.17-.618-.81-1.57-1.528-2.915-2.12-.034-.014-.066-.032-.097-.053l-.147-.1c-.326-.222-.356-.692-.06-.953.046-.055.056-.067.099-.112.507-.547.794-1.266.794-2.031 0-1.641-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.969 0 .765.287 1.484.794 2.031.043.046.05.055.088.104.307.268.278.74-.05.961l-.148.1c-.03.021-.062.039-.096.054-1.344.59-2.296 1.308-2.915 2.119-.814 1.068-.992 2.183-.81 3.17zm6.079 2.016l-.123.005c-.618.018-1.434-.005-2.387-.1-1.42-.143-2.86-.421-4.259-.87-.18-.057-.324-.197-.386-.377-.029-.082-.066-.216-.101-.395-.258-1.31-.035-2.791 1.026-4.182.653-.857 1.59-1.609 2.833-2.232-.486-.695-.754-1.529-.754-2.404 0-2.306 1.852-4.177 4.141-4.177h.068c2.29 0 4.142 1.871 4.142 4.177 0 .875-.269 1.71-.755 2.404 1.244.624 2.18 1.375 2.834 2.232 1.061 1.39 1.284 2.871 1.026 4.182-.036.179-.073.313-.101.395-.063.18-.206.32-.387.378-1.399.448-2.838.726-4.259.868-.953.096-1.768.119-2.387.1-.053 0-.095-.002-.122-.004h-.05z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path11" />
-              <path
-                 d="M14.878 4.902c0 .875-.268 1.709-.755 2.404 1.863.933 3.02 2.14 3.574 3.523 1.058-.08 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.634-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.952.027-.034.038-.046.072-.083.387-.418.606-.966.606-1.551 0-1.253-1.004-2.267-2.239-2.267h-.054c-.866 0-1.637.502-2.008 1.263.498.7.773 1.545.773 2.43zm2.835.227v-.001zm-4.146 1.916l-.243.554.34-.5-.045-.03-.052-.024zm-.69-.112c.506-.547.793-1.266.793-2.031 0-.724-.256-1.406-.714-1.942-.138-.16-.181-.38-.115-.581C13.305.97 14.616 0 16.113 0h.054c1.905 0 3.447 1.557 3.447 3.475 0 .681-.195 1.332-.552 1.887.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.334-.062.18-.205.32-.386.377-1.452.465-2.931.7-4.327.769-.278.014-.529-.164-.609-.43-.405-1.36-1.524-2.562-3.618-3.482-.034-.015-.066-.033-.097-.054l-.147-.1c-.326-.222-.355-.692-.06-.953.046-.055.056-.067.1-.112zM7.34 7.306c-.487-.695-.755-1.529-.755-2.404 0-1.11.432-2.148 1.177-2.918-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.014-2.238 2.267 0 .585.219 1.133.607 1.552.034.037.043.047.07.08.296.261.267.732-.06.954l-.12.081c-.03.02-.062.038-.095.053-1.063.467-1.812 1.032-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.247 1.695.415 2.546.516.565-1.355 1.715-2.537 3.545-3.454zM4.474 5.13zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.9l-.148.1c-.03.02-.062.038-.096.053-2.07.91-3.187 2.096-3.604 3.438-.085.272-.349.448-.633.422-1.193-.11-2.409-.338-3.591-.717-.181-.058-.324-.198-.387-.377-.024-.072-.056-.184-.085-.334C-.133 9.5.051 8.276.927 7.128c.516-.675 1.243-1.27 2.199-1.766-.357-.554-.552-1.206-.552-1.887C2.574 1.557 4.115 0 6.02 0h.055C7.34 0 8.484.693 9.088 1.786c.143.26.077.584-.156.767-.714.56-1.14 1.418-1.14 2.349 0 .765.288 1.484.795 2.031.043.046.05.055.088.104.307.268.278.74-.05.961z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path13" />
-            </g>
-          </g>
-        </g>
-        <path
-           stroke="#FFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           d="M30.278 6.994c-.907-2.01-3.608-3.397-5.857-3.397h-.047c-2.249 0-4.95 1.388-5.857 3.398l.331 2.602h2.898l.205-2.59h4.893l.205 2.59h2.898l.33-2.603h0z"
-           transform="translate(5.873063, 10.000000) translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392)"
-           id="path21" />
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.166094,29.845291 C 13.853136,29.785465 12.448068,29.579937 11.134021,29.255495 9.8374431,28.935366 9.6049552,28.835371 9.4826892,28.545246 9.352759,28.236935 9.2642269,27.468241 9.2929698,26.897976 L 9.3207941,26.345934 8.6695608,26.239588 C 7.9355295,26.119721 6.7201099,25.821392 6.4138366,25.685913 6.1647351,25.575724 6.053548,25.403195 5.9721324,25.000521 c -0.092833,-0.459142 -0.069832,-1.370948 0.045463,-1.802284 0.3366324,-1.259385 1.2842225,-2.399598 2.653653,-3.193078 0.1827033,-0.105862 0.3321878,-0.202392 0.3321878,-0.214509 0,-0.01212 -0.069846,-0.160727 -0.1552124,-0.330244 -0.535314,-1.062991 -0.4919947,-2.29556 0.1170512,-3.330471 0.1078247,-0.18322 0.3524034,-0.484028 0.5666042,-0.69687 0.3187127,-0.31669 0.4502309,-0.410008 0.8520568,-0.604573 0.748349,-0.362353 1.460219,-0.458581 2.224542,-0.300706 0.66929,0.138246 1.175624,0.404408 1.668929,0.877297 l 0.302607,0.290083 0.315949,-0.141788 c 0.627196,-0.281466 0.927682,-0.340176 1.736339,-0.33925 0.564038,6.46e-4 0.801788,0.01991 1.030928,0.08352 0.403952,0.112144 0.857922,0.309334 1.166316,0.506611 0.140719,0.09002 0.27167,0.163668 0.291002,0.163668 0.01933,0 0.111875,-0.102771 0.20565,-0.22838 0.371337,-0.497391 1.144748,-0.998922 1.819277,-1.17974 0.46531,-0.124734 1.386922,-0.111114 1.832761,0.02709 1.136361,0.352243 1.983275,1.193239 2.33665,2.320324 0.06655,0.212265 0.108939,0.494145 0.12534,0.833499 0.0308,0.637268 -0.08392,1.197995 -0.352568,1.723307 l -0.178085,0.348227 0.33105,0.181691 c 1.072562,0.588656 1.948039,1.494532 2.40844,2.492066 0.287292,0.622465 0.346374,0.917571 0.346224,1.729343 -1.37e-4,0.796617 -0.07616,1.16357 -0.280195,1.352664 -0.239571,0.222027 -1.921502,0.628328 -3.316467,0.801153 l -0.43528,0.05393 -2.75e-4,0.717434 c -1.83e-4,0.537471 -0.02164,0.808994 -0.08551,1.082444 -0.111028,0.475349 -0.245044,0.617281 -0.715005,0.757242 -1.420626,0.42308 -2.84991,0.690566 -4.399681,0.823387 -0.709458,0.0608 -2.676889,0.08361 -3.596793,0.04169 z m 4.238259,-1.271264 c 1.361802,-0.168005 3.21464,-0.567385 3.327025,-0.717142 0.146278,-0.194921 0.09865,-1.330555 -0.06987,-1.665996 -0.04578,-0.09113 -0.109497,-0.248163 -0.141588,-0.348965 -0.180444,-0.566787 -0.69979,-1.328683 -1.250424,-1.834407 -0.449513,-0.412852 -1.143669,-0.870652 -1.908924,-1.258949 -0.747331,-0.379202 -0.872597,-0.497095 -0.872597,-0.821234 0,-0.187658 0.02493,-0.248022 0.173574,-0.42031 0.657758,-0.762376 0.880263,-1.311243 0.880263,-2.1714 0,-0.74253 -0.191531,-1.29811 -0.663863,-1.925693 -0.401376,-0.533304 -0.938178,-0.862601 -1.636611,-1.003969 -0.446898,-0.09045 -0.771888,-0.09038 -1.218067,2.75e-4 -0.893945,0.181635 -1.651087,0.770124 -2.042062,1.587192 -0.25237,0.52741 -0.32034,0.814303 -0.317991,1.342196 0.0032,0.725853 0.242527,1.378574 0.714796,1.949718 0.315254,0.381257 0.352801,0.453896 0.352801,0.682536 0,0.279033 -0.188121,0.447331 -0.893471,0.799321 -1.488223,0.742669 -2.421713,1.583275 -2.956536,2.662354 -0.317209,0.640011 -0.418294,1.058014 -0.421594,1.743359 -0.0015,0.316191 0.01868,0.591933 0.04728,0.645377 0.03701,0.06915 0.172176,0.124726 0.52201,0.214628 1.346022,0.34591 2.333189,0.507722 3.931405,0.644415 0.113402,0.0097 0.989691,0.01141 1.947308,0.0038 1.409878,-0.0112 1.884953,-0.03158 2.497137,-0.107104 z m 5.58992,-3.468998 c 0.365406,-0.06093 0.926431,-0.175509 1.246721,-0.254629 l 0.582345,-0.143853 0.03093,-0.206266 c 0.04637,-0.309196 -0.01154,-0.827652 -0.13633,-1.220621 -0.161854,-0.509682 -0.445241,-0.953609 -0.895874,-1.40339 -0.443764,-0.442926 -0.871282,-0.738086 -1.665588,-1.149933 -0.606183,-0.314305 -0.71959,-0.433225 -0.719882,-0.754875 -1.37e-4,-0.162038 0.03669,-0.233721 0.258975,-0.50401 0.65533,-0.796839 0.779629,-1.699868 0.355734,-2.584389 -0.535369,-1.117128 -1.936356,-1.581437 -3.086144,-1.022796 -0.266049,0.129264 -0.800271,0.626614 -0.916625,0.85336 -0.0593,0.115552 -0.05599,0.142706 0.03623,0.297824 0.242037,0.407117 0.427012,0.813252 0.541256,1.188397 0.110144,0.361679 0.122704,0.474972 0.123386,1.112867 6.32e-4,0.592009 -0.01603,0.771193 -0.100138,1.076747 -0.104544,0.379803 -0.350884,0.942384 -0.511278,1.167636 -0.05069,0.07119 -0.09209,0.146878 -0.092,0.168188 9.1e-5,0.02131 0.128959,0.105351 0.286368,0.186758 1.349309,0.697814 2.47371,1.773442 3.079048,2.945489 l 0.217716,0.421537 0.350388,-0.03163 c 0.192713,-0.0174 0.649357,-0.08148 1.014764,-0.142408 z m -15.2384598,-0.0847 c 0.1596067,-0.417924 0.7126778,-1.178256 1.2368438,-1.700344 0.514057,-0.51202 1.310578,-1.095323 1.906441,-1.396114 0.146956,-0.07418 0.277113,-0.150929 0.289237,-0.170547 0.01212,-0.01962 -0.04393,-0.148945 -0.124571,-0.287394 -0.199813,-0.34306 -0.364903,-0.738787 -0.468195,-1.122287 -0.127862,-0.474719 -0.11815,-1.602553 0.01806,-2.09756 0.128293,-0.466232 0.409415,-1.032069 0.708593,-1.426246 0.132112,-0.174061 0.260822,-0.345831 0.286022,-0.381711 0.06456,-0.09192 -0.277788,-0.383929 -0.687285,-0.586234 -1.513866,-0.7479 -3.2760594,0.361973 -3.2760594,2.063343 0,0.598357 0.1894485,1.089198 0.6026404,1.561375 0.224399,0.256434 0.303426,0.472695 0.244216,0.668318 -0.05991,0.197951 -0.271154,0.366554 -0.7781278,0.621069 -0.682833,0.342802 -1.0735064,0.609371 -1.5249392,1.040517 -0.7984038,0.762524 -1.134206,1.518166 -1.1010122,2.477564 l 0.014267,0.412371 0.3894616,0.103785 c 0.5167868,0.137714 1.7150517,0.372003 2.1358141,0.417602 0.028077,0.003 0.085942,-0.08584 0.1285902,-0.197507 z"
-     id="path55" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.509737,29.863941 C 14.909461,29.846374 13.904468,29.757994 13.241695,29.664487 11.698899,29.446822 9.9275095,29.005108 9.6453751,28.767708 9.3984113,28.559901 9.2470095,27.745665 9.2935237,26.875455 L 9.3218275,26.345934 8.6700776,26.239588 C 7.9358797,26.119789 6.720365,25.821505 6.4138366,25.685913 6.1647351,25.575724 6.053548,25.403195 5.9721324,25.000521 c -0.092833,-0.459142 -0.069832,-1.370948 0.045463,-1.802284 0.3338242,-1.248879 1.2691197,-2.383778 2.6145875,-3.172571 0.2041893,-0.119708 0.3712533,-0.226515 0.3712533,-0.23735 0,-0.01083 -0.069846,-0.158393 -0.1552124,-0.32791 C 8.4159196,18.601965 8.3560427,17.654711 8.6767901,16.748317 8.8625085,16.223498 9.0685482,15.904482 9.5100484,15.458164 9.8511595,15.11333 9.9642992,15.031707 10.38061,14.830117 c 0.742998,-0.359784 1.435831,-0.456889 2.207041,-0.309332 0.660598,0.126393 1.180215,0.398644 1.689756,0.885341 l 0.302607,0.28904 0.314728,-0.141209 c 0.514385,-0.230788 0.909307,-0.322597 1.508465,-0.350674 0.907739,-0.04254 1.634471,0.127224 2.327367,0.543666 0.20222,0.121538 0.380599,0.220978 0.396398,0.220978 0.0158,0 0.105451,-0.102771 0.199226,-0.22838 0.361166,-0.483768 1.046171,-0.940972 1.727639,-1.153108 0.497437,-0.154848 1.427978,-0.1548 1.922784,9.9e-5 1.16081,0.363391 1.984194,1.186058 2.345631,2.343588 0.09229,0.295573 0.10706,0.436577 0.105574,1.008018 -0.0016,0.606084 -0.01293,0.696537 -0.129373,1.030928 -0.0702,0.201604 -0.188325,0.472749 -0.262488,0.602546 l -0.134842,0.235993 0.335275,0.18401 c 1.075335,0.590178 1.945199,1.48876 2.414668,2.494385 0.252056,0.539915 0.324874,0.849861 0.353615,1.50515 0.03909,0.891213 -0.09162,1.471364 -0.368983,1.637732 -0.32687,0.196062 -1.911804,0.566112 -3.076706,0.718348 l -0.595647,0.07784 -2.75e-4,0.716442 c -1.83e-4,0.536502 -0.02167,0.808116 -0.08551,1.081451 -0.14015,0.600031 -0.24799,0.665067 -1.70117,1.025945 -1.69162,0.420091 -3.134266,0.593976 -5.08591,0.613014 -0.680413,0.0066 -1.391753,0.0075 -1.580756,0.002 z m 2.886597,-1.204622 c 0.93263,-0.06308 1.682447,-0.162789 2.605753,-0.346512 1.150658,-0.228961 1.696073,-0.382496 1.755902,-0.494289 0.06262,-0.117009 0.0625,-1.09378 -1.83e-4,-1.335127 -0.07964,-0.306718 -0.412092,-1.079294 -0.600804,-1.396199 -0.537966,-0.903425 -1.434854,-1.645215 -2.876879,-2.379389 -0.663178,-0.337643 -0.79215,-0.464718 -0.79215,-0.780498 0,-0.202008 0.02286,-0.246654 0.292158,-0.570571 0.54531,-0.655907 0.761679,-1.235639 0.761679,-2.040815 0,-0.712569 -0.157197,-1.177134 -0.622793,-1.840544 -0.529645,-0.754672 -1.300919,-1.122615 -2.332534,-1.112757 -0.410969,0.0039 -0.572337,0.02706 -0.874154,0.125305 -0.865967,0.281889 -1.552492,0.955298 -1.887586,1.851525 -0.155628,0.416233 -0.195397,1.260237 -0.0804,1.706371 0.111073,0.430925 0.348464,0.895551 0.633307,1.239524 0.315041,0.380438 0.353167,0.453876 0.353167,0.680268 0,0.276349 -0.180789,0.451018 -0.757899,0.732241 -1.270192,0.618959 -2.144755,1.298909 -2.720714,2.115284 -0.369641,0.523937 -0.608919,1.050982 -0.737494,1.624436 -0.05471,0.243992 -0.07134,1.196668 -0.02353,1.347314 0.07744,0.243993 2.477334,0.737088 4.239638,0.871098 0.702289,0.05341 2.895732,0.0554 3.665521,0.0033 z m 5.959386,-3.458744 c 0.693646,-0.09082 1.18048,-0.181813 1.885216,-0.352347 l 0.582287,-0.140903 0.03099,-0.206654 c 0.04825,-0.321746 -0.01405,-0.844435 -0.149484,-1.254222 -0.327096,-0.989691 -1.170142,-1.81661 -2.595171,-2.545531 -0.555849,-0.284324 -0.672673,-0.411214 -0.672961,-0.730947 -1.37e-4,-0.152201 0.03332,-0.23033 0.166787,-0.389462 0.577754,-0.688861 0.781216,-1.322951 0.658309,-2.051622 -0.27436,-1.626591 -2.1283,-2.433552 -3.51268,-1.528958 -0.278929,0.18226 -0.582804,0.500243 -0.687143,0.719043 -0.07066,0.148181 -0.06975,0.163094 0.01763,0.286824 0.05069,0.07178 0.159578,0.264536 0.241968,0.428339 0.677443,1.346856 0.5988,2.864005 -0.217047,4.187184 -0.05263,0.08536 -0.06381,0.138609 -0.03156,0.150289 0.02747,0.0099 0.23955,0.126625 0.471279,0.25928 1.323789,0.757809 2.290008,1.708973 2.862998,2.818385 0.248923,0.481963 0.171024,0.453113 0.94858,0.351302 z M 9.7827341,24.959845 c 0.1960658,-0.443239 0.7019429,-1.131916 1.1880029,-1.617293 0.531356,-0.530607 1.020866,-0.900877 1.72113,-1.301877 0.252005,-0.144308 0.472682,-0.275957 0.490395,-0.292551 0.01771,-0.0166 -0.03209,-0.133207 -0.110661,-0.259137 -0.341658,-0.547565 -0.538745,-1.217782 -0.572595,-1.947177 -0.05114,-1.101837 0.251673,-2.033409 0.932768,-2.86961 0.195128,-0.239565 0.202132,-0.257973 0.136348,-0.358371 -0.108142,-0.165046 -0.591097,-0.464813 -0.932785,-0.578974 -0.408373,-0.136441 -1.008965,-0.139106 -1.421048,-0.0063 -0.934208,0.301062 -1.5705245,1.187232 -1.5688425,2.184859 9.754e-4,0.578709 0.1935012,1.08 0.5958845,1.551543 0.46981,0.550559 0.353707,0.858488 -0.4818808,1.278039 -0.7416383,0.372379 -1.198855,0.69415 -1.6798244,1.182196 -0.3725635,0.378045 -0.476011,0.517027 -0.6528725,0.87714 -0.280762,0.571667 -0.3542894,0.885341 -0.3379645,1.441784 l 0.013159,0.448513 0.204079,0.05898 c 0.605593,0.175035 2.2632991,0.485358 2.3490265,0.439739 0.018183,-0.0097 0.075639,-0.113851 0.1276813,-0.231501 z"
-     id="path94" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 32.302405,21.966794 c -2.034876,-0.342233 -4.228018,-2.002925 -5.201175,-3.938438 -0.850603,-1.691765 -1.013676,-3.982133 -0.406704,-5.712159 0.168987,-0.481653 0.390644,-0.916127 0.625312,-1.225682 l 0.171919,-0.226782 1.282758,-0.515645 c 0.765346,-0.307654 1.347444,-0.5160939 1.443125,-0.5167582 0.0882,-6.124e-4 0.206107,0.03451 0.262013,0.078051 0.103845,0.080878 1.552535,2.6520892 1.600498,2.8406492 0.06299,0.247637 -0.05229,0.360512 -1.045818,1.02396 l -0.95549,0.638049 0.06623,0.128081 c 0.312341,0.604001 1.826671,3.291981 1.871595,3.322137 0.03684,0.02473 0.422118,-0.127996 1.069184,-0.423826 0.556375,-0.254367 1.051006,-0.462409 1.09918,-0.462315 0.241866,4.72e-4 0.352836,0.151266 1.082024,1.470315 0.395737,0.71586 0.741566,1.36084 0.768509,1.433287 0.09951,0.267574 -0.01885,0.389652 -1.258104,1.297646 l -1.144643,0.838673 -0.55066,-0.0054 c -0.302863,-0.0029 -0.653753,-0.0227 -0.779756,-0.04389 z M 34.0955,20.502601 c 0.450224,-0.328381 0.823621,-0.622195 0.82977,-0.652921 0.01782,-0.08903 -0.934873,-1.752545 -0.995543,-1.738343 -0.03014,0.0071 -0.488653,0.209541 -1.018927,0.449972 -0.530274,0.24043 -1.024414,0.43886 -1.098089,0.440954 -0.07368,0.0021 -0.18951,-0.03747 -0.257411,-0.08792 -0.07876,-0.05852 -0.567185,-0.891667 -1.349114,-2.301299 -1.292752,-2.330521 -1.319471,-2.392075 -1.138308,-2.622387 0.04804,-0.06108 0.490866,-0.37829 0.98405,-0.704919 0.493184,-0.326628 0.897175,-0.610981 0.897758,-0.631894 9.79e-4,-0.03517 -0.678984,-1.291511 -0.875373,-1.617389 l -0.08641,-0.143385 -0.950424,0.375947 c -1.087288,0.430084 -1.071302,0.416809 -1.354716,1.125028 -0.563096,1.407114 -0.529411,3.277511 0.08654,4.805038 0.805923,1.998657 2.988341,3.667917 5.060023,3.870247 0.444888,0.04345 0.405305,0.06117 1.266176,-0.566728 z"
-     id="path207" />
-</svg>
diff --git a/linphone-app/assets/images/group_chat_pressed.svg b/linphone-app/assets/images/group_chat_pressed.svg
deleted file mode 100644
index 04842791b..000000000
--- a/linphone-app/assets/images/group_chat_pressed.svg
+++ /dev/null
@@ -1,123 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40px"
-   height="40px"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg25"
-   sodipodi:docname="group_chat_pressed.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:dc="http://purl.org/dc/elements/1.1/">
-  <sodipodi:namedview
-     id="namedview27"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg25" />
-  <title
-     id="title2">4DD8BA2F-EDDE-41CB-BCE6-DE37F912DDDA</title>
-  <defs
-     id="defs7">
-    <filter
-       color-interpolation-filters="auto"
-       id="filter-1"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         type="matrix"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix4" />
-    </filter>
-  </defs>
-  <g
-     id="Symbols"
-     stroke="none"
-     stroke-width="1"
-     fill="none"
-     fill-rule="evenodd">
-    <g
-       id="new_conf_chat_group_clic">
-      <g
-         id="Group-2"
-         fill="#FF5E00">
-        <circle
-           id="call_clic"
-           cx="20"
-           cy="20"
-           r="20" />
-      </g>
-      <g
-         id="g21"
-         transform="translate(5.873063, 10.000000)">
-        <g
-           filter="url(#filter-1)"
-           id="chat_group_new2">
-          <g
-             transform="translate(0.000000, 0.685585)"
-             id="g17">
-            <g
-               id="Group"
-               transform="translate(0.000000, 3.745833)"
-               fill="#444444"
-               fill-rule="nonzero">
-              <path
-                 d="M4.65683464,13.441434 C5.86847836,13.8040695 7.11403319,14.0357253 8.34638612,14.1589398 C9.2449253,14.2487786 10.0090902,14.2702733 10.5783686,14.2538757 C10.6344097,14.2522614 10.6712298,14.2507134 10.6876867,14.2498151 L10.7997497,14.248917 C10.8491369,14.2507135 10.8859543,14.2522615 10.941992,14.2538757 C11.5112412,14.2702733 12.2753877,14.2487786 13.1739359,14.1589398 C14.4063116,14.0357242 15.6519395,13.8040654 16.8637194,13.4414238 C17.0464942,12.4543108 16.8687158,11.338558 16.0541229,10.270779 C15.4358226,9.46030301 14.4836344,8.74270868 13.1389084,8.15167671 C13.1049924,8.13677002 13.0725194,8.11877537 13.0418998,8.09792014 L12.8945356,7.99754945 C12.5687327,7.77564299 12.5392669,7.30621415 12.8347641,7.04530906 C12.8811133,6.99024032 12.8911536,6.9784664 12.9338728,6.93257487 C13.440938,6.38562663 13.7276246,5.66733163 13.7276246,4.9015363 C13.7276246,3.2607958 12.413109,1.93333333 10.7941108,1.93333333 L10.7260676,1.93333333 C9.10751525,1.93333333 7.79292976,3.26091515 7.79292976,4.9015363 C7.79292976,5.66720391 8.07970745,6.38552213 8.58742877,6.93317897 C8.63012927,6.97936414 8.63740247,6.98778536 8.6754369,7.03652855 C8.98179254,7.30489135 8.95251243,7.77614888 8.62531946,7.9981526 L8.47739137,8.09852329 C8.44703562,8.11911997 8.41486707,8.13690917 8.38128433,8.15167043 C7.03666137,8.74269851 6.08455338,9.46028752 5.46631162,10.2707585 C4.65178905,11.3385397 4.47404463,12.454305 4.65683464,13.441434 Z M10.735811,15.4572504 C10.707937,15.4585715 10.6668569,15.4601613 10.6131594,15.461708 C9.99471859,15.4795218 9.17944277,15.4565894 8.22617255,15.3612784 C6.80505941,15.2191911 5.36592605,14.9407026 3.967361,14.4927978 C3.78634827,14.4348266 3.64316842,14.2950534 3.58085601,14.1154888 C3.55223172,14.0330027 3.51514478,13.8989913 3.47984046,13.7197529 C3.22167978,12.4090829 3.44453019,10.9288728 4.505588,9.5379014 C5.15947516,8.68070181 6.09546621,7.9294568 7.33936063,7.30627158 C6.85333217,6.61131347 6.58459643,5.77707076 6.58459643,4.9015363 C6.58459643,2.59621755 8.43749575,0.725 10.7260676,0.725 L10.7941108,0.725 C13.0831185,0.725 14.9359579,2.59608838 14.9359579,4.9015363 C14.9359579,5.77698311 14.6673973,6.61109053 14.1811492,7.30641887 C15.4249708,7.92956995 16.3609278,8.6807568 17.0148152,9.53788089 C18.0759787,10.9288677 18.2988677,12.4091 18.0407067,13.7197801 C18.0054051,13.8990057 17.9683209,14.0330078 17.9396983,14.1154888 C17.8773837,14.2950597 17.7341961,14.4348361 17.5531752,14.4928036 C16.1544695,14.9407047 14.7152694,15.2191917 13.2941484,15.3612785 C12.3408698,15.4565894 11.5256118,15.4795218 10.9071996,15.461708 C10.8535053,15.4601613 10.8124275,15.4585715 10.7845546,15.4572504 L10.735811,15.4572504 Z"
-                 id="chat_group_new" />
-              <path
-                 d="M14.8782522,4.9015363 C14.8782522,5.77694986 14.6097119,6.61102717 14.1234988,7.30633964 C15.9859498,8.23867402 17.1434583,9.44651141 17.6974019,10.8289025 C18.7552228,10.7481322 19.8565861,10.5630139 20.9402442,10.2444502 C21.0601644,9.49932616 20.9120364,8.66403123 20.2996994,7.86137195 C19.8155857,7.22678943 19.0666248,6.66235254 18.0037186,6.19518564 C17.9698027,6.18027895 17.9373297,6.1622843 17.9067101,6.14142907 L17.7882924,6.06077405 C17.4624895,5.83886759 17.4330237,5.36943875 17.7285209,5.10853366 C17.7548489,5.07521458 17.7657388,5.06268362 17.79968,5.02622215 C18.1869691,4.60847092 18.40587,4.06001341 18.40587,3.47482083 C18.40587,2.22165241 17.4024339,1.20833333 16.1672577,1.20833333 L16.1125802,1.20833333 C15.247296,1.20833333 14.4759707,1.71041714 14.1049905,2.47078381 C14.6033707,3.17178033 14.8782522,4.01589245 14.8782522,4.9015363 Z M17.7127808,5.12879665 C17.7130143,5.12849742 17.7132466,5.12819964 17.7134779,5.12790329 C17.7131003,5.1283878 17.7129938,5.12852408 17.7127808,5.12879665 Z M13.5673988,7.04547479 L13.3243007,7.59857575 L13.6644074,7.09923135 L13.6189333,7.06825868 C13.6018082,7.06064289 13.5846301,7.05304824 13.5673988,7.04547479 Z M12.8761671,6.93257487 C13.3832322,6.38562663 13.6699188,5.66733163 13.6699188,4.9015363 C13.6699188,4.17777318 13.4138505,3.49596954 12.9557903,2.96035771 C12.8184919,2.79981406 12.775017,2.57921832 12.841135,2.37858549 C13.3052404,0.970272261 14.6158309,0 16.1125802,0 L16.1672577,0 C18.0724434,0 19.6142033,1.556945 19.6142033,3.47482083 C19.6142033,4.15609404 19.4185792,4.80744786 19.0619794,5.36235033 C20.0178654,5.85886014 20.7449329,6.45280368 21.2603918,7.12847382 C22.1361153,8.27638354 22.3203515,9.49991785 22.1068535,10.5838442 C22.0773717,10.7335231 22.0461072,10.8464959 22.0213644,10.9177965 C21.9590498,11.0973675 21.8158622,11.2371438 21.6348413,11.2951113 C20.1834021,11.759899 18.7038017,11.9949481 17.3083013,12.0639878 C17.0303853,12.0777372 16.7790194,11.8998938 16.6994863,11.6332463 C16.2941442,10.2742718 15.1753838,9.07210806 13.0812026,8.15167671 C13.0472867,8.13677002 13.0148137,8.11877537 12.9841941,8.09792014 L12.8368299,7.99754945 C12.5110269,7.77564299 12.4815612,7.30621415 12.7770583,7.04530906 C12.8234075,6.99024032 12.8334479,6.9784664 12.8761671,6.93257487 Z"
-                 id="path12" />
-              <path
-                 d="M7.33930815,7.30619655 C6.85331283,6.61125342 6.58459643,5.77703925 6.58459643,4.9015363 C6.58459643,3.79227352 7.01681602,2.75383663 7.76198941,1.98441603 C7.34404587,1.49943671 6.73470006,1.20833333 6.07496346,1.20833333 L6.02028592,1.20833333 C4.78546896,1.20833333 3.78197573,2.22174735 3.78197573,3.47482083 C3.78197573,4.05990649 4.00094709,4.60838399 4.38887607,5.02682626 C4.42295795,5.06368946 4.43183357,5.07381014 4.45814251,5.10735987 C4.75528703,5.36816661 4.72599249,5.83938542 4.3988171,6.0613772 L4.27994632,6.14203222 C4.24959056,6.1626289 4.21742201,6.1804181 4.18383928,6.19517936 C3.12101649,6.66234238 2.37212012,7.22677394 1.88805306,7.86135145 C1.27578244,8.66399472 1.12767353,9.49928127 1.2475919,10.2444064 C2.08596551,10.4906374 2.94308707,10.6585558 3.79368976,10.7600225 C4.35886164,9.40544539 5.50890862,8.222521 7.33930815,7.30619655 Z M4.47504971,5.12901881 C4.47477012,5.12866054 4.47463032,5.12848141 4.47441347,5.12820674 C4.47447091,5.12827563 4.4747594,5.12864605 4.47504971,5.12901881 Z M7.79895252,7.09862821 L8.13817195,7.59857575 L7.89505957,7.04548106 C7.8779986,7.0529802 7.86098967,7.06050015 7.84403271,7.06804085 L7.79895252,7.09862821 Z M8.62531946,7.9981526 L8.47739137,8.09852329 C8.44703562,8.11911997 8.41486707,8.13690917 8.38128433,8.15167043 C6.31106874,9.06163225 5.19354583,10.2478395 4.77660056,11.5895906 C4.69196944,11.8619379 4.42841632,12.038013 4.14441679,12.0119412 C2.95075778,11.9023607 1.73548033,11.6738114 0.552986254,11.2951055 C0.371973525,11.2371343 0.228793681,11.0973611 0.166481266,10.9177965 C0.141737149,10.8464919 0.110470473,10.7335116 0.0809864258,10.5838225 C-0.132510969,9.4999059 0.0516930927,8.27639134 0.927329439,7.12849432 C1.44278627,6.45276704 2.16987606,5.85877895 3.12581105,5.36224189 C2.76939923,4.80764285 2.5736424,4.15617699 2.5736424,3.47482083 C2.5736424,1.55704976 4.11544946,0 6.02028592,0 L6.07496346,0 C7.33997381,0 8.48401695,0.692974737 9.0878376,1.78558065 C9.23126644,2.04511333 9.16514563,2.37037406 8.93176977,2.55330779 C8.21843537,3.11246127 7.79292976,3.97057646 7.79292976,4.9015363 C7.79292976,5.66720391 8.07970745,6.38552213 8.58742877,6.93317897 C8.63012927,6.97936414 8.63740247,6.98778536 8.6754369,7.03652855 C8.98179254,7.30489135 8.95251243,7.77614888 8.62531946,7.9981526 Z"
-                 id="path14" />
-            </g>
-          </g>
-        </g>
-        <path
-           d="M30.2778914,6.9943257 C29.3707142,4.98405571 26.6704728,3.59739238 24.4212855,3.59739238 L24.3744464,3.59739238 C22.124955,3.59739238 19.4241053,4.98480717 18.5174349,6.9945404 L18.8482484,9.59739238 L21.7462885,9.59739238 L21.9513868,7.00688586 L26.8444464,7.00688586 L27.0490378,9.59739238 L29.9470779,9.59739238 L30.2778914,6.9943257 L30.2778914,6.9943257 Z"
-           id="add_call_default"
-           stroke="#FFFFFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           transform="translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392) " />
-      </g>
-    </g>
-  </g>
-  <metadata
-     id="metadata29">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:title>4DD8BA2F-EDDE-41CB-BCE6-DE37F912DDDA</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.166094,29.843611 C 13.881449,29.788603 12.33054,29.560314 11.065292,29.239984 9.786811,28.916304 9.5647637,28.814878 9.4658175,28.509382 9.3354584,28.1069 9.267805,27.482053 9.2935883,26.918671 l 0.026211,-0.572737 -0.640858,-0.104726 C 7.5236868,26.052422 6.3924205,25.735094 6.2044097,25.547083 5.8898791,25.232553 5.8024636,24.045844 6.0298706,23.177629 c 0.3250316,-1.240935 1.273148,-2.379685 2.641378,-3.17247 0.1827033,-0.105862 0.3321878,-0.202392 0.3321878,-0.214509 0,-0.01212 -0.069846,-0.160727 -0.1552124,-0.330244 -0.5352107,-1.062786 -0.4920411,-2.294326 0.1167441,-3.330471 0.1115484,-0.189854 0.347342,-0.477726 0.5736002,-0.700287 0.3219545,-0.316693 0.4600292,-0.414629 0.8523637,-0.604573 0.740955,-0.358726 1.456013,-0.454588 2.217546,-0.297289 0.668488,0.13808 1.175639,0.40443 1.667121,0.875551 l 0.3008,0.288339 0.376725,-0.158883 c 0.660808,-0.278693 0.867554,-0.317825 1.679178,-0.317825 0.566054,0 0.800969,0.01884 1.030928,0.08268 0.405425,0.112553 0.858198,0.309511 1.169935,0.508927 0.14271,0.09129 0.275155,0.159786 0.294323,0.152212 0.01917,-0.0076 0.138973,-0.139477 0.266234,-0.293119 0.418654,-0.505441 1.078311,-0.921638 1.751753,-1.105232 0.221099,-0.06028 0.457176,-0.0802 0.916381,-0.07735 0.538741,0.0033 0.665854,0.01943 0.985108,0.124639 0.979656,0.322854 1.78348,1.067912 2.161295,2.00329 0.363068,0.898865 0.317443,1.971474 -0.121132,2.84772 l -0.179519,0.358668 0.192244,0.09772 c 0.313638,0.159433 0.901785,0.564839 1.259004,0.867823 0.485783,0.412029 0.928422,0.984046 1.220114,1.576733 0.355307,0.721948 0.416476,0.9946 0.416317,1.85567 -1.83e-4,1.110443 -0.12037,1.376287 -0.701173,1.551221 -0.848942,0.255697 -1.789116,0.45485 -2.740785,0.58057 l -0.601311,0.07944 0.02331,0.491764 c 0.024,0.506269 -0.03411,1.07941 -0.151758,1.496939 -0.116961,0.415082 -0.252221,0.482154 -1.692985,0.839512 -1.137338,0.282098 -2.419261,0.483712 -3.642611,0.572888 -0.582609,0.04247 -2.488632,0.05161 -3.321879,0.01593 z m 3.894616,-1.226082 c 1.182292,-0.13755 2.179645,-0.317844 3.106027,-0.561485 0.414081,-0.108904 0.552206,-0.164567 0.59176,-0.238474 0.0654,-0.1222 0.06569,-1.087062 4.12e-4,-1.334179 -0.144889,-0.548419 -0.528888,-1.336109 -0.875772,-1.796459 -0.553708,-0.734817 -1.337346,-1.336973 -2.522567,-1.938364 -0.747331,-0.379202 -0.872597,-0.497095 -0.872597,-0.821234 0,-0.187658 0.02493,-0.248022 0.173574,-0.42031 0.656885,-0.761364 0.882695,-1.31685 0.882695,-2.1714 0,-0.732703 -0.186883,-1.281402 -0.648472,-1.903947 -0.407348,-0.549389 -0.967743,-0.895959 -1.664219,-1.029217 -0.451977,-0.08648 -0.764953,-0.0859 -1.208282,0.0022 -0.883356,0.175585 -1.652007,0.773606 -2.042062,1.588752 -0.258807,0.54086 -0.321833,0.817672 -0.316034,1.388014 0.0075,0.734562 0.253287,1.368727 0.76268,1.967579 0.257582,0.302819 0.30296,0.394886 0.30296,0.614668 0,0.284691 -0.15357,0.42325 -0.874599,0.789106 -1.536354,0.779559 -2.447499,1.598889 -2.976714,2.676757 -0.316674,0.644979 -0.417003,1.061143 -0.420288,1.743359 -0.0015,0.314144 0.01873,0.592034 0.04698,0.644808 0.116942,0.218507 2.521469,0.703838 4.155897,0.838828 0.640823,0.05293 3.853257,0.02443 4.398625,-0.03902 z m 5.933563,-3.5125 c 0.365406,-0.06093 0.926431,-0.175509 1.246721,-0.254629 l 0.582345,-0.143853 0.03093,-0.206266 c 0.04637,-0.309196 -0.01154,-0.827652 -0.13633,-1.220621 -0.161906,-0.509847 -0.445231,-0.953624 -0.895874,-1.403225 -0.442297,-0.441274 -0.929736,-0.777174 -1.691338,-1.165522 -0.577701,-0.294574 -0.693841,-0.418297 -0.694132,-0.739451 -1.37e-4,-0.162038 0.03669,-0.233721 0.258975,-0.50401 0.65533,-0.796839 0.779629,-1.699868 0.355734,-2.584389 -0.535369,-1.117128 -1.936356,-1.581437 -3.086144,-1.022796 -0.266049,0.129264 -0.800271,0.626614 -0.916625,0.85336 -0.0593,0.115552 -0.05599,0.142706 0.03623,0.297824 0.242037,0.407117 0.427012,0.813252 0.541256,1.188397 0.110144,0.361679 0.122704,0.474972 0.123386,1.112867 6.32e-4,0.592009 -0.01603,0.771193 -0.100138,1.076747 -0.104544,0.379803 -0.350884,0.942384 -0.511278,1.167636 -0.05069,0.07119 -0.09209,0.146878 -0.092,0.168188 9.1e-5,0.02131 0.137174,0.109593 0.304624,0.196184 0.167451,0.08659 0.502426,0.289784 0.74439,0.451541 1.072717,0.71713 1.814504,1.512753 2.316402,2.484522 l 0.217716,0.421537 0.350388,-0.03163 c 0.192713,-0.0174 0.649357,-0.08148 1.014764,-0.142408 z M 9.7980558,24.947986 c 0.3054662,-0.665489 0.9447662,-1.464328 1.6250982,-2.030646 0.407449,-0.339167 1.100945,-0.803598 1.497808,-1.003077 0.151203,-0.076 0.281961,-0.144504 0.290575,-0.15223 0.0086,-0.0077 -0.05533,-0.135178 -0.142099,-0.283224 -0.365159,-0.62305 -0.537564,-1.215567 -0.570272,-1.959909 -0.04758,-1.082624 0.260354,-2.021354 0.934595,-2.84914 0.108568,-0.133292 0.197396,-0.262779 0.197396,-0.287749 0,-0.02497 -0.108247,-0.131471 -0.24055,-0.236668 -0.767793,-0.61049 -1.779751,-0.694908 -2.6263,-0.219087 -0.296347,0.166568 -0.707624,0.59693 -0.8624577,0.902479 -0.3436534,0.678168 -0.341456,1.536835 0.00556,2.174426 0.067121,0.123324 0.2201787,0.336376 0.3401287,0.473449 0.224399,0.256434 0.303426,0.472695 0.244216,0.668318 -0.05991,0.197951 -0.271154,0.366554 -0.7781275,0.621069 -0.682833,0.342802 -1.0735064,0.609371 -1.5249392,1.040517 -0.7984038,0.762524 -1.134206,1.518166 -1.1010122,2.477564 l 0.014267,0.412371 0.3894616,0.103785 c 0.5138695,0.136937 1.6783387,0.364971 2.1325046,0.417602 0.026257,0.003 0.1046207,-0.11839 0.1741423,-0.26985 z"
-     id="path58" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 32.099708,21.918911 c -2.0128,-0.422422 -4.053259,-2.010609 -4.998478,-3.890555 -0.850837,-1.69223 -1.013986,-3.987329 -0.406053,-5.712159 0.173002,-0.490844 0.261763,-0.672778 0.537282,-1.101272 l 0.213131,-0.331466 1.317375,-0.52764 c 0.752496,-0.301393 1.381193,-0.5272034 1.466208,-0.5266215 0.08186,5.604e-4 0.194691,0.036643 0.25074,0.080183 0.103297,0.080245 1.550076,2.6493295 1.599711,2.8406495 0.06411,0.247101 -0.05145,0.360302 -1.045291,1.02396 l -0.95549,0.638049 0.06623,0.128081 c 0.312301,0.603924 1.826667,3.291979 1.871585,3.32213 0.03682,0.02472 0.423169,-0.128114 1.071424,-0.423826 0.557613,-0.254363 1.052248,-0.462402 1.09919,-0.462308 0.239387,4.81e-4 0.352038,0.153875 1.079784,1.470315 0.395737,0.71586 0.741566,1.36084 0.768509,1.433287 0.09995,0.268761 -0.01814,0.390504 -1.258936,1.297826 l -1.145475,0.837621 -0.549828,-0.0028 c -0.361654,-0.0019 -0.697606,-0.03383 -0.981621,-0.09344 z m 1.995792,-1.41631 c 0.450224,-0.328381 0.823621,-0.622195 0.82977,-0.652921 0.01782,-0.08903 -0.934873,-1.752545 -0.995543,-1.738343 -0.03014,0.0071 -0.488653,0.209541 -1.018927,0.449972 -0.530274,0.24043 -1.024414,0.43886 -1.098089,0.440954 -0.07368,0.0021 -0.18951,-0.03747 -0.257411,-0.08792 -0.182357,-0.135494 -2.574773,-4.463349 -2.574773,-4.657736 0,-0.08078 0.0334,-0.194556 0.07423,-0.252841 0.04082,-0.05828 0.478969,-0.374497 0.973654,-0.702695 0.494686,-0.328198 0.906183,-0.61464 0.914439,-0.636538 0.01478,-0.0392 -0.810944,-1.56358 -0.92082,-1.699949 -0.0494,-0.06131 -0.172829,-0.02349 -0.995679,0.305087 -1.074309,0.428988 -1.060771,0.417659 -1.343583,1.124374 -0.563096,1.407114 -0.529411,3.277511 0.08654,4.805038 0.806358,1.999734 2.987225,3.667808 5.060023,3.870247 0.444888,0.04345 0.405305,0.06117 1.266176,-0.566728 z"
-     id="path97" />
-</svg>
diff --git a/linphone-app/assets/images/hangup_custom.svg b/linphone-app/assets/images/hangup_custom.svg
new file mode 100644
index 000000000..d67c8b4f1
--- /dev/null
+++ b/linphone-app/assets/images/hangup_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="hangup_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.1964286"
+     inkscape:cx="-13.56701"
+     inkscape:cy="52.151202"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 59.5725,33.554258 C 56.551523,26.9702 47.564832,22.427504 40.078145,22.427504 h -0.15629 c -7.486687,0 -16.477189,4.542696 -19.494354,11.126754 l 1.101656,8.524682 h 9.644254 l 0.684246,-8.484767 h 16.286592 l 0.680434,8.484767 h 9.64616 z m -26.393999,16.927719 6.3755,6.642981 0.444092,0.461872 z m 13.641092,0.0077 -6.8215,7.09725 z m -6.8215,6.367376 V 42.789825 Z"
+     stroke="#000000"
+     stroke-width="2.85501"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/hangup_hovered.svg b/linphone-app/assets/images/hangup_hovered.svg
deleted file mode 100644
index 884d35a32..000000000
--- a/linphone-app/assets/images/hangup_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>hangup_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="hangup_over">
-            <circle class="color-b-fill" fill="#D64D00" cx="20" cy="20" r="20"></circle>
-            <path d="M30.5377049,16.8536881 C28.9534689,13.3895361 24.237941,11 20.3101049,11 L20.2283082,11 C16.299941,11 11.5833508,13.390831 10,16.8540581 L10.5777115,21.3393637 L15.6386623,21.3393637 L15.9968328,16.8753322 L24.5417574,16.8753322 L24.8990426,21.3393637 L29.9599934,21.3393637 L30.5377049,16.8536881 L30.5377049,16.8536881 Z M16.6905115,25.7612171 L20.0360328,29.2560777 L20.2692066,29.4991567 L16.6905115,25.7612171 Z M23.8477246,25.7647319 L20.2692066,29.4991567 L23.8477246,25.7647319 Z M20.2692066,29.1152992 L20.2692066,21.7137866 L20.2692066,29.1152992 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/hangup_normal.svg b/linphone-app/assets/images/hangup_normal.svg
deleted file mode 100644
index a58321671..000000000
--- a/linphone-app/assets/images/hangup_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>hangup_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="hangup_default">
-            <circle class="color-i-fill" fill="#FE5E00" cx="20" cy="20" r="20"></circle>
-            <path d="M30.5377049,16.8536881 C28.9534689,13.3895361 24.237941,11 20.3101049,11 L20.2283082,11 C16.299941,11 11.5833508,13.390831 10,16.8540581 L10.5777115,21.3393637 L15.6386623,21.3393637 L15.9968328,16.8753322 L24.5417574,16.8753322 L24.8990426,21.3393637 L29.9599934,21.3393637 L30.5377049,16.8536881 L30.5377049,16.8536881 Z M16.6905115,25.7612171 L20.0360328,29.2560777 L20.2692066,29.4991567 L16.6905115,25.7612171 Z M23.8477246,25.7647319 L20.2692066,29.4991567 L23.8477246,25.7647319 Z M20.2692066,29.1152992 L20.2692066,21.7137866 L20.2692066,29.1152992 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/hangup_pressed.svg b/linphone-app/assets/images/hangup_pressed.svg
deleted file mode 100644
index 72686adc3..000000000
--- a/linphone-app/assets/images/hangup_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>hangup_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="hangup_clic">
-            <circle class="color-i-fill" fill="#FE5E00" cx="20" cy="20" r="20"></circle>
-            <path d="M30.5377049,16.8536881 C28.9534689,13.3895361 24.237941,11 20.3101049,11 L20.2283082,11 C16.299941,11 11.5833508,13.390831 10,16.8540581 L10.5777115,21.3393637 L15.6386623,21.3393637 L15.9968328,16.8753322 L24.5417574,16.8753322 L24.8990426,21.3393637 L29.9599934,21.3393637 L30.5377049,16.8536881 L30.5377049,16.8536881 Z M16.6905115,25.7612171 L20.0360328,29.2560777 L20.2692066,29.4991567 L16.6905115,25.7612171 Z M23.8477246,25.7647319 L20.2692066,29.4991567 L23.8477246,25.7647319 Z M20.2692066,29.1152992 L20.2692066,21.7137866 L20.2692066,29.1152992 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/history.svg b/linphone-app/assets/images/history.svg
deleted file mode 100644
index bfba0d0e1..000000000
--- a/linphone-app/assets/images/history.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>history</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="history" stroke="#FFFFFF">
-            <path d="M9.5,5 C9.5,7.485125 7.485575,9.5 5,9.5 C2.514875,9.5 0.5,7.485125 0.5,5 C0.5,2.5147625 2.514875,0.5 5,0.5 C7.485575,0.5 9.5,2.5147625 9.5,5 L9.5,5 Z M4.998875,2.5679625 L4.998875,5.0349875 L7.5806375,5.0349875"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/history_custom.svg b/linphone-app/assets/images/history_custom.svg
new file mode 100644
index 000000000..9d8110c96
--- /dev/null
+++ b/linphone-app/assets/images/history_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="history_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="-9.8052692"
+     inkscape:cy="34.455899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 58.461541,40 A 18.46154,18.461548 0 1 1 21.53846,40 18.46154,18.461548 0 0 1 58.461541,40 Z M 39.995897,30.022559 V 40.14359 h 10.59077"
+     stroke="#000000"
+     stroke-width="3.07692"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/history_hovered.svg b/linphone-app/assets/images/history_hovered.svg
deleted file mode 100644
index 0bb02b704..000000000
--- a/linphone-app/assets/images/history_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>history_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="history_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M29,20 C29,24.97025 24.97115,29 20,29 C15.02975,29 11,24.97025 11,20 C11,15.029525 15.02975,11 20,11 C24.97115,11 29,15.029525 29,20 L29,20 Z M19.99775,15.135925 L19.99775,20.069975 L25.161275,20.069975" id="history" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/history_normal.svg b/linphone-app/assets/images/history_normal.svg
deleted file mode 100644
index b516f9608..000000000
--- a/linphone-app/assets/images/history_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>history_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="history_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M29,20 C29,24.97025 24.97115,29 20,29 C15.02975,29 11,24.97025 11,20 C11,15.029525 15.02975,11 20,11 C24.97115,11 29,15.029525 29,20 L29,20 Z M19.99775,15.135925 L19.99775,20.069975 L25.161275,20.069975" id="history" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/history_pressed.svg b/linphone-app/assets/images/history_pressed.svg
deleted file mode 100644
index 800aea0ef..000000000
--- a/linphone-app/assets/images/history_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>history_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="history_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M29,20 C29,24.97025 24.97115,29 20,29 C15.02975,29 11,24.97025 11,20 C11,15.029525 15.02975,11 20,11 C24.97115,11 29,15.029525 29,20 L29,20 Z M19.99775,15.135925 L19.99775,20.069975 L25.161275,20.069975" id="history" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/home_custom.svg b/linphone-app/assets/images/home_custom.svg
new file mode 100644
index 000000000..d7fa70733
--- /dev/null
+++ b/linphone-app/assets/images/home_custom.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="home_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="23.73425"
+     inkscape:cy="19.97709"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 51.36028,59.450614 H 28.63972 c -1.789521,0 -3.244916,-1.455636 -3.244916,-3.244361 V 41.606631 h -3.244916 c -0.910134,0 -1.623483,-0.713761 -1.623483,-1.622183 0,-0.430418 0.174237,-0.852185 0.479665,-1.157156 L 39.432191,20.749713 a 0.84658891,0.89328077 0 0 1 1.135618,0 l 18.419969,18.071092 a 1.5271398,1.611366 0 0 1 0.485817,1.163643 c 0,0.908422 -0.713347,1.622183 -1.623483,1.622183 h -3.244917 v 14.599622 c 0,1.788725 -1.455394,3.244361 -3.244915,3.244361 z M 40,22.464899 22.149888,39.980122 l 4.054607,0.0044 c 0.446868,0 0.811742,0.36337 0.811742,0.81109 v 15.410762 c 0,0.893281 0.727697,1.622181 1.621433,1.622181 h 22.72056 c 0.893735,0 1.621435,-0.7289 1.621435,-1.622181 V 40.795659 c 0,-0.44772 0.364871,-0.81109 0.811739,-0.81109 h 4.058708 c 0,-0.0044 -0.0042,-0.0087 -0.0062,-0.01071 z"
+     fill="#000000"
+     fill-rule="nonzero"
+     stroke="#000000"
+     stroke-width="1.05281"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/home_disabled.svg b/linphone-app/assets/images/home_disabled.svg
deleted file mode 100644
index f9cb2f7c3..000000000
--- a/linphone-app/assets/images/home_disabled.svg
+++ /dev/null
@@ -1,76 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="home_disabled.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="22.130584"
-     inkscape:cy="40"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A
-KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB
-AAAAUAAAAAAx4ExPAAAFdElEQVR4Ae2d/28URRjGn11aClioRaG0ikJaKISgJTTRKGKiiT9pov4v
-GP8EEv4XbCI/GhP8mmgNZ4wCRWoD2laBWlJoa7+tz7Nz19a7097d3Oxt7Psmd7e3M+87M599d2fm
-3b25CFUkSUbbUZh+F0j4wjA/+5Cgs0rW/++uCI+AaJINHOXnCIYOjUTR8HJ5g6PyHUnh4/ewhkuE
-1l+etr2/R7cR40I09M5HmzmsA0ySJEbhykUkyYXNGWy7jEAUXcLQ2x9GUbSmlLb1ZIO3juI/N+Rg
-hSvK8oHeUg90p21yWTtMaiQQR+/rdI7TDiO95tWoaNkcATITO1730t7WOoy6HYOdLNnFxaFK3eqm
-IAKJAGqcZ9IggWF5YF+DyqZGdvG2m2E087BzdqZT2MSDgAH0gCdVA2gAPQl4qpsHGkBPAp7q5oEG
-0JOAp7p5oAH0JOCpnn8PfPoIoFdOZSOkn8cKPvci0NXraranC7jzfe5qmVOAvNNw9Cyw9wDnSsWT
-5EkGjXa0A798R4hJbkDm7xSOWKWBlx08ba8suZe2BVRp2s6J5KcmAhLzhDj+KvBENyHRC5cXgBtX
-3Uvb2qc05VHeHEh+ALbtBAZfA3btdVgW+WDAjc82PFDbfz12acqjvNJpseQDYPtuAnkd6NhDHLy+
-zc8CY18CaysbeLR983OXpjzKKx3ptlBaD7CDj9ycOE8Q9KY13uyfuw/c+pocVyuxJExX2twDl1c6
-0pWNFklrAe7m0GTwnOtdBW92Chj/lijoYf8qTBv/xuWVjnpm2ZCtFkjrAHY+BRx7xQGQt92f4Div
-UDsC5ZWOdAVRtmQzY2kNwH09QP9LbDh70jUCmBoDJq/X33TpSFc2ZEs2u3rqt+OhkT3A7mfdIDne
-4Rp+9wfgj9uNN0G6siGIsnnkLLCfZWQk2Q6mDhwF+k66hqrBE9eAh7zu+crMXWB1hfDOONuHX6BH
-soO5N+5reUv97Dyw9wSgV8nz1BE0A16pibIlmyVP7B105ZXSA31mA/DwaUDeJ3jylFtfueFKsxuV
-DoFoW2WoLJUpbwwogQFy6qVrkq57Cgqs8hHjsS+Kg+FArUoH4Swjhcgyu59xdQDrEkDCAdSEX73i
-voNu8r9CeJpJLM4FaEaZSZVx8yqngSxT9VAdBliXABDDAdSEv3O/CwAsL7qAwNJ8WUsDfl1aKAYh
-WLaCEBojnnqj6QWGAdgz4IICmnrpov7nb4wqP0+PZCiqfVfTG1FhsK3DdSAqU2WrDprcaN58sL8i
-u8+OcMMYHfWYMwTJoWPuM2Erjp8DfvzEfQ/1fvotAuPBqxY3VOfSRAnjgb//DOgUKhdBzUJUdjV4
-jxiEmObMpYkSzgN/+vSf1Rw8D+i+Rpay8NDFFAOWGcYDA1Y4b6YNoOcRMYAG0JOAp7p5oAH0JOCp
-bh5oAD0JeKqbBxpATwKe6uaBBtCTgKd6dh6op6skOxmTC/k8i2yrDEm1iJBLadp7uGhMeRVnpxla
-72GcjjHBU2+6KHF5nmZ91yMfugejMgNLdh6oe7czv7qGKdgZShR9Vvj53gTLY5mBJTsPVEP0PMuD
-Oy4uqOdZQoju/M0zDvh4JoT1CpvZAlTxalhGjatobYAd2Z3CASqfB5MG0PMoGEAD6EnAU9080AB6
-EvBUNw80gJ4EPNXNAw2gJwFP9ZjPHPJHaSYNESA7nsLpUr8N6ZtSNKlr4KiBaJjAqDxwpGH1ba8Y
-jUTpIrTXpq4zCNm/7XnUBYALc5/pPRmny5tzhe66dC0zI+tc1ZxLw6fjwHR5c63QbVIbAbIqLQmf
-Aky1uLw5fw5gELdCWFwKvpSt4qlv+zOCEpryzy3+jGBzdvs7DNKo8e8w/gZoXXQz0JFzfwAAAABJ
-RU5ErkJggg==
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/home_hovered.svg b/linphone-app/assets/images/home_hovered.svg
deleted file mode 100644
index 3293b35dc..000000000
--- a/linphone-app/assets/images/home_hovered.svg
+++ /dev/null
@@ -1,83 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="home_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="22.130584"
-     inkscape:cy="40"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A
-KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB
-AAAAUAAAAAAx4ExPAAAHCklEQVR4Ae2de1BUVRzHv/cub/ARUiloSiImiSKukhJWVjOpNVJNOpU1
-NSlNo4LaqAhjouKToTFyxlFyekxpf5Q55VSTVtgM5gtfpCiCiMhDEUHF5Lm38zu4jC67K5e7d3eN
-85vZ2b3n/n7n/s6H39nz5KwEK5KQkOBZXo94CaZ4RZGMEhCsQAmwovq/TZIg1StAhSQphxXIO0MC
-sHPLli3NlgVmbO6WF9+c9bJiQgagDL77Tne/koolGQt3fZP9w50kDOaLtLQ0OSAkfJ1iUrJYWqA5
-Xby3EwiEgulDRxr933j1pd9zcnJYgALtANvgmRa2q4sP1gkoSmxlbb1fYX7eblLgVbit2io7rFuI
-VGsEJFl6haqzxBuMG0qB+M6zhslemlQc0kMaJlNrK+DZA2XrnjKY2MnUVbGlItLtEyB2MvXz7KuJ
-u7YIEDsWgQi2pSDS7RMgdnJ3G2HYR6LuLrGT1ZkIbUsCAqAlEZXXAqBKYJbqAqAlEZXXAqBKYJbq
-AqAlEZXXAqBKYJbqAqAlEZXXAqBKYJbqAqAlEZXXbg9wyvPPgF7uKh7u6pgkSUic9TbGjYnmLoaF
-PoKs7K+gKHwpwm3cdkuABoMByYnvY9SICHh6tLkYN24MAvz9sTZrM1pbW90GoNtVYS9PT6QvmY9o
-Bs+Dgay7fgPX2Is+UxrdIx13EbcC6Ofri4y0xQgPC4Usy6iuuYqkJSuQyF7VNbU8je6RDum6g7gN
-wF49e2DDqlQM6N82v1tWUYWklHQegRSFSSkrcbHyEmdGOqRLNq4WtwD4YFAgstZ8hIeC+oAt7KPo
-3HksXLYW/9661c6HPn+4dDWKSkqZjonrkg3ZulJcDrB/cF98smoperNoamGNw7F/CpCy6mM0NjV1
-4NLU3IyU9EwcP3kaLS2t3IZsKQ9XiSE8MjrNVQ8PCx2I9be/z5pbWpB7IA/rN2bDxCLMllA35q+/
-DyEk+GGE9OsLXx8fPBs3HkfzT+Fq3TVbZrqluwxg5LBwpKcs4AAo2n7ek4NNn2/rdEH3Hz6GgAA/
-PDroEfj6+uDpJ2NQcLYYl6trOp2HIxRdAjAmeiRSF8yGj7c3GhubsH3HLmz77kfV5aGoa2XRGhEe
-xvOKizGi9GIFyiurVOfVVQOnA5wYNw7zP3gX3t5eHN7mL7dj129/dNV/FBQWoe7adUQNj+B5PjE6
-Cleu1qLkwsUu56nG0KkAp056DrNmTG+Dx6pt5qatyMk9oMZfq7rF5y+wLk4VxrLIpj9M9IjH0dTU
-jNNF56zqOzLRaQDfmhaPafGT26vtysyNOHQ032FlKSuvRGFRCWLHjuYQIx5j1drHm7fYDnuIlYyc
-AnD2ezPwwsQJvGANjY2sm5KJk2fOWnFHW1LV5Su8GzRh/Bj+hwobNJD3Fw8ePaEtYzvWugKk4dji
-uQk8Kry8PHnHeFHaOpwrLbPjkrZbNbV1OJh3HE/FxvAIHBDSj7fU+w4d0WUmR7eOtKenB5YvToJx
-VCQ82IwKTQjMS03nraQ2RPe2ppaYhn7Xb9TzZxujhmNF8jw+lr63tToN3QBmLEtGxNAwGFgU1rBW
-MZEViKqYs+RS9RXMSV7On00+UL/zsw2rIbN5RkeKLlV42tTJiI2JRisbbtEIY/feXND3ETUiJ9gw
-7FZDgyPL0CGv3r164rWpkzCEjXRKyysQOnAAi0QD/P380MBa/4LC4g42XU3QZUKVhls0Kerl5cX9
-mh4/hb/TEC1zZQrembOoq/52yu7rTZm8g02RZyn0XexI6fgEB+T+/U+/4pKVIRU1Ks4Q6khbg3fq
-TBG+ZaMeR4ouEWhiEZiwIBW0rmFew8havZS3ho503mZet9dNSlhrP5dNxpLc6YtNuy7c0DUkzPC6
-4JfDTfTyRVeADqfghhkKgBr/KAKgAKiRgEZzEYECoEYCGs1FBAqAGgloNBcRKABqJKDRXETg/QKQ
-ZkhIggIf0HU/C+2VCerTtl+GdnfpLbrMxlhzmtYkjFGRfHZm64Y1ukyvm59LGzBpPpKeqbc4rQrv
-2bsPf+bu5wWjjUF6Ca0HE8Bf9uwFPVNvkaa8PtOpm45pnWQw289C23X1kPqbN0EL7TR56gxxWhU2
-F4YK5qzCmZ+p57vTqrCehXBl3gKgRvoCoACokYBGcxGBAqBGAhrNRQQKgBoJaDQXESgAaiSg0Zwd
-PibVa8yj25oTO3b4GCq6LQGNBSd2bMOmclhjPt3WnNixCJR3dlsCGgtO7GQ6oZvtnnPcnleNTt0/
-5uwQWsbOkJeXZxo6cnQZHTJ9/zjvek/ZMcgzt3+RfZIfxF2Yf+Q0ndDNFixiXe+a+3sgyXIGO0P6
-U/K0vSNtHBKcTDfc333XekiMiJXZiw7/NCF+jMCMxvLd+o8RdABIZuLnMOiM/M79HMZ/cJpUH9AB
-Rw4AAAAASUVORK5CYII=
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/home_normal.svg b/linphone-app/assets/images/home_normal.svg
deleted file mode 100644
index d3755d91a..000000000
--- a/linphone-app/assets/images/home_normal.svg
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="home_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="22.130584"
-     inkscape:cy="40"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A
-KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB
-AAAAUAAAAAAx4ExPAAAGJklEQVR4Ae2dfWiVVRzHv/eubc350kwqt8IxEVyJtRIWLKImZQVZKRRB
-qARFJlQ2tVi1zYlgrj8qyLLRC71YhNmELOhlVA4zvCVFOCpcZjV7sZluura5bt/fc+7dnc+u2/Pc
-c8+9d93zg2f3efn9zsvn/s5zXnduAHEkfDdy0Y+b8S8PYB6PYh4T46j+n2/1MHOdPEIIogV5aAk8
-jwF3hgPuG+EluAUBNCGMme5nWX0dwH4yWR14Be8M5zAEMNxAzh3YwIerhyvY8xEEmlCGhwMNLJ+U
-M4YeW3hDKMY4WU1HE1kjfxwPdIotsE1uWPFMYJEU54BTYfSh3b7zPINTivJOzEd50KltbYXhkx7V
-hRlbKsFIU8V/ANYCwi5IDtLOs5IYgXkCUBrJVhIjUCwAs62HkRiq+FYTBaAVDQIWoAY8MbUALUBN
-Aprm1gMtQE0CmubWAy1ATQKa5tYDLUBNAprmme+B81cAcmSoxIb0My2BAX63dzZzrGiRSlnppcCL
-d3EczpmKyJjUZibAnFxgxVvAnGs4a3OmglV5G1A4FXjmVmBwxOxi2oBmXhHOLeC84AeEdy2Qkwcc
-+x3o/kOdyz15JjoZIpkFsGAK8GgbMLOSvfQc4K+fgDoW3ccqgK6D6p48Ex3RzQDJHICTzgEa9gAl
-Fyksh9qBeg6WiwfKUXcZ8Nt36pnoiK7YpFkyA+DZM4B1e4FppZxnGAR+DPG6Cug9GsMj52svBw58
-qXREV2zENo2SfoDTZwONhDL5XFYO/cC+j4HH5wP9J0ZiGegFNlQD7a1KV2zEdnr5SN0U3UkvwFIW
-y/ovgAlFwMl/gD1bgae4nmm0WlaePXkTdd9WNmJbvxsoTc/cWPoAzr4KqP2UlcFkYIDwWp8Dmpd5
-a+dJW7B5qbIRWwmj9hOg/OoU+V0smvQArFgI1OwA8gtVUW1ZC7y5KpYqr2diI7ZS3CWsle8CFfTO
-FErqAVYtAe59A8iboDL+6n3AexsTz7LYShgORIa5fAtQRe9MkaQW4IKVwLJnI/BYIWwmzM9e0M+q
-hCFh9TPMfEJcuglY8KB+uB5CSF1XbvF6Zup+Ba+PRU4qgn0feUiiR5UQK5UTbOo8sF1BXNzIduI0
-YGutxwASUwtwaVs4MVOvVgF6BL2u6o4IvB42U9jH7WDta0LKKoGHPiRErheQYr3rdeDlexiTmWya
-BRikg8s76eIb2H/loEDvMWD9lcCv35pAFwuzZA7wyE7WzpNUDf/N+8Cm29kAPxnTSdKZuXegAKth
-wgWeDAp0/6m6ZqbhCRiJQ/rQ3YdV3HOvB1YxLfKFJlnMeWBDiP3aC7kGlt/R352qa3b0UJKTP0Zw
-U87jQMQu4KxiNRAh6agpY2lmdzFJYsYDb+SLW+BJr6HvOPA5my3VfA/JUFRRSZKSPkowAk4qrerl
-Km5JQ5jvQIn7uuTWzsn3acmXJFYGRfMKVC4XRmpCGSio280G7wWj5D4Jj56mp0tcMiTmlmia3PcT
-vDbjgTs2AocPjExSvAyN1NK/0/VLfHjftwHb1+mHPywEQx7Ib3/NLPX+i85hNO4FZlwyLOoUnB78
-mu/ASJzyLo6mJYlRm/HAaAINJDgatO9PQ2kxC9B3LsefgQWo+Z1ZgBagJgFNc+uBFqAmAU1z64EW
-oCYBTXPrgRagJgFNc+uB4wbgEY6QiEw93+x6FlkrI3GIdP2sPg3+NTMaEy/BoW3AXA7vS6f+iQ4O
-Nxl0/kHOfeQwaxKnYTGYC1fKd77EGbLXVMZkEZEpkaUeMhLeuhmQOA2LuTmR0yV81hVcCMQJn8Ki
-02no3T9+hEvgvgJ+aNMLx6N16gF6TNh4UUtdER4vRHym0wL0CcytbgG6ifi8tgB9AnOrW4BuIj6v
-LUCfwNzqFqCbiM9rC9AnMLe6Begm4vPaAvQJzK0uALnm1kqCBHoEIFcdWkmQQKcA5FJSKwkSCAWd
-TaYTtM56M27QHZQdurmX7/6sh+EXgDAju6CzvTl36PZrn/X6sqs5t4Z3mjGR7c2bsh6KdwBN0S3h
-HYCOHbc356eFODZEZyv4qBr/D+tUsT9GcCqPoauxfoxgSJEn9ucwHBrSwZA28qg/h/EfeI95hMVl
-ricAAAAASUVORK5CYII=
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/home_pressed.svg b/linphone-app/assets/images/home_pressed.svg
deleted file mode 100644
index 1bbda16a5..000000000
--- a/linphone-app/assets/images/home_pressed.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="home_pressed.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="22.130584"
-     inkscape:cy="40"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A
-KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB
-AAAAUAAAAAAx4ExPAAAG1UlEQVR4Ae2de2xTVRzHv/e2XUtXBkNgsI2XDAKKEceSEV4KgokkAhIe
-URRMDA8lYkBIkGCAEA2v+ALD6w+Mihoij2gMBoSow8figBhRRAaDUQp7CBuUde3aXs/vdC3jtt12
-d3u7Auck2z2P3++c3/3c3+153NtTCTGCMg+WslJMUYAprLhAUZDNjo4YovdylluS4GInWCIBB/rl
-4YC0Aw3qE2Zld4bScXiW5WyEgv53ltznKQnnGIFleUexvymJCEBlNeSyIqwLBrGsqYCI30lAlrGx
-32gsl1YjSCWmcPEcE9YLeGEa8Y/s42xk7SXYPyjDYZLiHshvWwX74quJkigCEqbS7SxRh3GuFKfF
-Z14UouYz2Gdi/zwMls6Pw/Sggj3NS4vSWARkCTPkxqFKrHKR1wIBYiczmYIW5ERxfAIFcuMgOb6I
-KIlLgNiRB95vM4y4QNpQ4CCAIuggIADqgEeqAqAAqJOATnXhgQKgTgI61YUHCoA6CehUFx4oAOok
-oFM95T0wY/JC0F+qBnOqGgZJRrelO5E+eio30TowH1Wb5gIKfxSRMmanJkCTBVmr9sBeMAGSxcZh
-OcbOhNyxCyrWzAACUU8X2w1oyt3CUloHZG88xOA9BZjTELhegUBNJY9THpWRTKqElAIop3dCzuZj
-sA4uZLN0EwIVF+Gcnw/nvMcQqCzneVRGMiSbCiFlAJo6d0fO1t9h6fMw59JQfhrOBQUhD2Re6Jw/
-DA2XzvAykiFZ0mnvkBIAzVl9kLvjJCw9+gLBALxnSnD5tZEI3qqN8KH45YXD4f33OJchWdIh3fYM
-7Q7Q0msQcrcfhykzC0qDD54TR+B640ko3rooLorPA9eScfCcPMplSYd0Lb0HR8kmK6NdAVoHDkPu
-1mLIjkwGpB7un77C1bfY+0zN9bKs7OrKyXAX7eU6pJv70W+wDmyfZ2PtBtD26BPIfv9HyPYMKL56
-1H69DVXrX2rdOI+NBavWzeE6pCunZ7C6foBt6NhkOV6kHdOiflgdSSUpYh8xCT3W7oNsS0eQ3arX
-PlmDmo9XaW7dU3IISsAP25CRvC7H49PhK/sr0tlorrANCkkH6JgwG92X74JstXN41ZsX4cb+LW0w
-PaTiPfUz76k7DBvPINqRzi6Ov+oyfOf+aHOdWhSTCrDTtMXo+uq7/ESDXg8q35kN95HdWuyNKes7
-exIN5WdgH/EMr5sG3Iq3Ht6/f40pn8jMpAHs8vLbyJz1Jr/VgvV1vCOoK/42YedC40bv6WKkj5nG
-IdoeGQW5g4P36glrJEZFUulY9l6WoUFC18Vb0XH8C5DYLaZ43HAtnQDvP8WGtGodVIjsTYchMXgK
-u1A3v9+N6vcWsLaMOU1jAcpmZK38HPbhE9n81cYGxjfgen0MfBdOGQIvXGla3yHI/rCI9fAdeQ9f
-V3wQFWufYwNwf1gkYUfDhjG0itJz/UEOjy8K1FTxqZnR8IgMteGcl49AbXVoEaLwaW4L2AVNdDDM
-A3O2lSCtz0OQ2Lqe/z8Xn5oFrl1JtP3N1mfK7IGcLb/A/AD7koHJBH+1C+WzHuRTwWYVNRQa4oGd
-n1/B4dGMIlh/C+6jXyBj0gL03HAIpq45GsxrmyiBo04rY/IrvG2yAexVKnO3HHSevqRtlcbRSrxP
-84YUSGYLJGto3S5z1opQLlsooGnXxZm94piTmOy+e6+wAXYAEvM6dUj0WqIhHljz5Qb4r15Q285W
-6aNPKEooARn+KmdMeJ4/j+H6p2sT0MLtKozxQOZp5S8OYN8BYNen8RkGLT1Z84bebjkJMS+bjTjn
-NrbZxJZENm2IB0YMTKUHQAbZYizACMl7NyIA6ry2AqAAqJOATnXhgQKgTgI61YUHCoA6CehUFx4o
-AOokoFNdeODdApBWSCiYu+Ua+j4LvStDbVDwV17iRyP/GbMaE8PiW0X7YC+cyFdneu8+zxZqjHN+
-etgumcygNo0Oxp2FyvKb3+1iT8g+4yem+H2q0sQlg+xVD8XfgNpvtoPaNDoY9kwknuG2IaNgHZDP
-XtfNjCeiKz948zq8Z0+g/tQxXfW0VjnpAFtr2N0il7Rb+G4BotVOAVArMZW8AKgCojUpAGolppIX
-AFVAtCYFQK3EVPICoAqI1qQAqJWYSl4AVAHRmhQAtRJTyRNAtypPJFtPwC03bvXbehUhGSFA7MgD
-SyI5IqKVQAnbxRIHtGoJ+RABYifTDt1sL1/aZFoELQQYM2InN25vLjbf1gIvJLuM2PFhDO2HTDt0
-a6/j/tQgVuEt4SPjQNreXEBs2SGIEbEKS/KdzMMJOoofI2hKo0m8pR8jaCIK8XMYnEarfg7jfwVH
-DHRUZA9TAAAAAElFTkSuQmCC
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/home_selected.svg b/linphone-app/assets/images/home_selected.svg
deleted file mode 100644
index 9d4be5dc4..000000000
--- a/linphone-app/assets/images/home_selected.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>home_icon_selected</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols-vecto" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="home_icon_selected" fill="#FFFFFF">
-            <path d="M11.6533805,22 L19.9060865,22 L19.9060871,11.816648 L21.9872183,11.816648 L11.8075425,2 L2,11.769531 L4.20958624,11.769531 L4.20958624,22 L11.6533805,22 Z M11.6533805,24 L4.20958624,24 C3.10501674,24 2.20958624,23.1045695 2.20958624,22 L2.20958624,11.769531 L4.20958624,13.769531 L2,13.769531 C0.21631736,13.769531 -0.675165619,11.6113771 0.588534983,10.3525742 L10.3960775,0.583043223 C11.1675448,-0.185434046 12.4120294,-0.195521499 13.1958527,0.560349009 L23.3755284,10.376997 C24.6707593,11.6260373 23.7865862,13.816648 21.9872183,13.816648 L19.9060871,13.816648 L21.9060871,11.8166481 L21.9060865,22.0000001 C21.9060864,23.1045696 21.0106559,24 19.9060865,24 L11.6533805,24 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/incoming_call.svg b/linphone-app/assets/images/incoming_call_custom.svg
similarity index 60%
rename from linphone-app/assets/images/incoming_call.svg
rename to linphone-app/assets/images/incoming_call_custom.svg
index 9fe3a1521..15fa93ee3 100644
--- a/linphone-app/assets/images/incoming_call.svg
+++ b/linphone-app/assets/images/incoming_call_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="incoming_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="incoming_call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -22,7 +22,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_incoming</dc:title>
+        <dc:title>call_outgoing</dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -35,20 +35,21 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
      id="namedview13"
      showgrid="false"
-     inkscape:zoom="9.8333333"
-     inkscape:cx="3.0047032"
-     inkscape:cy="4.1961332"
+     inkscape:zoom="2.4583334"
+     inkscape:cx="-43.322033"
+     inkscape:cy="106.57627"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
   <title
-     id="title2">call_incoming</title>
+     id="title2">call_outgoing</title>
   <desc
      id="desc4">Created with Sketch.</desc>
   <defs
@@ -56,13 +57,14 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(3,2.999162)">
+     transform="matrix(-3.4757387,0,0,-3.4636486,60.520921,61.018475)">
     <g
-       id="call_incoming"
-       style="stroke:#96c11f;stroke-width:2">
+       id="call_outgoing"
+       style="stroke:#000000;stroke-width:2">
       <path
-         d="m 1,1.154534 v 9.164951 l 8.376e-4,0.638863 z M 10.803814,11 H 1.6388629 L 1,11.000838 Z M 1.5327109,10.454858 10.803814,1.154534 Z"
+         d="m 1.15,1 v 9.161386 L 1.1508372,10.8 Z m 9.8,9.841636 H 1.7886143 L 1.15,10.842473 Z M 1.6825036,10.296706 10.95,1 Z"
          id="Imported-Layers"
+         transform="rotate(180,6.05,5.921236)"
          inkscape:connector-curvature="0" />
     </g>
   </g>
diff --git a/linphone-app/assets/images/menu_copy_text.svg b/linphone-app/assets/images/menu_copy_text.svg
deleted file mode 100644
index 3a32b9908..000000000
--- a/linphone-app/assets/images/menu_copy_text.svg
+++ /dev/null
@@ -1,73 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="menu_copy_text.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="40"
-     inkscape:cy="40.045819"
-     inkscape:window-width="1920"
-     inkscape:window-height="1043"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAABJWlDQ1BJQ0MgcHJvZmlsZQAAKJGd
-kL9Kw1AUxn+pfypSFxUHccjgJBRczORSFYKgEGMFq1OapFhMYkhSim/gm+jDdBAE38AXUHD2u9HB
-wSxeOHw/Dud8370XWnYSpuX8LqRZVbh+b3A5uLLbbyywSocd2kFY5j3PO6HxfL5iGX3pGq/muT/P
-YhSXoXSmysK8qMDaFzvTKjesYv227x+KH8R2lGaR+Em8HaWRYbPrp8kk/PE0t+nE2cW56au2cDnm
-FA+bIRPGJFR0pZk6RzjsSV0KAu4pCaUJsXpTzVTciEo5uRyI+iLdpiFvs87zlDKUx1heJuGOVJ4m
-D/O/32sfZ/WmtTHLgyKoW3Oq1mgE74+wMoC1Z1i+bsha+v22hhmnnvnnG78A0OhQWeOWQkkAAAAC
-YktHRAAAqo0jMgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+UFEgwrBi6kkc0AAAAZdEVY
-dENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAADlUlEQVRYw+2ZXWgUVxSAv5OtiWKbtSBG
-En9aCq1SfOqDAQVTbTRUqxbbGiqmCqaoVF2NGCNUExrBV7EV8a/tvjStUJRqYqmgUZBCpBCsYmzq
-T2UTDcasij9N1NOHuUljspO9szsZS/G83DuzZ+bjzPm7965gLdF4czhGC1197gvDGckk1ggexFr5
-I72VVGc6m8RncKGqld4bfCU+glfoH2aWRS7DEmj8yd9m9jo7xTfwOwoQovTbD5Yk1liq1zxanZFc
-pXaeM87BDdstLwHQxGr1Bdxy0BlXJbVjJnMBOE9EfQC3eUiS1TIHgN9Zq2mDn3hJTyJSBMBZyjRN
-sFdZL4UANLJBAwVDucwA4Dc2ahrgdjMenWaPrpACAM6wSa3zOBo/HHYvj9nMv10yInEeL2BFr/dV
-6SkA8qkWC4s/0Wh4oKp8h2h4uVX93CJTAPiVzZoUHNGYxSubKbFCV0k+AKfZ2k//hd4Xx8ZvM7NR
-vMXopox4719rJt/7t6iwRL+Rvh6L90NXS4U2AMepOVFc4Orjaj0BwFQqE3jlY20DxtPGAwDGsb9H
-q0wbgUzyye7zVCfHeAIM5bC4WhwztyoHKI6vsk/e0wfAXyzTvUbzNRqBTk66PveQAzUfFrv4uAWA
-3KS++0myALjCp8Z3KyU76VNnF7pa7PjwZYuwOSLvaidwieW6SwB+lD16mQ4SRd1VuoBW9+DyIrUG
-3cxKdVp/qauDFmtrj1k+lMxaGQLART6zSq4u/2p1nTgf7IJV6/e1SRyVkGn9azVQMPxs0Mn67yC0
-xfIRIYv+Owjg6bfXT8gw/bdCAwRDYdO6AieXGvhCBwn8OOHdovpIsYOu54eDPoNfNOvHxDL7+9JD
-zuy7eTZv81C58rgEdJh9RX/Zbca7fn/qLdY7wQM1Pvt4ESErvfvv+/qpYanA8czrJx+94rLnyKlz
-mn+mz2CAtzvJT7av1KDyOBV5Dv4/giV4cAcA4eDBD03JDRjcvRTM82d5O5CcIxoH6Aq3coYLxsOl
-EgD4XLhfTeOXZxHVb1IuAadTiLGUFW2XtJuEjUzj86dAXwdVQHKel0w78ONArHlKZyQA11Pfwpkj
-uFERj2DnEOJmyuB65+yGuds9gvN6dvCpYHdqQ8pNklna7eHh5HiIvHvc6DlenjrgqZELeIceSjOw
-sjgiKQTgKllguWhPLOMssS7/wnypMWK0ox7szGUMEyvnV/Ffl38ALrX2dxz/dg0AAAAASUVORK5C
-YII=
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/menu_copy_text_custom.svg b/linphone-app/assets/images/menu_copy_text_custom.svg
new file mode 100644
index 000000000..ad5a13053
--- /dev/null
+++ b/linphone-app/assets/images/menu_copy_text_custom.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="menu_copy_text_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.2868349"
+     inkscape:cx="15.512611"
+     inkscape:cy="30.791949"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 44.50799,60 H 28.995997 C 25.416665,60 22.5,57.195556 22.5,53.748889 V 32.577778 c 0,-3.444445 2.914332,-6.248889 6.495997,-6.248889 H 44.50799 c 3.581666,0 6.495998,2.802222 6.495998,6.248889 V 53.748889 C 51.003988,57.195556 48.087322,60 44.50799,60 Z M 28.995997,29.453333 a 3.2666653,3.1111111 0 0 0 -3.247998,3.124445 v 21.171111 a 3.2666653,3.1111111 0 0 0 3.247998,3.126667 H 44.50799 a 3.2666653,3.1111111 0 0 0 3.247999,-3.126667 V 32.577778 A 3.2666653,3.1111111 0 0 0 44.50799,29.453333 Z M 57.499985,49.844444 V 26.251111 C 57.499985,22.804444 54.585653,20 51.003988,20 H 32.976662 a 1.6333326,1.5555556 0 0 0 -1.623999,1.562222 1.6333326,1.5555556 0 0 0 1.623999,1.562222 h 18.027326 a 3.2666653,3.1111111 0 0 1 3.247998,3.126667 v 23.593333 a 1.6333326,1.5555556 0 0 0 1.624,1.562223 1.6333326,1.5555556 0 0 0 1.623999,-1.562223 z"
+     fill="#000000"
+     fill-rule="nonzero"
+     id="path2"
+     style="stroke-width:2.2771" />
+</svg>
diff --git a/linphone-app/assets/images/menu_devices.svg b/linphone-app/assets/images/menu_devices_custom.svg
similarity index 86%
rename from linphone-app/assets/images/menu_devices.svg
rename to linphone-app/assets/images/menu_devices_custom.svg
index 51cb78b65..ef17a6422 100644
--- a/linphone-app/assets/images/menu_devices.svg
+++ b/linphone-app/assets/images/menu_devices_custom.svg
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg10"
    sodipodi:docname="menu_devices.svg"
@@ -24,11 +24,11 @@
      showgrid="false"
      inkscape:zoom="10.646341"
      inkscape:cx="35.458192"
-     inkscape:cy="41.000002"
+     inkscape:cy="41.046966"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg10"
      width="13px" />
@@ -36,17 +36,17 @@
      fill="none"
      fill-rule="evenodd"
      id="g8"
-     transform="matrix(0.18571633,0,0,0.1875043,0.90699082,-0.28142708)">
+     transform="matrix(0.50000772,0,0,0.50000981,22.24959,19.24953)">
     <g
        id="g6">
       <path
-         stroke="#444444"
+         stroke="#000000"
          stroke-width="5"
          d="m 33.308,74.729 c -0.042,0.027 -0.083,0.059 -0.13,0.081 -0.214,0.123 -0.457,0.19 -0.7,0.19 -0.23,0 -0.453,-0.058 -0.66,-0.176 C 31.47,74.629 23.18,69.882 15.068,60.131 7.58,51.118 -1.1,35.978 0.115,15.028 0.151,14.418 0.6,13.906 1.209,13.784 18.102,10.444 31.131,0.906 31.676,0.5 31.695,0.486 31.717,0.467 31.741,0.453 l 0.334,-0.221 c 0.486,-0.325 1.132,-0.308 1.599,0.05 0.128,0.1 13.13,9.919 30.109,13.276 0.61,0.118 1.058,0.633 1.096,1.244 2.3,39.737 -28.873,58.393 -31.571,59.927"
          transform="translate(3,4)"
          id="path2" />
       <path
-         fill="#444444"
+         fill="#000000"
          d="M 18.5,19 15.255,25.255 8,26.257 13.25,31.126 12.011,38 18.5,34.754 24.989,38 23.75,31.126 29,26.257 21.745,25.255 Z m 27,0 -3.245,6.255 L 35,26.257 40.25,31.126 39.011,38 45.5,34.754 51.989,38 50.75,31.126 56,26.257 48.745,25.255 Z"
          transform="translate(3,4)"
          id="path4" />
diff --git a/linphone-app/assets/images/menu_devices_selected.svg b/linphone-app/assets/images/menu_devices_selected.svg
deleted file mode 100644
index a74c1fc7e..000000000
--- a/linphone-app/assets/images/menu_devices_selected.svg
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
-   version="1.1"
-   id="svg10"
-   sodipodi:docname="menu_devices_selected.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs14" />
-  <sodipodi:namedview
-     id="namedview12"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.646341"
-     inkscape:cx="35.458192"
-     inkscape:cy="41.000002"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg10"
-     width="13px" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g8"
-     transform="matrix(0.18571633,0,0,0.1875043,0.90699082,-0.28142708)">
-    <g
-       id="g6">
-      <path
-         stroke="#ff8600"
-         stroke-width="5"
-         d="m 33.308,74.729 c -0.042,0.027 -0.083,0.059 -0.13,0.081 -0.214,0.123 -0.457,0.19 -0.7,0.19 -0.23,0 -0.453,-0.058 -0.66,-0.176 C 31.47,74.629 23.18,69.882 15.068,60.131 7.58,51.118 -1.1,35.978 0.115,15.028 0.151,14.418 0.6,13.906 1.209,13.784 18.102,10.444 31.131,0.906 31.676,0.5 31.695,0.486 31.717,0.467 31.741,0.453 l 0.334,-0.221 c 0.486,-0.325 1.132,-0.308 1.599,0.05 0.128,0.1 13.13,9.919 30.109,13.276 0.61,0.118 1.058,0.633 1.096,1.244 2.3,39.737 -28.873,58.393 -31.571,59.927"
-         transform="translate(3,4)"
-         id="path2" />
-      <path
-         fill="#ff8600"
-         d="M 18.5,19 15.255,25.255 8,26.257 13.25,31.126 12.011,38 18.5,34.754 24.989,38 23.75,31.126 29,26.257 21.745,25.255 Z m 27,0 -3.245,6.255 L 35,26.257 40.25,31.126 39.011,38 45.5,34.754 51.989,38 50.75,31.126 56,26.257 48.745,25.255 Z"
-         transform="translate(3,4)"
-         id="path4" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/menu_ephemeral.svg b/linphone-app/assets/images/menu_ephemeral_custom.svg
similarity index 89%
rename from linphone-app/assets/images/menu_ephemeral.svg
rename to linphone-app/assets/images/menu_ephemeral_custom.svg
index 865d7fad2..ef9a0b159 100644
--- a/linphone-app/assets/images/menu_ephemeral.svg
+++ b/linphone-app/assets/images/menu_ephemeral_custom.svg
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="15"
-   height="15"
-   viewBox="0 0 15 15"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg12"
    sodipodi:docname="menu_ephemeral.svg"
@@ -24,11 +24,11 @@
      showgrid="false"
      inkscape:zoom="10.646341"
      inkscape:cx="34.518902"
-     inkscape:cy="41.000002"
+     inkscape:cy="41.046966"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg12"
      width="13px" />
@@ -36,9 +36,9 @@
      fill="none"
      fill-rule="evenodd"
      id="g10"
-     transform="matrix(0.19288979,0,0,0.18473816,0.84530239,0)">
+     transform="matrix(0.51931865,0,0,0.49263511,22.083506,20)">
     <g
-       fill="#444444"
+       fill="#000000"
        id="g8">
       <path
          d="m 19.256,19.172 -3.665,-5.405 c -0.656,-0.966 -1.937,-1.194 -2.862,-0.51 L 7.285,17.283 C 6.36,17.967 6.141,19.306 6.796,20.272 l 3.696,5.453 m 46.507,0 3.601,-4.705 c 0.653,-0.854 0.436,-2.036 -0.488,-2.642 l -5.429,-3.559 c -0.922,-0.603 -2.2,-0.401 -2.853,0.452 l -3.69,4.822 m -9.367,-4.015 v -2.002 c 0,-1.28 1.085,-2.33 2.412,-2.33 h 1.33 c 1.33,0 2.415,-1.049 2.415,-2.33 V 2.332 C 44.93,1.049 43.844,0 42.516,0 h -17.64 c -1.325,0 -2.41,1.049 -2.41,2.331 v 7.086 c 0,1.28 1.085,2.33 2.41,2.33 h 1.334 c 1.327,0 2.413,1.048 2.413,2.329 v 2.002"
diff --git a/linphone-app/assets/images/menu_ephemeral_selected.svg b/linphone-app/assets/images/menu_ephemeral_selected.svg
deleted file mode 100644
index 5d55601c2..000000000
--- a/linphone-app/assets/images/menu_ephemeral_selected.svg
+++ /dev/null
@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="30"
-   height="30"
-   viewBox="0 0 30 30"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="timer.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     width="30px"
-     inkscape:zoom="4.4090909"
-     inkscape:cx="84.938144"
-     inkscape:cy="99"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g10"
-     transform="matrix(0.15097165,0,0,0.15318627,2.0162868,0)">
-    <g
-       fill="#ff5e00"
-       id="g8">
-      <path
-         d="M 45.544,46.242 36.54,33.206 c -1.61,-2.33 -4.76,-2.88 -7.032,-1.23 l -13.375,9.71 c -2.275,1.65 -2.811,4.88 -1.202,7.209 l 9.08,13.153 m 114.27,0 8.85,-11.353 c 1.603,-2.058 1.069,-4.909 -1.201,-6.37 L 132.59,35.74 c -2.267,-1.456 -5.407,-0.97 -7.011,1.09 l -9.067,11.629 M 93.498,38.78 v -4.83 c 0,-3.089 2.668,-5.619 5.928,-5.619 h 3.27 c 3.263,0 5.932,-2.53 5.932,-5.618 V 5.623 C 108.628,2.53 105.959,0 102.695,0 H 59.355 C 56.097,0 53.43,2.53 53.43,5.622 v 17.09 c 0,3.089 2.667,5.62 5.925,5.62 h 3.275 c 3.261,0 5.929,2.53 5.929,5.619 v 4.83"
-         transform="translate(3)"
-         id="path2" />
-      <path
-         fill-rule="nonzero"
-         d="m 83,32.963 c -45.726,0 -82.796,36.462 -82.796,81.439 0,44.976 37.07,81.438 82.798,81.438 45.727,0 82.796,-36.462 82.796,-81.438 0,-44.977 -37.07,-81.439 -82.796,-81.439 z m 0,11.634 c 39.195,0 70.97,31.253 70.97,69.805 0,38.55 -31.775,69.804 -70.97,69.804 -39.195,0 -70.97,-31.253 -70.97,-69.804 C 12.03,75.85 43.805,44.597 83,44.597 Z"
-         transform="translate(3)"
-         id="path4" />
-      <path
-         d="m 83.001,54.292 c -0.165,0 -0.327,0.015 -0.487,0.015 v 59.615 H 21.9 c -0.003,0.157 -0.012,0.316 -0.012,0.481 0,32.985 27.153,59.838 60.626,60.099 0.16,0 0.322,0.009 0.487,0.009 33.695,0 61.111,-26.96 61.111,-60.108 0,-0.165 -0.011,-0.324 -0.011,-0.481 -0.265,-32.921 -27.568,-59.63 -61.1,-59.63 z"
-         transform="translate(3)"
-         id="path6" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/menu_imdn_info.svg b/linphone-app/assets/images/menu_imdn_info.svg
deleted file mode 100644
index b3a491d93..000000000
--- a/linphone-app/assets/images/menu_imdn_info.svg
+++ /dev/null
@@ -1,76 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="menu_imdn_info.png.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="40"
-     inkscape:cy="40.045819"
-     inkscape:window-width="1920"
-     inkscape:window-height="1043"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAABJWlDQ1BJQ0MgcHJvZmlsZQAAKJGd
-kL9Kw1AUxn+pfypSFxUHccjgJBRczORSFYKgEGMFq1OapFhMYkhSim/gm+jDdBAE38AXUHD2u9HB
-wSxeOHw/Dud8370XWnYSpuX8LqRZVbh+b3A5uLLbbyywSocd2kFY5j3PO6HxfL5iGX3pGq/muT/P
-YhSXoXSmysK8qMDaFzvTKjesYv227x+KH8R2lGaR+Em8HaWRYbPrp8kk/PE0t+nE2cW56au2cDnm
-FA+bIRPGJFR0pZk6RzjsSV0KAu4pCaUJsXpTzVTciEo5uRyI+iLdpiFvs87zlDKUx1heJuGOVJ4m
-D/O/32sfZ/WmtTHLgyKoW3Oq1mgE74+wMoC1Z1i+bsha+v22hhmnnvnnG78A0OhQWeOWQkkAAAAC
-YktHRAAAqo0jMgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+UFEgwuHkC//d4AAAAZdEVY
-dENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAEcUlEQVRYw82ZXWxURRTH/7O1bboNDYno
-tnYVRJLqCxUTwtcDbi221khJ0IJBZZsYiwG7fag1RgIaawwxIWBDqEhCiSTFSslSY61uibzYtJiU
-+EDlgWorpB+hRDFtN14Nx4c5c/ejd+ncu3s3zsucmZ45v87nPeesgKPS3T6/LeoDCqa94e17nFgQ
-dpSP088YBVmaeQzleFNkHNxGP+AvDb0iBPCWyBD4PRqyuYzr8JFIE9xKl5J6PCiBH6UoNAq+BaLP
-zeZN4CYmcTdJ72nsFw7B3607Njgf187DU9i4reaCtXZv7UB4GEZcjxd711cN2QYfp+641iq0a56G
-PXQ9rrU95YFL0f0u/WTKJQgWPzOtv8MXfR1Tk2ZrLT4W2uB6usFSAYKfObmn3e0dDVGWH8YpoQV+
-mW6xVIwzAo7LKzTF0gPoXGDHk9zRaGJXp4UFzojVLN1CIy0CPkQjLFXjcFpYADgsqlkawSG6B7gr
-HGFpA5rTxgJAs9jAUgRd4ZR7/CzJZ+BRfJ4RrCyv0xjP8XthOeMGxhZlFAucFEUAgLtoIAtw+OAo
-S+czio23OIrwwQVLvYNuAwDWo1UTXEMG8tCrpb2fBgEA9+NLkTDjnpDE5mhjPyADgIH3SUe7VeQA
-AG6jJ5QAPn9E1lu0l+9vrv/R1FeWFYnBNwEAuTYuUcUKWQdW6F6s3DgSgz/l5XrSxoGpHO8XO9Ev
-Ksd1RyjrkuYBgMvctSlo84baOv/K+uXYqa4kKUYyfpGS9pnk0vYLwAP0bZbdj8Ptogh9mwEPMMZu
-1do7boMVYfwS4AHUR/+1pfbM1FIlbSU7IxThhjxck47++1aaAzCPD8n+2AkJnnUE/oPrPx2MnZXg
-KLJdohJsZB1sSHB+1sH5EuzNOtgrwUuyDl4iwaXc7F/uNlARSiXYz92/jbkNVgS/BK/k92TI9SVW
-hJVLAQ9QwS+o6xM2CRV3+HusNvdch5vYr87KennMA1He/o+73QQP7FBRiglWnsRVVxf6aoLfws5e
-Gfv6B8gt7AGOU8oSI4kX+d0ccG+hkUhicMDwm/GxnqEHufZpaSurfgSMpNhpd76KZCNlOqbeEcUA
-StCi4SBGykaSKAlh6tt0hb8d32TY26whOc01+ERYxsfPkwxMluFsBtE7acZiQgkZgWZeiBnsy9jp
-3sfYmHULcMDYxdI1tGQE3ULXWNplHivL5Eu92MTSMIJpo4M0rMIX1ItF81xv0K8sFeJCGntdS3Pq
-a4QTi+e5gBOinKU5VFGbo3m3UZWJLbfApsxlHqWvTbkAddOvFutDv5jq8sVc5hcQsmR4rAeHRGNT
-jukFn/bVUeegDrRz8CU6bWJz0NgUspe9lSWWjZTlEWxMGROfpAH8ntBz70zoIofnFHUtyHLch4dQ
-gkJ4AcxjDpOYwL9JOrmoW3CObYEB4Bj1mqkWPXe9BnvT/U1Cle72SMN1Db1V2KKZ37Z1T3tCV478
-ghmLvyzDE1jTtPWovi3HD8RFX7QaKOiz86PB/6L8B94KO6YLpoVBAAAAAElFTkSuQmCC
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/menu_imdn_info_custom.svg b/linphone-app/assets/images/menu_imdn_info_custom.svg
new file mode 100644
index 000000000..ec3f3aa0e
--- /dev/null
+++ b/linphone-app/assets/images/menu_imdn_info_custom.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="menu_imdn_info_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.6375"
+     inkscape:cx="-18.281787"
+     inkscape:cy="4.6735395"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     transform="matrix(2.6666662,0,0,2.6666642,21.333333,21.333329)"
+     fill="none"
+     fill-rule="evenodd"
+     id="g10">
+    <circle
+       stroke="#000000"
+       cx="7"
+       cy="7"
+       r="7"
+       id="circle2" />
+    <g
+       transform="translate(5.5,1.5)"
+       fill="#000000"
+       id="g8">
+      <path
+         d="M 2.958,4 V 4.101 A 1.424,1.424 0 0 0 2.551,4.171 0.738,0.738 0 0 0 2.272,4.356 0.825,0.825 0 0 0 2.062,4.844 4.82,4.82 0 0 0 2.035,5.38 v 3.238 c 0,0.243 0.012,0.435 0.035,0.576 0.024,0.14 0.062,0.253 0.115,0.338 a 0.711,0.711 0 0 0 0.294,0.262 c 0.12,0.057 0.28,0.091 0.479,0.103 V 9.998 H 0.15 V 9.897 C 0.32,9.888 0.457,9.864 0.56,9.824 A 0.746,0.746 0 0 0 1.024,9.286 C 1.057,9.143 1.073,8.92 1.073,8.618 V 5.38 C 1.073,5.078 1.057,4.855 1.024,4.712 A 0.71,0.71 0 0 0 0.835,4.356 0.698,0.698 0 0 0 0.559,4.171 1.451,1.451 0 0 0 0.15,4.101 V 4 Z"
+         stroke="#000000"
+         id="path4" />
+      <circle
+         cx="1.55"
+         cy="1.5"
+         r="1.5"
+         id="circle6" />
+    </g>
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/menu_info_custom.svg b/linphone-app/assets/images/menu_info_custom.svg
new file mode 100644
index 000000000..ec3f3aa0e
--- /dev/null
+++ b/linphone-app/assets/images/menu_info_custom.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="menu_imdn_info_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.6375"
+     inkscape:cx="-18.281787"
+     inkscape:cy="4.6735395"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     transform="matrix(2.6666662,0,0,2.6666642,21.333333,21.333329)"
+     fill="none"
+     fill-rule="evenodd"
+     id="g10">
+    <circle
+       stroke="#000000"
+       cx="7"
+       cy="7"
+       r="7"
+       id="circle2" />
+    <g
+       transform="translate(5.5,1.5)"
+       fill="#000000"
+       id="g8">
+      <path
+         d="M 2.958,4 V 4.101 A 1.424,1.424 0 0 0 2.551,4.171 0.738,0.738 0 0 0 2.272,4.356 0.825,0.825 0 0 0 2.062,4.844 4.82,4.82 0 0 0 2.035,5.38 v 3.238 c 0,0.243 0.012,0.435 0.035,0.576 0.024,0.14 0.062,0.253 0.115,0.338 a 0.711,0.711 0 0 0 0.294,0.262 c 0.12,0.057 0.28,0.091 0.479,0.103 V 9.998 H 0.15 V 9.897 C 0.32,9.888 0.457,9.864 0.56,9.824 A 0.746,0.746 0 0 0 1.024,9.286 C 1.057,9.143 1.073,8.92 1.073,8.618 V 5.38 C 1.073,5.078 1.057,4.855 1.024,4.712 A 0.71,0.71 0 0 0 0.835,4.356 0.698,0.698 0 0 0 0.559,4.171 1.451,1.451 0 0 0 0.15,4.101 V 4 Z"
+         stroke="#000000"
+         id="path4" />
+      <circle
+         cx="1.55"
+         cy="1.5"
+         r="1.5"
+         id="circle6" />
+    </g>
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/menu_infos.svg b/linphone-app/assets/images/menu_infos.svg
deleted file mode 100644
index fab872712..000000000
--- a/linphone-app/assets/images/menu_infos.svg
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="172"
-   height="172"
-   viewBox="0 0 172 172"
-   sodipodi:docname="menu_infos.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="5.0755814"
-     inkscape:cx="86"
-     inkscape:cy="86"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="172"
-       height="172"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAACsBAMAAAAUH1rrAAAABGdBTUEAALGPC/xhBQAAAAFzUkdC
-AK7OHOkAAAAtUExURUdwTEREREdHR0REREREREpKSkVFRUREREZGRkVFRUVFRUZGRkREREVFRURE
-RI1WHrEAAAAOdFJOUwDmJvimEYC7SmGNOdBzeAAmQQAABepJREFUaN7FW91rHFUU36w7m83HSkHj
-i+2yVMFYJKj9QGwZosaKqCWhD6JIWakg+BDSQilikaJPIpQifvRBQxHUJ8uKgvVBiYj4ZFjBpyDF
-3Ulj0sb5G8zOvXPnztc9vzuZg+dl2Z07v5053+fccyuV/5Gm1+bO/3zXI3vPz339TlmYD772i6/R
-seMflAH6hJ+iu3cL/FIGaAD80S5AnU/8XHpzvihq4ynfQIcuFkM90PKN1P+8COr9rk+Q96Q96nc+
-QM/Zon7vQ/SWHeoD8buPHb/y/v55Z//19+Km4ftnbVBf1vnafyFmsNN/6qL0vrDQLO3G/rPt5OXq
-h/p1WM+qb0d3/d7OXPFXtOKfNgh7GlBNTamPYKgvQoakmeA5O8YeMZq9c9qKvYvh6nsIZ+K8Gq7c
-sGDBPtJFOX/AbJhoWQhC8aHfJVa+a6U2ShUfM68bc+2UPJSvd9m47IatSYZm/q9p0bh8p3txQ/9G
-3nLVsOaEZKxFnHIke9fzl9QkCzo23q4u2TCbu+KaNQs0NtzKu94U17ctQ7WzKu7r5VxftvAcGYa5
-laODLsV7s6S9bF3/ltYUs14ezWRRC/VGeV6vnyWUUfGXnSKwdXHvUu4/3iqWWF3Le9MGpdRGkoaU
-FtqCMNui2aUw4amc338tCvtK9lPV82WJmVorU+D35WseRkLrH83kQc8UYD7+0lSJNLO40CAFNjZ0
-KPtIoV3M0IMpw7OuUj4zCyJQZ69LOtWD+aFzwk2ZU9UlLKwaJrxHCUvz2il/MEW9oVkFF1J+4acc
-00snZga/KcR+OylFgx44UdJ/mNAFDWUiU5V17YqS7638VcKkugn/0yEdFBGT6gkfOBMIw6Dqo1qp
-YFgW+IVBPMSZsqhJrbKhMrj1uFJOYbDbFUINleaOk0EMZEI9poIjwZ/MA5kkEeyEHu6R3y6RgbwR
-wW6SgX1Tl9hho5OOijuTCConNZmJRzeH3GUF2yMDsGTnGOUQdJltV2hmXY5u6UMRkOCBZJZwYqeQ
-bOYh+bBtILu5GfFtQAVskWw+TSybibxRcMMKWV7uVOQe2fKZjFShRQpY0PUrXXJNU8mpGrwd2sKg
-qlUFNgYoAk6tUMNqBQsGQxkxGzqarbJgl0NnM4PoF0wKbVl3Zrsm9e6Lu8jtc5zNRsjkXlmwzVAB
-Vmn/ZUGN0M25JVqDtAcv+oRoeu0MVQ7Kp2zQzjnEDHq3FKzkaRMyMueHsB/cQcysJ2L1BoH5VRQi
-KdhFkSrUKNv98ZnYRkEHsd5ZAbtJVjAw7CUBO8oBuyTCxO3yYIf1grciYAflwc6IyDjCAbtHwN4s
-D/aUgL1j+PG3Yd1nbzzvWsDeOVz0MA27QwfsYUkmaG1dCyaMIKFswVpkkwjsuLWCjVLmkEjyEXPY
-sTLSeKPq1cZ4awhs1drV1JCkxrF2jONQG9S3deNY0MFhZdDBQiQOK0MkFtBx2DDtgNIPGFY9JZQs
-wbCKp1BqB8MqDYASURhWJaJQ2gzDqrQZSvJhWIUGlSQwrHp3qICCYVUBBZV7MKwq96DiFIXVwJBS
-GoWNSmmo8EdhtcIfaVOgsFqbAmmqoLBaUwVpAaGwWgsIaFhpsewq2rAC2mta5J1F22tAM1DLE5bQ
-ZiDQutR64ytw65JutGq98QHcaKXbwiex/m28LUw3sU9o00RdtIlNtdydT/Xi4fGuObtej5tcnkG8
-fiE5xbb3nKltOkhIpANVOgaxJbczjJsvOGxy88W4VYTDplBMG1swbHpjy7QNB8Omt+FMm4YwbHrT
-kN7ipClji5PekKUpC4LePiYpa/tY/tgpjlrPfDCmrXmmQQKmsQeuIQ2mkRKmARiucR2m4SKmUSiu
-wS2mMTOuoTimET6VavWslIscOGQaj+Qa5mQaPeUalGUa67UbQq7AQ8hMI9NcA95c4+hMw/Nco/5c
-BxOYjlFwHfpIHFFxE0dU3KJHVLgO1HAd/+E6rMR1tIrrIBjXsbUK0yG7IbEcCQyAOQ4wCoNdm7sw
-PG75W4nHLYvQf75b9GgluOBTAAAAAElFTkSuQmCC
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/menu_infos_selected.svg b/linphone-app/assets/images/menu_infos_selected.svg
deleted file mode 100644
index 618e4f6ad..000000000
--- a/linphone-app/assets/images/menu_infos_selected.svg
+++ /dev/null
@@ -1,287 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="229.33333"
-   height="229.33333"
-   viewBox="0 0 229.33333 229.33333"
-   sodipodi:docname="menu_infos_selected.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="3.8066861"
-     inkscape:cx="114.66666"
-     inkscape:cy="114.66666"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="229.33333"
-       height="229.33333"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAACsCAYAAADmMUfYAAAffnpUWHRSYXcgcHJvZmlsZSB0eXBl
-IGV4aWYAAHjarZtndmMxcoX/YxVeAnJYDuI53oGX7+/ikRrFmfHxtLpFNUW+gKq6oVA0+3/++5j/
-4k/JOZqYSs0tZ8uf2GLznR+qff70+93ZeL8/T83X79zX583HLzxPBR7D89+aX69/P+8+DvA8dH5K
-nw5UXwdy4+svWnwdv347kH8egq5IP6/XgdrrQME/v3CvA/TntmxutXy+hbGfx9f7n2Xgn9G3WL9e
-9o//F1ZvJc4TvN/BBct3H+JzAUH/nAmdHwrfQ2A5+NnxMy+6z7+vhAX5bZ3sp6sy36Py8ZP74/lv
-QQn5ed7wxNfFzB+Pvz7v0rfnXwc0d4k/nTnMjzN/eb4vN7/fzvvfOauac/Zzdz1mljS/bup9K/cn
-XjhY8nDflvkq/Ev8XO5X46sasncS8mWnHXxN15wnLMdFt1x3x+37ON3kEqPfvvDo/SRQeq6G4puf
-wRqiFPXlji+hhRUqMZuEN/Cs/7gWd8/b7ummq5x4OV7pHQdzvMMbfftPfP15oHO0ts7Z+rFWXJdX
-UXAZipy+8yoC4s47j9Jd4PfX9z+KayCC6S5z5Qa7Hc8hRnKv3FIehRvowAsTj0+tubJeB2CJOHfi
-YlwgAja7kFx2tnhfnGMdK/HpHKhSD34QApeSX1yljyFkglO9zs17iruv9ck/T4NZBCKFTGlVAtSJ
-lYCN/CmxkkM9hRRTSjmVVFNLPYccc8o5lyzw6yWUWFLJpZRaWuk11FhTzbXUamqrvfkWAMfUciut
-ttZ656SdI3fe3XlB78OPMOJII48y6mijT9JnxplmnmVWM9vsy6+wwImVV1l1tdW326TSjjvtvMuu
-u+1+SLUTTjzp5FNOPe30j6g584T1x9e/HzX3jpq/kdILy0fUeGsp70M4wUlSzIiYj46IF0WAhPaK
-ma0uRm8UOsXMNk9VJM9VJgVnOUWMCMbtfDruI3b/iNyXuJkY/19x8+/IGYXuPxE5o9D9Ebmfcfsl
-aktsM20wN0IqQy2qDZSf3tZ97TuFeax+gtt+eeyp+tXzaGUN543LYeZY3Qqbay65dev7mavENSoX
-4D3XMDcvd67OHmpJZ8zST94dzneF4ICCx5xSOMg4gFfyoTS7nXOt1s2bAstK+HhTXLVw+72uumMD
-vU9PnCqfPGwantU2RDFNO3Nxs52ZWdnj8siFhV29xbJPWAeoDQtYP6lzoQdO3OTJ7rWcdVhGLteQ
-L9nu3OdM3aU2k7f8lmUOp6YJApxNGhRES1thzuFSWLuc4ja5MvtBJJxc/TEEI6WzWYVwiEOu4+zT
-ejgj9AnFlNVBS3F+7iu5xHOp9cWy8bpMTq3U6zne+DOaS+X1PsXsvpP31Z+HH6Sr+3wg/pM56azD
-7B3RW+Pe1vBOt+UzWSLasoXbSj1pORq/mXOnRGwccd4kpXKk1pxT7dXkxV3wgt5aoqp6PjYdv6xS
-8QZMS0LAOGnbgO6sBCz5UllHcoEC8mUEO00qJSS7WOrpCknG4RcBDa7N4sPhUDHX/QSxzxIJ2Rwk
-GlHM+l3kQjhiN90P0GUA9bx9saAjCsEoTqWh43Tk6GKZZq8pnlA9VassGonUysnN6M9aw6wyCnG0
-M2XrxyZNN4fphTqJWlrizouzuz9K0P3xaD49AYaQvLNxs7ZusCmSG2XYnoCf2iH5MDxH9863id7w
-fa9GgaaKDjE+npHyypSyGxBXy9zQsHUe4ITMc+gZliFOiia6TNTJQNKEGgXp9kplj12QfqvNoHjF
-kPfNo0iK5XSa7id3qm4BG7udsKUba/NoF5CypnTZs5flUuzblCSkAgRjaQEUrnMjWNs8I+cxwclA
-Gu6Ua8+r7cN7Ruw15hMycdqA1oqsyTSTK7GuZe7dls6b2yKGBSEEYEdyrMdJzoZ9SuQ4rSTyXWEV
-nG4OunasxxbjgEqIYJCSzo3TBtXdzwARBflgRN8gv3KKrJNGCxR1IuPjJk8sB3f8XJdJrpJWFjYg
-3bhYarBozSijnA9RqyfxSzLmRuWQNYWkWlrPM88sZwdVonFcGKtwYq3JwRIj1ivp3Fm+N3JieSRh
-dGFAGSpwagTgg1Hm7nFQuElQ381BWXBnAbSXzkxowN3iQPKFcs9KmeixAmWUMifzEE/qdq1FUVGD
-JAJa30BAKYLfe65aoWGEf8wubcGsW6m2mXPfMW1vQfRFhQC2KYfK8ojC9+CSISbD994hRPjwrDZK
-d+D+uItCyACqFAbkuLMbvBcA9QOmKA4thTAGNCjFnWYks20bp4AisBtgtLnHMfsU+1IXYxGUM1vb
-U4eqlEeZJFYgkSAdOE4QvBCjkVzNkWLyFWhBS7gOCLGya6QFXFBHQWuXBkEIa6zd1yosKlgAz4zY
-QlxuHxPBoNCXJYt75rKIuGSFp9LgXKrOvqsOFwoz9IbgICKl7917zbyaay8TMYpA4NinDrCsHlHf
-sYEKrAv8Pa8KzAXVUXmLa1wTSUZJjs5domQa1RZMIgcmK0YtEw1PmGsZ1GQe8H1AgCIjXCmR6wLV
-fbKNQPBjf8i7qYiFROYrRr0gabwhaWIq4C0bwBlsD2+cPe4J79gaQSjqoo8BTCzA3yfogbVmsSH7
-eSJIybE8TNwn2dDg/AZQBzgRXtLz8DmmgANF4gw9xNbNCJBGanVnTw0errSDrpggdA3smmaxw21W
-W5lebeJuoc8KZ8ThffebVcsC/5pRPVJ/dQapNk/l1n3VygD7Gr/MfnK4CrJ1UF8V7oEmwCFEKpMa
-lmQxgMPyDQkCF61MKA4ET6ZBJ1Ql8RgI8lUCr78MciKx8eS+ywAW5xWyn9jU0kCmWXgqAEhbQg8R
-l7k3J1YNYZdOyjwRQZpzV/dnMP/Lo/n+hBoiDWoiOkgRcSslQ4aoIKoELyW3cP/onc3VIFZGagp/
-ZrEtGgcV1oTCZFfNE2XLkp22YSC3JqgcS/AbTSiemyQY0BVP30iPfMAlZxqGkuRwCAAWF5BKDe0U
-4IaWCbuFV1FEvH2ilYdW2cEoPHtXGdUZNqlyptFKgwhgrL8rDQzCzvy3UjmVIiYIMyCPURU7L04e
-W6XoCDISqIqPSx4pma73Bd6H/DuYtsO5SpJA8BsVh8c+pF0CliesCV7ACwhw9O7yeRynkkTDDMNK
-UuYe3kS4YAK7g1FLXzi7k6hjAIbTj9FzmUl2glxDHvW5XtHh9lV1Rv0himJihQHzTXWMhVNHkQbb
-FuGGBUPJodsjvF8E5nhIBBLGCUdSpVGPh1pD1XTojEgQHjCyRgdKliNFNfnmjxhwIRn8SnvxuwPu
-IuSgP+dnRgUCng2oJdlAWr4y+eOq+BklTKFTQsRx1gWgih+eZEbnjk5epMmabJukFCkOA8Xkl3hA
-yLdWPaADghZuiEppIAaehePAOQ2jhEA+gDRAK/UE8GEIiOkwftWDY2IF2+A72usbYn0BrNjsdJ4M
-bZR+ZK3QHJajo9g4Sm3RU1zkcsnSIYCG9DTUjzmz8pwNLTWmSGBQhNyEkySgQlm4UbZkr4Hps1ae
-LEOHUNxQNQC0iRBqFTAKpAasSHoDmdA4JBey8Agb5xd5gPw92PVJfBfsSTBKjO5DNcYfNwYlDt0U
-gtq27DOpfa6302pB2brxBP/JkG6dgoxG7XE3S+CVkDq1i+/0RtIUCVWlDsE82Fwo0ZBRxZBNpNIG
-sIFQJCQqwna4rWbSu8yyQXKnLqwqdbsbSeoI/t0ZEEZ9LX/qyuZhLRU4y6PWCrVT5AAKDhRQQEHA
-GBQuedpxVxRLhy0TZTf7ANk7oISVN4hMCyAkpC6GjeTuSm4lsLzKdvMEcrvc3Ea5k3Q3txHHt9Qk
-rIhVTSaOvCwEtiaScWBsnEwg/oEQJDA4o3/aQBbtBkAMYGlM0W+aiAFUPxjtUPwIrSjhEiy1USr6
-AbYCvS+vuIjRnKBfV8xIKcgIjMTAd5gTLSwGJkE81jSZeQoJOEHAtALsiYjkgmHPQokhf6wiMNeG
-T1hlBPbCmc4j2VVhwxV9QdVPZzB2CxlFxqsrDpShD70KBjsDCaPtsgMGScEAHOGJUKAQTEUx+dwB
-nUCIWSzzF8f43tV374HDUk6ebLvFjaIM2ENA6jTwEPLe6oJsg/leVP3CRRLxjiQg+HgDVkHoQYRv
-bNR6QUQAjJjEgUGF7qW0Yr+KKVdTVXdIujCIIUUvcVapQ+LipXscMmYAtlDRuFVwVQ0gWkGLypL1
-ndVlMVw9p55kkLoq2MRrkScHhW0qtb8rWgHSZr1Rm9wOFLBJ50zSH9YbhuO11iBRiOSpzyol2aEf
-6yXR1RDCNta8ANBwcZNcUz+Y0/L2bmbtCWQd3JKP6i4isJDXG8FEGi0sKSY57jplc6i5zh94zq0l
-hUOR5YrM4Yosx9iSsqMjuFDeAwgvBdbi/ggoFce9SOBWkB1ZYKk1/AhacLEq8jOFKGSD94VwJ6fb
-AkAwgkTDUSQWFWJpR00omGaVzeV5v5ZaoSRnwr4vBIa6SCNO47Z3mfsgbTj0YeVtwEr4MSFyDqfq
-XRZ/j6TF41iSOHuisQrZMvCt2NgFDhrqaJF1E/m59miIke6PunYwGkFy0omucXDk3UZAQino+bBR
-Xz7JO6sFEDE1Kq8AdwyLLaPG02qYiyMdsqFH5L6Ve+yKDraao2VE7IHlb3PfXxpBkAEjPhAFdfyw
-NbgBSypgmzb6GJQ76PDT5TmafQNQvwD0LUfMxxOhuUGOdsxTySR4G0B+4LLI6c06eFwlopJlIFJH
-4IRLqipgHJlv0FHu9eSgDQjoF1gEc0BQ6MouqoT3D1UZVgNWCtarWMHyTAg3jjtn8CGUapoEkZSt
-crDdpkPiFY3SSDBE4beINzjNiWa4efTDLsAQF4n2ofb8hlWtQQWjkzE+CzlHimK1tQFCeRWPdz2o
-eMrPqkko8ZUoM/U8EARQRtS+B5fUQjMlS5+HAHoiUMalj6FO4QFm0aQSAgd3BmFSvHZkbP2xKalt
-2kIJKBIwE7/2SIZe61+ty4CiDSAQbvgIOxfY6dTtWiAN/AKkyJRis0DxqJJUQKKdFtU0HdqLO0Jv
-9uCpzITRBcUzmkJqo0N8ZAhuGO7Y48hly1nmK1fBFhsoNQd/F2wx+tFj4lIB34W0lkgvSgO3IpVK
-WiefXcgdlVI3XsRSXYhGVgBzB35SiwNdigXxWBmuBqeYub2JdkcDoOywxoMYcEs+NEn/0ZJpYnxp
-z3bld5dQQ5lB13XaLoqD9by6PmrkbalEIe0Bm/AYxw85tliE2awS6O9g3hACmWAPvjCojRYKJLi9
-bU6CKYhwoK3NS3spaqXwIlikHW4RL8LJ+RGDnVCE0ltIr/oSSt3yn3/ZX7vuCFbK8BpSaSJFSHEL
-Cp4YUWVoV7XUufloayMnszoFwR2MXDl7Ivy1HE2mZJoiSQ3RCtaSpVzhW/VqgWeXByC7nc1nOWWB
-Q+gBEpzByYIBx5BddkMQYH7xcJ8eCzF0h5pISPqM+0X1TN/Uzbz910nuzAIPRoOW4QSuURB7gDJ7
-AJTzyJ8SKUf8oCg8LqKl4LG4NekvtGF2AJd2N1DMAIBZonUcXDxBeha/Bc6u2rZivCMmD/rilZR9
-xecE5D7pFjD+5XBQsgOggxeMbYGTogrqUD8UlRb6QqFMkT3M024TjBVBPJ5CtUr5zXgkpHZ/rB9E
-u4xsGA5dMi/iuA6QOuKNhr2drGWj2lhDAgZ/jWLA6UzXYFLycF0cOCNPQ752MEKGUpdqg6vIzLig
-WYyIjNDjr3cJf8WE02QcpD8Lq5pwBuAmUWBBM9LYkbhqiJCTWMSZQaESIOU+7Q7aD6DotOMpNXMA
-ZiMOU3tHPD4neKDOp6VM8S2B8rWCLjy7rVKRcfHbQ+7hPFqCd4OHpCOnMmu5sUBfJ1CHjXilAwch
-MO7RVfXaUoTkSfTDqiaZFCUHwnbn8mjMDr8Y8hTt7B88hOPgfDDkNgxZI+17BJUEuArVnQ3FJqIH
-zuO8gTQYkgzln1HdzDwvrJJ2fyc5NtQNMsujBAg1dcZdUKh940r2QER0eSnqBdWIzpNvqaQrwsjn
-hlJAFGuDO8sQNZJpEl5SZ0sI1UfdCcUMqRee1OvhnXpVqQcLYncHhgWASkqFbrNcHzGLHB4uJldf
-mQplP8nK0b9ndZ1PJ/1JYIyxDooyiLdpDoXNOnQ7gfjXhPJHrzjxZ7z9x+eqXsBLeh6uA+1ElWUM
-MeRqa6B4KfcC35AtSPeOwDyGC52vpUZC57835sbpWbY9D8kfiEeoOsBrHBX4dP0astChN9dVI0fN
-ei9nFshNbUZY7YsiGhc+IpGGaMHixMeQk8O1OpBwmYwjwTDlkyzeW7sNZMxA2yRXoHVJkw1qPD2S
-BOE+Zh708p8SS4s9HxqqanP/logSr+HoH0HHGn70Bb6B/xcfXTT7kprSG9MXUSz4JId5w6GlQlFf
-sFfDnR80MEHxZacNigSwDWSjmC8KzdHGXSELVzMjsX7m15Mt9ZwnE28iHvxahT8hZG25YC+qqxzV
-osadgBabClG2Qkq1Rf67KZMp6E9yVMB2yUl1EE2YXJcXeWp74gXb6CWP0MpqVXF4Dxbjw2Eej+8j
-Z4ubGALNLkR1vrkIa7QFC9tii8jT0e9eB7IBoIi2IQJwXNXuqt2QiDRWs1RnahNsIyxZ26646WjG
-5ZgrGh75y93x3j9B4IWuC1l5VwnsQ480bx4hPiQxtVlCPPLlDbCAyhStUmGXLbC7pcs7kr4Xgy5l
-PEUxq8FC+V8g60mq/0NKmT8EhvQMMVnSM5HIXD0jJi3q5UJ36C4J2qFd664eWzvAWJCqUsQuV3fi
-5a7WcperI5HI4mrIu58krzL7W5p5jSHA9QYdx1GctJnOIcHhlA0VdxuHw+5WblyNG4lAu9WNdGVO
-KOiec4QJixxU7dhHmAeszrEw4HNs2JF4YHvcFgqgZbZD6ATSsVLOEe7AOiCZUY8VATkyYjQJJjYJ
-RtoinLf2ZKOa51naV4fl/rb2H2LSNs7kjcgyHiIiJuA+gAaXpokLB5smWovkAk5BdqlkH9WtrgeR
-00jmJr1JcuHG6iBvNSp1BXl35IZDcZvwktxU+s0I9GXY8YWZmtD7+djToNZIcw3i+VK43QKwQTwU
-AtbCbXwyzmblIHZAYigqlCBuE4t+xal6WSj/I4+1y91ADFOWcJv5pA5YXDRkctREudv0RRSuWt3A
-EJXDTeEq0fL4X2xzr0hsiS8SWuMBgH9Xoxan9N4hkJX+Swg/zgXxsHEutUJLSdsvaC9TsD5Rau+0
-GbUtc4L681if+LY+ZFBRp8PjMrGqTT0jjFc5AHdATINXaRlX3tb3cSvgT75u5RSKQhMJXnuqnIm/
-afp7SdAD5pvsCQF1Cf1row6qBGhYCDuc1w1vdTqlMfuAoFg32DsqzGBe3jI0aC/r8fBoF3Dj9iVw
-kFhodQ4OubJ6uU2NyOWqqdFuA5AzQsHYUuwtwSevkuZjCqgMtAR1LOrCQiD5l2XtOBB/J5Ycf6sR
-Ge1BcMA12i4SA745tWZyjP52ZqBywqceH3lZKRHxXn81+YqlLmAguFbXi8i3wrYBiaARvPr+kQLG
-Kk6XIaY0Y9RttGDQrvsRwsrvRNkA7VDBnYZY6hUkcIwSy+gStY92A5VeXQlY5ZUzmod85Ujuq2k+
-BE9Geh7pM3Ke228N2oYYklRuhxlIoakZxAsj4JIaW9vgBVQlarTupri1QHisphXxTwHyvbJZMy3a
-y7szLX1sLmZAi9h7Xk80phmlDEWC6shqSaDZPdIElcEqI/W1OQds7prUzIMFMtd4tK8+r3goK8GG
-PZj8bCXdLqXWe6cDKQ85loPnY+HURnuEBqDikHIkmN769Z0GGf46ibZ272nuSYj30ibL3vlO04hI
-ANMYuQOcrEOwk5BZTSRMojsGls/CxkI2D23KXZnDoc+AmPOcAACRQ8496/+Yz3andro6yQPdPOIy
-PYN/RFHNac0hFyJdlLZ91VW1jaNWBlStAt5Cn6nmP79vgChCbiM8uSFD3gVIMr/xsQcq+gcutrtP
-hWJVWDldUGf59jkp0TArFsKnBBlYNTqPvYL4QA2QoNP0QPRtyDxorMehjWTA8CZ40Qj7I6Zj6iyg
-L84MfAtrM6ov5JwuLGsnd2q6FS9IhThALx2rkuIVUWiD0bvtzEmmkKQIYme8ZkLGIRYJBqYk1NfH
-w4IYwM9ZETWs3iy6DGV09wRAIe0JqI0NLFT1+mYwGmgh5RIlBRlA9/22/slYrry8i2ppf35cDuca
-h/YvR7UNkQGVD7U/DJof7mGlKu4uurmIRAckrTamw0AYpAi2TCBZjSc0w8Tyg2WjVK8ejNIBiDKt
-QUNuQh4AIsazr7ECd1eBBoQdy30cTkEXxZoU6AxS6ZOFBOqELwn1sbAQ/AbDSgGy+M9OUcboc2kI
-oBiebb3Q4P6i7dia9pFzvHt6RRAYxizYg2HKHRBa2quCz6f2qhDO2ji+e1XzWVJ3pf/or109Uf+3
-OQTzb/V0/ni8G2WcnLhaw/HSa19R/RAp/7TuJhmyf73mp7zKZWo/k5jZu585NboHvbB+XHyPhvKF
-wRPCMKysjR7Wl2/ACIUDykk7a+v+vUWGviZInv+4dDc7ny2yZPawVN/RHtlrtEr7j/BTr5DGGR5D
-ikgMSDW77wBhUPeG0stqomYECLZsHvJIO1PdaS5C5dvUO8cEoLZxFIvajludjQLnNrgNvbJFC3xD
-wu+lHqRK21Dw8YsgwjVAT3d/m1LXfI/ksva3UwxRAuAfuyyenG3xjpYYMkLTG1NTfdpjj8gW7bFD
-OtpjnxrsyQteT52zwbVq+pHASJJnKGQBPtktc9RQdTPA+ZoC09TEhFsd14x9urvzh5pVw+nZn+f+
-7/68HQQba9WDHXCT0QzMMxhA0n5K/TuU0JeGEurSVkoO5LJ2oDFru+DOXJM61/7lDAFV2wTZ2lVM
-1JxufEoeciNnPAWpzcGkpe0+qFlKFrbcnCZA5HU1RAZtGQkCp/10Z1VigNBJSjP3zFv0NoZcByvn
-1zNwAbspZb6Nf5h/0jv8x2O3Tpt23d5dO0zWvhMgcFPTPB/wimLjhuGuQLiUblUtkXRnUbKiLqwe
-djyjKJr32Qm1phGH03XooFEZUKobbVznwoGWek46IGFJ0iCJrLFACsVWu6aksZ9UkhOgtggWa5kj
-MqBuMM1oMKGgQ7StxEKjGzM481poSjRT3+vOCQGqGtjAwbp1G2z5ZM0QFVCwoCGPLhCFfOdCNuHH
-a5BogvkdyA21oDD0hbMHjQ9JQdVG7NW7nlSvJo0mCYnMAqaBloUhwahgQxDi5Dies2b1y7D/wWnJ
-+Z5ZygrmbhRm+DyxYH4bWbgDVlw+wkkT6Vm7gD3cyS3A06t7oh0BBGPSfsCdNTfP7n7WqKf2xsi4
-HZ4pMoQtagQ8Pw/PAE/y/e/BULR101bTuCNqhSuqdzIU4U8gWCcIZ2E5nn39hLPWiERb6pIHHAGu
-dkq2qLeqPdKNMG2tLYO+gF0Dues8BokFgHKhkEDug6+c1mEpYM8796lBT59KHZDInfvUM3BHiObO
-NAb0zkBEbg8EYW1hOIzo5/lO9TxZOmyL5v/B34Sv0GSohle5Zm90BZJVrJQMrLrlmgtcnDgfX15z
-gYgQjVhyUjChZM2cUS1J3/G46rabpkHMeRvyywc/G4CFrAcsM05m474n3DHCnfMklZEiODLtlKwG
-6WtQlERDHn/dS3i2Eljl2FBRy44RbclVG9qcVq4dOw8jaVc9S1KiI/EJPnkzRi+aBZXtBbJQ5Evz
-o2SEvfOjZDnGgICjt58eiabIXxv26elUcqRuEFgZXX6kYKqKkCzXbEq5+xfocjWbNg4YGJwVTERn
-EEguC51BXFCXwGnTYKXE5T216FYbPegYLYu9k54x4D4y9CRVkVlmfR7imfDUOBmuUwOesRmg/2PC
-k6LBs0GzNlIt4Fh4DYeCU3Ue9Q8zBTdKQ8hyicUe4EKz7bNTtBFfvjVF3PDzTdZPPQzJJo5WNU0T
-iAT3sq7siLcZXrRZAxnzf/m+0E0DcSAbrw6Orjtq9kpzs03DeyTbM85JHVK7ngKaOKKq2V/LusLW
-ElE5e3gtqUwdCRGgtIM2qOiKm3BNao9isijZ4uHugW3VVOGxJWA4PCtJnmmbZWgApfEqWPoK6n2H
-jXQ7Sx94SXapAaGBfN/9nRKfZJkfsp8cXkPkI7/GPXjnP+uEfH6Uzm93Nr7EqAYXBY3AJ1GzWfrI
-B5VwNBKwuVC5oKWdv/u5EQ3xZiqGci5bH7cAR9pqNakIpjYO1+Se1zJWG94bwTPavQ9UvPItExbt
-oogU1f5RhycMbYipu4eAhdeWdk+RykNjAUYf8AmCsOfjHegWtYwuttyPd8Qgt5u611Ui8eVTN5LZ
-+dsPlMcobmGOIY/nMx5b/sDb+P4wxP3IpvzJ1scNJG8xeCREwV8hTdTiuquCHdCnQIw+4/HT0IWX
-I76fsMm3DaQxCtZSStzdz1cg0aZaw0WF6o0+A5J+c9L11xN8PpR6NtrY0JRLNTI593MeurUENb0/
-vtLUw9a2sD7nwZLU+zkPq4+9EAHQNFObDl+gHmIMRoCdxZoaAR5SwSOFgjgcVVPri3W/k7iacHAN
-lUrqzznHDVqT8hmwxQhGvrIqaP1+gqOqeYa9xW2E9nzE4wkkevHjIx5EMnaJ+aUuX+myTSy2PgbU
-ZXslmG8qUiHUyv1okgbU8+1tBryxpuydqs9RbbGonaKB0Y0/NMfC6BWlguM7MjVtjc9276/OtgPp
-F+to/hepKTBrtGLCAwAAAYRpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNAHMVfU6UiFQeLiohEqE4W
-REUctQpFqBBqhVYdTC79giYNSYqLo+BacPBjserg4qyrg6sgCH6AuLk5KbpIif9LCy1iPDjux7t7
-j7t3gFAtMs1qGwc03TYTsaiYSq+KgVcEMIQ+9GJYZpYxJ0lxeI6ve/j4ehfhWd7n/hxdasZigE8k
-nmWGaRNvEE9v2gbnfeIQy8sq8TnxmEkXJH7kulLnN845lwWeGTKTiXniELGYa2GlhVne1IiniMOq
-plO+kKqzynmLs1Yss8Y9+QuDGX1lmes0BxHDIpYgQYSCMgoowkaEVp0UCwnaj3r4B1y/RC6FXAUw
-ciygBA2y6wf/g9/dWtnJiXpSMAq0vzjOxwgQ2AVqFcf5Pnac2gngfwau9Ka/VAVmPkmvNLXwEdC9
-DVxcNzVlD7jcAfqfDNmUXclPU8hmgfcz+qY00HMLdK7Ve2vs4/QBSFJX8Rvg4BAYzVH2use7O1p7
-+/dMo78fjEFyseG6Eu8AAA0aaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVn
-aW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5z
-Ong9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRm
-OlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1u
-cyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0
-cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMu
-YWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0
-cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3
-LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYv
-MS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1w
-TU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOjJlM2NkYjk1LWQ1YmItNDk3My1hZTA3LTM4
-OWM2NDgzZWQzYSIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphZGE1NDI0NC02YjQzLTRk
-M2QtYTBkOS1kOTM5MGRmMDlmN2IiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRp
-ZDozYzRhMjRjNy1mYTE4LTRmNzItOTVmNS0zMmQ1NDQ2MDcwMDAiCiAgIGRjOkZvcm1hdD0iaW1h
-Z2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lN
-UDpUaW1lU3RhbXA9IjE2Mjc2ODc0NjMyNDgxMjEiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4yNCIK
-ICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiPgog
-ICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6
-YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFu
-Y2VJRD0ieG1wLmlpZDoxYmJlOGJkNS1lMTFhLTRlZDYtYmZkZC1lZTA0YzUzZDJhMTQiCiAgICAg
-IHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVu
-PSIyMDIxLTA3LTMxVDAxOjI0OjIzKzAyOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06
-SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAK
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg
-ICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFj
-a2V0IGVuZD0idyI/PqciLukAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxMAAAsTAQCanBgA
-AAAHdElNRQflBx4XGBeQGnRGAAAGY0lEQVR4Xu3d23rUOBCFUTXfPHUegNdmLhKB47htVelQB/3r
-Om1Lu7aFaZihFCCQ19MP4NOf3+XP08/0eH0wixaEdDK7mFIU+bvtw/BW0Ce7F3i7zUcr6JPdCrzF
-ZrOV9J0dypt6g7sU9SxzcdNtbNeSvpOtvGk2Q1HvZSlu+E1QVJnoxQ27eIraJ2pxwy06QlFrGSKt
-NYowi7Ue/uzBZt/fKCEWuXqYXoa3677vuF7gqoFFGFQp5FGK48LOHo7nobTYNR93i5o5CK9D6LVT
-Zq4WMyt4b6HPskN+bhYyI2xPQa+UOUvzRWQO11rGbE1vPjJQ6yA9G5lzKbZZm914ZIiWAUaSIXOT
-m44Kziq06CLnv/yGkcPKJOoclt5sREirA8ou2kyW3ShaMDuJNJslN+kNZFUYu4swp+k3iBAC/vE+
-r6kX9755XPM8t2kX9rxpPPM6vykX7dnsrI1Cx9ssh1/Q2wbRz9NMh17M08YwlpfZ/nr6gRVGbghz
-eJnRsEVon0AvQaCN9ZyHXMR6E1jLct7dF7BcPOxYzd3FOyzQqqvtVk8ZfLCYv/qDFouFP6t78N/T
-D4ykXWQUd8PLuvfXR3lpS6uhClGzwKwDK0WWR9YcJBlUmizEH9AsrBTd4rzTZlFKvjy0WUhzWPIt
-gXRREWgHVPV+3ptVMxbdRBPyqo2spMnhnWz5aLKRZLDkhM1EM5A7o6+XXXNhNcFKnhzkoJm5pFvN
-hZXSLNw7SbASs65rZebsmwqbLVD409qxpsJKzXzCEMOsDjwWtrX51ayFIh5pF1q69lhYwJPbwrY0
-HhjpqXNDT1jpLwHIb3QnhhYWmO1tYZ+O5rPRTxLykHbjrnucsALS4DHeZWE5XdfaIT/pHt91kBNW
-SBr8k9HXy667sASOViO68qOw0teBHY0IvpRx18nqqovdJ+yuesvW+/ld/QhNcsIS+icyk+nJa+l/
-5p3VMdSrYVDScb4FKWl+KQwCOj09U7/DUlZo9XRHXVjAAoVFKH8LK32vAFY5dlN1wva8gwCl6Duk
-KixghcIiFAqLUCgsQnmVIvuGQPuyvLu7jHfOVNo9/i7BYJIBQI7CKlBKOxT2BsX0h8J+oZwx8C0B
-QqGwCIXCIhQKi1AoLEKhsAhFVNid/wgRc0g7xfewX94Fx/ezvohO2B2H9/ooL+kpgHbSTokKC1ij
-sI04ZX2gsAiFwiIUCotQKCxCobAC/MbLHoVFKBQWoVBYhPKrFNm7mfSP0oB3JF2qHeWERSgUFqFQ
-WIRCYRGKqrCSl2XgirZDfwsr+aYAWGnIv9MFWKCwCEVdWO07CNDTnW+F5T0W3pw7qT5hAQtdhe05
-2rGn3s50FRZY7UdheY+FF1dd7D5he4/4SHba6wwj8usuLLDSZWGlrwUjnhzkJu3Iuw5ywiKUt4Xl
-lF0ne3bS/d11jxO2kTR0zDG0sAxVL2t2o/f1+Mu+9IbSVwnPpHsfZecMn/bO/zL+izTYma7W8jRI
-j2Zk+vhKIA1qxiKxh5auPRZWg9JiVgeaCtvSfKBHa8eaCqsx6wmDfzNn31zY1ifgaObC4ZNm5pJu
-NRcW8KC52dXsJwhxrejGkhNWsxHEsmrG4sJKnwjgHU2XxB+oNE+UZoHwb2UXxCdsD83G4Nvqmapa
-XmkXq3264IvF/NUfrCwWDXtWc1/6SgD06mp7ZfW0wYblvLsvUFluAutYz3nIRSrrzWAuD/N18Q6r
-DQLreJnRsOZXPRsb+SRiHE8zHXqxytMG0cfbLIdfsOrZaClzNot2Xuc35aKV103jnue5Tbtw5Xnz
-+Mn7vKZevPIeAj5FmNP0G1S9YZSyJpAdRZrNkptUkYLZRbSZLLtRNSKgUtaGlFHUOSy9WRU1rCwi
-57/8htWo0EqxCS6iDJmb3LTKEGAUWbI2u3E1MsjKMlBPMmZrevOjjOFayZyli0VUM4IuxU/Ys+2Q
-n5uFVLNCL8VX8CPtlJmrxRzNHEIp/gYhtWs+LhdVzR5K5XU4Z+ThvLDVqkFVXga2677vuF9gtXp4
-Z7OHmX1/o4RY5JH1YFvU4UdaaxShFnsUoQyeRStqFXLRRxRXJmpRq9CLP6K496IXtUqxiSOK+12W
-olapNnO2a3mzlfQo7caOdilu5qJW6Td4lq28O5T0aKvNXolW4N0Kerb15q94K/DuBT0jjEazi0wx
-gYT+B8frjb0gfwB5AAAAAElFTkSuQmCC
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/menu_vdots_hovered.svg b/linphone-app/assets/images/menu_vdots_custom.svg
similarity index 81%
rename from linphone-app/assets/images/menu_vdots_hovered.svg
rename to linphone-app/assets/images/menu_vdots_custom.svg
index 7aed15fa0..ebf91daf0 100644
--- a/linphone-app/assets/images/menu_vdots_hovered.svg
+++ b/linphone-app/assets/images/menu_vdots_custom.svg
@@ -6,11 +6,11 @@
    id="Layer_1"
    x="0px"
    y="0px"
-   viewBox="0 0 30 30"
+   viewBox="0 0 80 80"
    xml:space="preserve"
-   sodipodi:docname="menu_vdots_hovered.svg"
-   width="30"
-   height="30"
+   sodipodi:docname="menu_vdots_custom.svg"
+   width="80"
+   height="80"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -28,13 +28,13 @@
    width="15px"
    showguides="false"
    borderlayer="false"
-   inkscape:zoom="27.28125"
-   inkscape:cx="2.7308133"
-   inkscape:cy="12.077892"
+   inkscape:zoom="3.4101563"
+   inkscape:cx="-28.591065"
+   inkscape:cy="36.068728"
    inkscape:window-width="1920"
-   inkscape:window-height="1092"
-   inkscape:window-x="1920"
-   inkscape:window-y="33"
+   inkscape:window-height="1131"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
    inkscape:window-maximized="1"
    inkscape:current-layer="Layer_1"
    height="30px" />
@@ -45,7 +45,7 @@
 </style>
 <g
    id="g6"
-   transform="matrix(0.05922166,0,0,0.05859375,-0.16074485,0)">
+   transform="matrix(0.08460237,0,0,0.078125,18.341793,20)">
 	<path
    class="st0"
    d="m 315.1,452.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 0,-32.6 26.5,-59.1 59.1,-59.1 32.6,0 59.1,26.5 59.1,59.1 z m 0,-196.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 0,-32.6 26.5,-59.1 59.1,-59.1 32.6,0 59.1,26.5 59.1,59.1 z m 0,-196.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 C 196.9,26.5 223.4,0 256,0 c 32.6,0 59.1,26.5 59.1,59.1 z"
diff --git a/linphone-app/assets/images/menu_vdots_normal.svg b/linphone-app/assets/images/menu_vdots_normal.svg
deleted file mode 100644
index 7aed15fa0..000000000
--- a/linphone-app/assets/images/menu_vdots_normal.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 30 30"
-   xml:space="preserve"
-   sodipodi:docname="menu_vdots_hovered.svg"
-   width="30"
-   height="30"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs11" /><sodipodi:namedview
-   id="namedview9"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:pageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="false"
-   showgrid="false"
-   width="15px"
-   showguides="false"
-   borderlayer="false"
-   inkscape:zoom="27.28125"
-   inkscape:cx="2.7308133"
-   inkscape:cy="12.077892"
-   inkscape:window-width="1920"
-   inkscape:window-height="1092"
-   inkscape:window-x="1920"
-   inkscape:window-y="33"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="Layer_1"
-   height="30px" />
-<style
-   type="text/css"
-   id="style2">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;}
-</style>
-<g
-   id="g6"
-   transform="matrix(0.05922166,0,0,0.05859375,-0.16074485,0)">
-	<path
-   class="st0"
-   d="m 315.1,452.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 0,-32.6 26.5,-59.1 59.1,-59.1 32.6,0 59.1,26.5 59.1,59.1 z m 0,-196.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 0,-32.6 26.5,-59.1 59.1,-59.1 32.6,0 59.1,26.5 59.1,59.1 z m 0,-196.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 C 196.9,26.5 223.4,0 256,0 c 32.6,0 59.1,26.5 59.1,59.1 z"
-   id="path4" />
-</g>
-</svg>
diff --git a/linphone-app/assets/images/menu_vdots_pressed.svg b/linphone-app/assets/images/menu_vdots_pressed.svg
deleted file mode 100644
index 7aed15fa0..000000000
--- a/linphone-app/assets/images/menu_vdots_pressed.svg
+++ /dev/null
@@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 30 30"
-   xml:space="preserve"
-   sodipodi:docname="menu_vdots_hovered.svg"
-   width="30"
-   height="30"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs11" /><sodipodi:namedview
-   id="namedview9"
-   pagecolor="#ffffff"
-   bordercolor="#666666"
-   borderopacity="1.0"
-   inkscape:pageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="false"
-   showgrid="false"
-   width="15px"
-   showguides="false"
-   borderlayer="false"
-   inkscape:zoom="27.28125"
-   inkscape:cx="2.7308133"
-   inkscape:cy="12.077892"
-   inkscape:window-width="1920"
-   inkscape:window-height="1092"
-   inkscape:window-x="1920"
-   inkscape:window-y="33"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="Layer_1"
-   height="30px" />
-<style
-   type="text/css"
-   id="style2">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;}
-</style>
-<g
-   id="g6"
-   transform="matrix(0.05922166,0,0,0.05859375,-0.16074485,0)">
-	<path
-   class="st0"
-   d="m 315.1,452.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 0,-32.6 26.5,-59.1 59.1,-59.1 32.6,0 59.1,26.5 59.1,59.1 z m 0,-196.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 0,-32.6 26.5,-59.1 59.1,-59.1 32.6,0 59.1,26.5 59.1,59.1 z m 0,-196.9 c 0,32.6 -26.5,59.1 -59.1,59.1 -32.6,0 -59.1,-26.5 -59.1,-59.1 C 196.9,26.5 223.4,0 256,0 c 32.6,0 59.1,26.5 59.1,59.1 z"
-   id="path4" />
-</g>
-</svg>
diff --git a/linphone-app/assets/images/micro.svg b/linphone-app/assets/images/micro.svg
deleted file mode 100644
index 672c3b63a..000000000
--- a/linphone-app/assets/images/micro.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="26"
-   height="26"
-   viewBox="0 0 26 26"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="micro.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="4.5384615"
-     inkscape:cx="8.8365269"
-     inkscape:cy="24.386605"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg4" />
-  <path
-     d="m 9.171,13.81 c 0,2.053 1.715,3.718 3.829,3.718 2.115,0 3.83,-1.665 3.83,-3.718 V 4.47 C 16.83,2.414 15.114,0.75 13,0.75 10.886,0.75 9.17,2.415 9.17,4.47 v 9.34 z M 20.25,9.276 v 4.058 c 0,3.889 -3.246,7.04 -7.25,7.04 m 0,0 v 4.386 -4.385 z m -2.256,4.876 h 4.513 z M 5.75,9.276 v 4.058 c 0,3.889 3.246,7.04 7.25,7.04"
-     id="path2"
-     inkscape:connector-curvature="0"
-     style="fill:none;fill-rule:evenodd;stroke:#6b7a86;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-</svg>
diff --git a/linphone-app/assets/images/micro_off_custom.svg b/linphone-app/assets/images/micro_off_custom.svg
new file mode 100644
index 000000000..87e03b3f8
--- /dev/null
+++ b/linphone-app/assets/images/micro_off_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="micro_off_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     showgrid="false"
+     inkscape:zoom="4.0416667"
+     inkscape:cx="-48.618557"
+     inkscape:cy="12.865979"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 32.451772,44.058351 c 0,3.946936 3.285506,7.149526 7.335622,7.149526 4.050117,0 7.335621,-3.20259 7.335621,-7.149526 V 26.094838 c 0,-3.950752 -3.287445,-7.151433 -7.335621,-7.151433 -4.052057,0 -7.335622,3.20259 -7.335622,7.151433 z M 53.674618,35.33807 v 7.804165 c 0,7.47971 -6.219754,13.539437 -13.889165,13.539437 m 0,0 v 8.433997 z m -4.319866,9.374923 h 8.643614 z M 25.898229,35.33807 v 7.804165 c 0,7.47971 6.219754,13.539437 13.889165,13.539437 m -18.35846,3.927847 37.14386,-36.219039 z"
+     stroke="#000000"
+     stroke-width="2.88681"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/micro_off_hovered.svg b/linphone-app/assets/images/micro_off_hovered.svg
deleted file mode 100644
index 502450050..000000000
--- a/linphone-app/assets/images/micro_off_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>micro_off</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="micro_off">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M15.680106,21.1588052 C15.680106,23.2272241 17.3725587,24.9049836 19.4593354,24.9049836 C21.5467466,24.9049836 23.2391993,23.2272241 23.2391993,21.1588052 L23.2391993,11.7474365 C23.2391993,9.67775946 21.5467466,8 19.4593354,8 C17.3725587,8 15.680106,9.67775946 15.680106,11.7474365 L15.680106,21.1588052 L15.680106,21.1588052 Z M26.6155393,16.5901033 L26.6155393,20.6788163 C26.6155393,24.5976774 23.4114583,27.7732791 19.4593354,27.7732791 M19.4593354,27.7732791 L19.4593354,32.1916307 L19.4593354,27.7732791 Z M17.2326577,32.6854594 L21.6869648,32.6854594 L17.2326577,32.6854594 Z M12.3034487,16.5901033 L12.3034487,20.6788163 C12.3034487,24.5976774 15.5075297,27.7732791 19.4596526,27.7732791 M10,29.8313182 L29.1397841,10.8541412 L10,29.8313182 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/micro_off_normal.svg b/linphone-app/assets/images/micro_off_normal.svg
deleted file mode 100644
index 4c19f8966..000000000
--- a/linphone-app/assets/images/micro_off_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>micro_off</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="micro_off">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M15.680106,21.1588052 C15.680106,23.2272241 17.3725587,24.9049836 19.4593354,24.9049836 C21.5467466,24.9049836 23.2391993,23.2272241 23.2391993,21.1588052 L23.2391993,11.7474365 C23.2391993,9.67775946 21.5467466,8 19.4593354,8 C17.3725587,8 15.680106,9.67775946 15.680106,11.7474365 L15.680106,21.1588052 L15.680106,21.1588052 Z M26.6155393,16.5901033 L26.6155393,20.6788163 C26.6155393,24.5976774 23.4114583,27.7732791 19.4593354,27.7732791 M19.4593354,27.7732791 L19.4593354,32.1916307 L19.4593354,27.7732791 Z M17.2326577,32.6854594 L21.6869648,32.6854594 L17.2326577,32.6854594 Z M12.3034487,16.5901033 L12.3034487,20.6788163 C12.3034487,24.5976774 15.5075297,27.7732791 19.4596526,27.7732791 M10,29.8313182 L29.1397841,10.8541412 L10,29.8313182 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/micro_off_pressed.svg b/linphone-app/assets/images/micro_off_pressed.svg
deleted file mode 100644
index 37de1740a..000000000
--- a/linphone-app/assets/images/micro_off_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>micro_off_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="micro_off_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M15.680106,21.1588052 C15.680106,23.2272241 17.3725587,24.9049836 19.4593354,24.9049836 C21.5467466,24.9049836 23.2391993,23.2272241 23.2391993,21.1588052 L23.2391993,11.7474365 C23.2391993,9.67775946 21.5467466,8 19.4593354,8 C17.3725587,8 15.680106,9.67775946 15.680106,11.7474365 L15.680106,21.1588052 L15.680106,21.1588052 Z M26.6155393,16.5901033 L26.6155393,20.6788163 C26.6155393,24.5976774 23.4114583,27.7732791 19.4593354,27.7732791 M19.4593354,27.7732791 L19.4593354,32.1916307 L19.4593354,27.7732791 Z M17.2326577,32.6854594 L21.6869648,32.6854594 L17.2326577,32.6854594 Z M12.3034487,16.5901033 L12.3034487,20.6788163 C12.3034487,24.5976774 15.5075297,27.7732791 19.4596526,27.7732791 M10,29.8313182 L29.1397841,10.8541412 L10,29.8313182 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/micro_on_custom.svg b/linphone-app/assets/images/micro_on_custom.svg
new file mode 100644
index 000000000..ff42e7317
--- /dev/null
+++ b/linphone-app/assets/images/micro_on_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="micro_on_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.0416667"
+     inkscape:cx="-41.938144"
+     inkscape:cy="32.164948"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 32.83202,44.059409 c 0,3.949618 3.210845,7.154382 7.168931,7.154382 3.958083,0 7.168928,-3.204764 7.168928,-7.154382 V 26.083685 c 0,-3.953437 -3.212742,-7.156293 -7.168928,-7.156293 -3.959982,0 -7.168931,3.204767 -7.168931,7.156293 z m 20.740587,-8.726208 v 7.809469 c 0,7.484792 -6.078418,13.548639 -13.573556,13.548639 m 0,0 v 8.439726 z m -4.221702,9.381295 H 44.22455 Z M 26.427395,35.333201 v 7.809469 c 0,7.484792 6.078418,13.548639 13.573556,13.548639"
+     stroke="#000000"
+     stroke-width="2.85479"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/micro_on_hovered.svg b/linphone-app/assets/images/micro_on_hovered.svg
deleted file mode 100644
index 6375f2dc0..000000000
--- a/linphone-app/assets/images/micro_on_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>micro_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="micro_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M15.680106,21.1588052 C15.680106,23.2272241 17.3725587,24.9049836 19.4593354,24.9049836 C21.5467466,24.9049836 23.2391993,23.2272241 23.2391993,21.1588052 L23.2391993,11.7474365 C23.2391993,9.67775946 21.5467466,8 19.4593354,8 C17.3725587,8 15.680106,9.67775946 15.680106,11.7474365 L15.680106,21.1588052 L15.680106,21.1588052 Z M26.6155393,16.5901033 L26.6155393,20.6788163 C26.6155393,24.5976774 23.4114583,27.7732791 19.4593354,27.7732791 M19.4593354,27.7732791 L19.4593354,32.1916307 L19.4593354,27.7732791 Z M17.2326577,32.6854594 L21.6869648,32.6854594 L17.2326577,32.6854594 Z M12.3034487,16.5901033 L12.3034487,20.6788163 C12.3034487,24.5976774 15.5075297,27.7732791 19.4596526,27.7732791" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/micro_on_normal.svg b/linphone-app/assets/images/micro_on_normal.svg
deleted file mode 100644
index da770932a..000000000
--- a/linphone-app/assets/images/micro_on_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>micro_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="micro_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M15.680106,21.1588052 C15.680106,23.2272241 17.3725587,24.9049836 19.4593354,24.9049836 C21.5467466,24.9049836 23.2391993,23.2272241 23.2391993,21.1588052 L23.2391993,11.7474365 C23.2391993,9.67775946 21.5467466,8 19.4593354,8 C17.3725587,8 15.680106,9.67775946 15.680106,11.7474365 L15.680106,21.1588052 L15.680106,21.1588052 Z M26.6155393,16.5901033 L26.6155393,20.6788163 C26.6155393,24.5976774 23.4114583,27.7732791 19.4593354,27.7732791 M19.4593354,27.7732791 L19.4593354,32.1916307 L19.4593354,27.7732791 Z M17.2326577,32.6854594 L21.6869648,32.6854594 L17.2326577,32.6854594 Z M12.3034487,16.5901033 L12.3034487,20.6788163 C12.3034487,24.5976774 15.5075297,27.7732791 19.4596526,27.7732791" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/micro_on_pressed.svg b/linphone-app/assets/images/micro_on_pressed.svg
deleted file mode 100644
index f993523d8..000000000
--- a/linphone-app/assets/images/micro_on_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>micro_on_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="micro_on_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M15.680106,21.1588052 C15.680106,23.2272241 17.3725587,24.9049836 19.4593354,24.9049836 C21.5467466,24.9049836 23.2391993,23.2272241 23.2391993,21.1588052 L23.2391993,11.7474365 C23.2391993,9.67775946 21.5467466,8 19.4593354,8 C17.3725587,8 15.680106,9.67775946 15.680106,11.7474365 L15.680106,21.1588052 L15.680106,21.1588052 Z M26.6155393,16.5901033 L26.6155393,20.6788163 C26.6155393,24.5976774 23.4114583,27.7732791 19.4593354,27.7732791 M19.4593354,27.7732791 L19.4593354,32.1916307 L19.4593354,27.7732791 Z M17.2326577,32.6854594 L21.6869648,32.6854594 L17.2326577,32.6854594 Z M12.3034487,16.5901033 L12.3034487,20.6788163 C12.3034487,24.5976774 15.5075297,27.7732791 19.4596526,27.7732791" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/missed_incoming_call.svg b/linphone-app/assets/images/missed_incoming_call.svg
deleted file mode 100644
index 6020feb66..000000000
--- a/linphone-app/assets/images/missed_incoming_call.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="declined_incoming_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_lost</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="985"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="6.9532167"
-     inkscape:cx="1.925277"
-     inkscape:cy="3.533194"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_lost</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(3,3)">
-    <g
-       id="call_lost"
-       class="color-error-stroke"
-       style="stroke:#ff0000;stroke-width:2">
-      <path
-         d="M 12.985281,5.7440777 H -1.1568543"
-         id="Line"
-         transform="rotate(-45,6.266032,5.768485)"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 11,11 1,1"
-         id="path9"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/missed_incoming_call_custom.svg b/linphone-app/assets/images/missed_incoming_call_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/missed_incoming_call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/missed_outgoing_call.svg b/linphone-app/assets/images/missed_outgoing_call.svg
deleted file mode 100644
index 6020feb66..000000000
--- a/linphone-app/assets/images/missed_outgoing_call.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
-   version="1.1"
-   id="svg13"
-   sodipodi:docname="declined_incoming_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata17">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>call_lost</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="985"
-     id="namedview15"
-     showgrid="false"
-     inkscape:zoom="6.9532167"
-     inkscape:cx="1.925277"
-     inkscape:cy="3.533194"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg13" />
-  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">call_lost</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round"
-     transform="translate(3,3)">
-    <g
-       id="call_lost"
-       class="color-error-stroke"
-       style="stroke:#ff0000;stroke-width:2">
-      <path
-         d="M 12.985281,5.7440777 H -1.1568543"
-         id="Line"
-         transform="rotate(-45,6.266032,5.768485)"
-         inkscape:connector-curvature="0" />
-      <path
-         d="M 11,11 1,1"
-         id="path9"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/missed_outgoing_call_custom.svg b/linphone-app/assets/images/missed_outgoing_call_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/missed_outgoing_call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/new_call_custom.svg b/linphone-app/assets/images/new_call_custom.svg
new file mode 100644
index 000000000..e5c35b297
--- /dev/null
+++ b/linphone-app/assets/images/new_call_custom.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="new_call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="12.74685"
+     inkscape:cy="40.504009"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <g
+     stroke="#000000"
+     stroke-width="1.5"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     id="g6"
+     transform="matrix(2.0103952,0,0,2.0080156,9.923067,17.489985)">
+    <path
+       d="m 6.288,4.918 c -1.405,3.715 0.268,8.92 3.132,11.784 l 0.06,0.06 c 2.865,2.865 8.071,4.537 11.785,3.133 l 2.894,-3.736 -3.691,-3.691 -3.56,3.038 -6.232,-6.232 3.039,-3.56 -3.691,-3.69 z"
+       stroke-linejoin="round"
+       id="path2" />
+    <path
+       d="m 21,2 v 5.5 m 2.75,-2.75 h -5.5"
+       id="path4" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/new_call_hovered.svg b/linphone-app/assets/images/new_call_hovered.svg
deleted file mode 100644
index c624484cc..000000000
--- a/linphone-app/assets/images/new_call_hovered.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>new_call_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="new_call_clic">
-            <rect class="color-b-fill" fill="#D64D00" transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000) " x="0" y="0" width="40" height="40" rx="5"></rect>
-            <path d="M27.8611356,23.6266924 C26.2272911,20.0061559 21.3641023,17.5087474 17.3132709,17.5087474 L17.2289128,17.5087474 C13.1775336,17.5087474 8.31324924,20.0075093 6.68031774,23.6270791 L7.27611954,28.3148677 L12.4955478,28.3148677 L12.864934,23.6493135 L21.6774323,23.6493135 L22.0459055,28.3148677 L27.2653338,28.3148677 L27.8611356,23.6266924 L27.8611356,23.6266924 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(17.270727, 22.911808) rotate(-135.000000) translate(-17.270727, -22.911808) "></path>
-            <path d="M25,12 L25,17.5" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-            <path d="M27.75,14.75 L22.25,14.75" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/new_call_normal.svg b/linphone-app/assets/images/new_call_normal.svg
deleted file mode 100644
index a14c9ae93..000000000
--- a/linphone-app/assets/images/new_call_normal.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>new_call_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="new_call_default">
-            <rect id="add_call_default" class="color-i-fill" fill="#FE5E00" transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000) " x="0" y="0" width="40" height="40" rx="5"></rect>
-            <path d="M27.8611356,23.6266924 C26.2272911,20.0061559 21.3641023,17.5087474 17.3132709,17.5087474 L17.2289128,17.5087474 C13.1775336,17.5087474 8.31324924,20.0075093 6.68031774,23.6270791 L7.27611954,28.3148677 L12.4955478,28.3148677 L12.864934,23.6493135 L21.6774323,23.6493135 L22.0459055,28.3148677 L27.2653338,28.3148677 L27.8611356,23.6266924 L27.8611356,23.6266924 Z" id="add_call_default" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(17.270727, 22.911808) rotate(-135.000000) translate(-17.270727, -22.911808) "></path>
-            <path d="M25,12 L25,17.5" id="add_call_default" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-            <path d="M27.75,14.75 L22.25,14.75" id="add_call_default" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/new_call_pressed.svg b/linphone-app/assets/images/new_call_pressed.svg
deleted file mode 100644
index a14c9ae93..000000000
--- a/linphone-app/assets/images/new_call_pressed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>new_call_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="new_call_default">
-            <rect id="add_call_default" class="color-i-fill" fill="#FE5E00" transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000) " x="0" y="0" width="40" height="40" rx="5"></rect>
-            <path d="M27.8611356,23.6266924 C26.2272911,20.0061559 21.3641023,17.5087474 17.3132709,17.5087474 L17.2289128,17.5087474 C13.1775336,17.5087474 8.31324924,20.0075093 6.68031774,23.6270791 L7.27611954,28.3148677 L12.4955478,28.3148677 L12.864934,23.6493135 L21.6774323,23.6493135 L22.0459055,28.3148677 L27.2653338,28.3148677 L27.8611356,23.6266924 L27.8611356,23.6266924 Z" id="add_call_default" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="translate(17.270727, 22.911808) rotate(-135.000000) translate(-17.270727, -22.911808) "></path>
-            <path d="M25,12 L25,17.5" id="add_call_default" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-            <path d="M27.75,14.75 L22.25,14.75" id="add_call_default" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/new_chat_group_custom.svg b/linphone-app/assets/images/new_chat_group_custom.svg
new file mode 100644
index 000000000..62bcc5470
--- /dev/null
+++ b/linphone-app/assets/images/new_chat_group_custom.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="new_chat_group_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.7946032"
+     inkscape:cx="-16.207228"
+     inkscape:cy="-11.858947"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <g
+     fill="#000000"
+     fill-rule="nonzero"
+     id="g6"
+     transform="matrix(2.0514308,0,0,2.0691762,10.260285,20.25037)">
+    <path
+       d="m 24.53,7.065 c 0.546,0 1.073,-0.115 1.547,-0.331 a 0.604,0.604 0 0 1 0.08,-0.03 c 0.032,-0.01 0.112,-0.04 0.224,-0.095 0.194,-0.097 0.39,-0.225 0.572,-0.388 a 2.4,2.4 0 0 0 0.416,-0.487 c 0.232,-0.36 0.381,-0.7 0.464,-1.01 C 27.861,4.622 27.879,4.532 27.889,4.457 27.894,4.42 27.895,4.4 27.895,4.401 l 0.004,-0.05 c 0.009,-0.091 0.013,-0.183 0.013,-0.275 0,-1.635 -1.501,-2.988 -3.383,-2.988 -1.882,0 -3.383,1.353 -3.383,2.988 0,0.78 0.34,1.514 0.944,2.07 0.097,0.09 0.162,0.209 0.185,0.339 l 0.008,0.04 c 0.084,0.34 0.084,0.656 0.014,0.941 a 3.28,3.28 0 0 0 0.519,-0.403 l 0.015,-0.014 0.017,-0.017 0.057,-0.045 0.054,-0.034 0.455,-0.054 c 0.365,0.11 0.735,0.166 1.115,0.166 z m 0,1.208 c -0.381,0 -0.755,-0.042 -1.117,-0.124 A 4.444,4.444 0 0 1 22.952,8.481 C 22.178,8.967 21.317,9.192 20.41,8.991 19.8,8.854 19.773,7.996 20.372,7.821 A 1.635,1.635 0 0 0 20.789,7.607 C 21.057,7.414 21.176,7.201 21.126,6.895 20.369,6.132 19.937,5.137 19.937,4.076 c 0,-2.333 2.07,-4.197 4.592,-4.197 2.523,0 4.592,1.865 4.592,4.197 0,0.126 -0.006,0.252 -0.018,0.376 A 2.798,2.798 0 0 1 29,5.04 4.822,4.822 0 0 1 28.385,6.388 C 28.206,6.665 27.995,6.908 27.76,7.12 27.492,7.36 27.205,7.549 26.918,7.691 A 2.95,2.95 0 0 1 26.544,7.849 4.936,4.936 0 0 1 24.529,8.273 Z M 22.672,2.836 h 3.703 c 0.806,0 0.806,1.208 0,1.208 h -3.703 c -0.805,0 -0.805,-1.208 0,-1.208 z m 0,1.514 h 3.703 c 0.806,0 0.806,1.208 0,1.208 h -3.703 c -0.805,0 -0.805,-1.208 0,-1.208 z M 4.53,17.187 a 19.75,19.75 0 0 0 3.69,0.718 17.845,17.845 0 0 0 2.34,0.09 h 0.113 L 10.815,18 c 0.57,0.016 1.333,-0.005 2.232,-0.095 a 19.754,19.754 0 0 0 3.69,-0.718 c 0.183,-0.987 0.005,-2.103 -0.81,-3.17 -0.618,-0.81 -1.57,-1.528 -2.915,-2.12 a 0.604,0.604 0 0 1 -0.097,-0.053 l -0.147,-0.1 a 0.604,0.604 0 0 1 -0.06,-0.953 2.25,2.25 0 0 1 0.099,-0.113 2.975,2.975 0 0 0 0.794,-2.03 c 0,-1.641 -1.315,-2.969 -2.934,-2.969 H 10.6 c -1.618,0 -2.933,1.328 -2.933,2.968 0,0.766 0.287,1.484 0.794,2.032 0.043,0.046 0.05,0.055 0.088,0.103 a 0.606,0.606 0 0 1 -0.05,0.962 l -0.148,0.1 A 0.604,0.604 0 0 1 8.255,11.898 C 6.911,12.488 5.959,13.206 5.34,14.017 4.526,15.084 4.348,16.2 4.53,17.187 Z m 6.079,2.016 A 19.029,19.029 0 0 1 8.099,19.107 20.76,20.76 0 0 1 3.84,18.239 0.604,0.604 0 0 1 3.454,17.861 3.09,3.09 0 0 1 3.353,17.466 C 3.095,16.155 3.318,14.675 4.379,13.284 5.033,12.427 5.969,11.675 7.212,11.052 A 4.186,4.186 0 0 1 6.458,8.647 c 0,-2.305 1.853,-4.176 4.141,-4.176 h 0.068 c 2.29,0 4.142,1.87 4.142,4.176 0,0.876 -0.269,1.71 -0.755,2.405 1.244,0.623 2.18,1.375 2.834,2.232 1.061,1.39 1.284,2.87 1.026,4.182 a 3.09,3.09 0 0 1 -0.101,0.395 0.604,0.604 0 0 1 -0.387,0.378 20.764,20.764 0 0 1 -4.259,0.868 19.028,19.028 0 0 1 -2.51,0.096 z"
+       id="path2" />
+    <path
+       d="m 14.751,8.647 c 0,0.876 -0.268,1.71 -0.754,2.405 1.862,0.933 3.02,2.14 3.573,3.523 1.058,-0.081 2.16,-0.266 3.243,-0.585 0.12,-0.745 -0.028,-1.58 -0.64,-2.383 C 19.689,10.973 18.94,10.408 17.877,9.941 A 0.604,0.604 0 0 1 17.78,9.887 l -0.119,-0.08 a 0.604,0.604 0 0 1 -0.06,-0.953 c 0.027,-0.033 0.038,-0.045 0.072,-0.082 0.387,-0.418 0.606,-0.966 0.606,-1.551 0,-1.254 -1.004,-2.267 -2.239,-2.267 h -0.054 c -0.866,0 -1.637,0.502 -2.008,1.263 0.498,0.7 0.773,1.545 0.773,2.43 z m 2.835,0.228 V 8.874 Z m -4.146,1.915 -0.243,0.553 0.34,-0.499 -0.045,-0.03 A 12.965,12.965 0 0 0 13.44,10.79 Z m -0.69,-0.113 a 2.975,2.975 0 0 0 0.793,-2.03 c 0,-0.724 -0.256,-1.406 -0.714,-1.942 A 0.604,0.604 0 0 1 12.714,6.123 3.45,3.45 0 0 1 15.986,3.745 h 0.054 c 1.906,0 3.447,1.557 3.447,3.475 0,0.68 -0.195,1.332 -0.552,1.887 0.956,0.497 1.683,1.09 2.198,1.766 0.876,1.148 1.06,2.372 0.847,3.456 -0.03,0.15 -0.06,0.262 -0.086,0.334 a 0.604,0.604 0 0 1 -0.386,0.377 c -1.452,0.465 -2.931,0.7 -4.327,0.769 a 0.604,0.604 0 0 1 -0.608,-0.43 c -0.406,-1.36 -1.525,-2.562 -3.619,-3.482 a 0.604,0.604 0 0 1 -0.097,-0.054 l -0.147,-0.1 a 0.604,0.604 0 0 1 -0.06,-0.953 2.25,2.25 0 0 1 0.1,-0.113 z M 7.212,11.052 A 4.186,4.186 0 0 1 6.458,8.647 C 6.458,7.538 6.89,6.5 7.635,5.73 A 2.224,2.224 0 0 0 5.948,4.954 H 5.893 c -1.234,0 -2.238,1.014 -2.238,2.267 0,0.585 0.219,1.133 0.607,1.552 0.034,0.037 0.043,0.047 0.07,0.08 A 0.604,0.604 0 0 1 4.272,9.807 L 4.153,9.887 A 0.604,0.604 0 0 1 4.057,9.941 c -1.063,0.467 -1.812,1.032 -2.296,1.666 -0.612,0.803 -0.76,1.638 -0.64,2.383 0.838,0.246 1.695,0.414 2.546,0.516 0.565,-1.355 1.715,-2.538 3.545,-3.454 z M 4.348,8.875 Z m 3.324,1.97 0.34,0.5 -0.244,-0.554 -0.05,0.023 -0.046,0.03 z m 0.826,0.899 -0.148,0.1 a 0.604,0.604 0 0 1 -0.096,0.054 c -2.07,0.91 -3.187,2.096 -3.604,3.437 A 0.604,0.604 0 0 1 4.017,15.758 16.85,16.85 0 0 1 0.426,15.041 0.604,0.604 0 0 1 0.04,14.664 2.596,2.596 0 0 1 -0.046,14.33 C -0.259,13.246 -0.076,12.022 0.8,10.874 1.316,10.2 2.043,9.604 3,9.108 A 3.484,3.484 0 0 1 2.448,7.221 c 0,-1.918 1.542,-3.475 3.446,-3.475 h 0.055 c 1.265,0 2.41,0.693 3.013,1.785 A 0.604,0.604 0 0 1 8.806,6.299 2.974,2.974 0 0 0 7.667,8.647 c 0,0.766 0.287,1.484 0.794,2.032 0.043,0.046 0.05,0.055 0.088,0.103 a 0.606,0.606 0 0 1 -0.05,0.962 z"
+       id="path4" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/new_chat_group_disabled.svg b/linphone-app/assets/images/new_chat_group_disabled.svg
deleted file mode 100644
index 336a8a101..000000000
--- a/linphone-app/assets/images/new_chat_group_disabled.svg
+++ /dev/null
@@ -1,116 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="80"
-   height="80"
-   viewBox="0 0 80 80"
-   sodipodi:docname="new_chat_group_disabled.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.9125"
-     inkscape:cx="22.130584"
-     inkscape:cy="40"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="80"
-       height="80"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAERlWElmTU0A
-KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAUKADAAQAAAAB
-AAAAUAAAAAAx4ExPAAAOc0lEQVR4Ae1dB1hUxxb+d5eqoiACgo0mImrESnyixF4S29PEJE/sPhNj
-iTEWfNFYEp/dqDFNjLFEo08TfZaIsb1Eo0ZNolJUio2OoBRpwu47M5e9LOxlF3aXGMzO9+3eueec
-mTnz78ycM+cOFxkkkmoR5LiHhlDRpwj2JGJDH4WE6LNMKqbO5cMCjyBDMpoiWbYIyvIdlpUnqEbB
-laDyI9Fa5Xl/6Xs5clGMSNlOJGniIAKoUhHO49GSRpyXpoA5Xw4BC8TiS0TJZDQ/KclFthk8EQqd
-GTbAGFYliQPIp6155Kkx0X8lrDhmJCnjBuM2epjXPP24lZFga6IHTgvW1mwwymBTqRuGGXkqcu6q
-VKqEWUgLAXLz5CV+nhbPTKgEAuQjMyPCnGRzMgwBGwbgX22HYRhU0qUUpX6gtICZqgcBM4B6ANLH
-NgOoDyE9fDOAegDSxzYDqA8hPXwzgHoA0sc2A6gPIT18M4B6ANLHttAn8EzyW/a0R+M2DrCwlCMx
-/CGuHsswtJ9/HQDbDWmA4YuGwMUnANa1GpYB7El+BtLiLuHouoP4MTS+DE/PjUwVjEF6ZGo2W24t
-Q8gPr8AncCRkMn0DRol7147g3z234nF6UWU6/mwDyMBbdWMunNz/VgKGEqlxZxF38RLio5KhLKaA
-VHMneAa0QyPfHgSwJZfLSo3Ewg4LkRFfqA/EZxvAJVfGw739UA5Cdno0jqz4FEdXxUiC8rfRbnh1
-+WTYu7bj/LTbZzHLc6WkrAbx2bXCfWZ4EHjC8pT7KBYhfnMrBI8B8vP2RExv8j4eJlzh+Dh5BGLU
-xg4aWElmn90RuDxqGtx8+6C4KBefB7+NW+czMGheW1hYS6+DqmIlwtZfh2UtBRacWQ9L2wZ4lPQb
-pru9L4lcCVG6Ml0lagrP2TOAq5p04wwufJOM9Qnvw8FN94jqPOI23nCYgZiLR9DyhTE0nZ+Dk7cN
-0mLyK+p29QLI/K2gif6keAMU5uYj+VYCDiy9XlkLp6W0m58tgia0gJtfYxpJ1ki/m4ywdb/j/rXH
-ZWRdWtjCwqoup8VH3ODXzJR4vQBmp9/jsrHnbxCALKtAq57OOBMj0Dmz7Ff1AGjvaol3DgfTGjSY
-mitdZ9sOAHq+8RBRZ/Zhdf9DZVWhwLi9syVNmydl6XTH6ntrz1B4dxkGhUWdMvzA0U9w48zXWDnw
-OygL+GkB1HW2EmUK84T6VvffhtfW3CIfUPoRRtGTJ9gTcp6Xy0rPE8vXcbIV8xIZ0wPIHNY3ti+G
-bd0mYntKZQHkcuYiyGFp7YDn+k3CmjhfHF6+G72mDICzdwfqmDP304qLHiM7LZqm0VlsmXgKllYy
-LLnynmgdWaVKJXMvZLxOVq9fz7HYGB+AD4MWITEyD7G/ZJHME853bd6YFaE6QlC/cSeer+irdd9Y
-TKk/E56dm4kity+minmJjIkBpFE07tMZInjJt04j7KP9+N+2eDg2sUbvN33RfdwE4jeFk0c3jPu8
-K+lUOkKZggqL2gSWPzoO9UfrPsORl5ksgpcRf4kW+l0I2xgHa1s5ekzyQL+3g2lqtoNdg5aYum8C
-5vt9zEdiZvJ1ordHE/8eBNx3yHmYSlcJCDRIeZkp/K5lUG9+zc+JR8SJhxoSWlnTWuHp3/Wljk/l
-rUSc3oYVPfdrtejRsQ4WXdwOmVz48djoTI07j5ToW3ydrOfqhMZ+Aahl71lSlk1LGRJvnMC81htA
-R6S00rLwKWjcqj+nH1n9HvbMvoaJW7ui+9i5nBYfcQzzW3+CFkH2sLaTHjTKQiXCj2dgXGgX9JgQ
-wstFnvwSy3sf0GpPgyBdmYZAlbK+QUIncjKisWrAt5JlZ4ctFsErKszE5olzcH5HmSNjNAx3Y9ah
-l9C2/3jCTtDx511hkuCxRtYM2oIVEZ1gZeuIzsP7cwBDJ56D/8BIWg/9OLijNl7Azmm/SuqkJo7a
-2B5BY2fy24LcVHwWfETNquhadvpUJFUZuq29AnUchKNxSVGXxAVds+yo9e1Rp743JxU/ycGMJuO1
-wWNcGmVrBh5GBBkHdXpx1jR1VuuafrsAGfevcnpdlxYCn+rY9NpyFBU+4vdt+gbCopYc3cY3Quu+
-9cU66jezwvjNAVhzJwR9py6CXGFDW7x87F+4TNKgiQWFjOlGoIsPO5ApnDdMv1duRJW0GjhmTImM
-CgeXL0V2qrbFLRHlF7YEbM4ZAOvazrCt1xRdgl2lASfpzJQkNPQBuS+1xSoSwnPIkS4kGmBr54h1
-cUtQz+U5zlcW5xFQjFeX7sVzkmAj79jatTi2Jk6sR0fGdCPwzi/ZpJBg/h09Gkm2qbbMBY9TcGBh
-lKRMeeIve0JFUr/pfcR8+Uw9V6HNgseC1ew70xPLrn/ArTuTZXtcNXjsXq5gvmI9ygngPclLI+u9
-F++1n4b9CyKZSGWS6UYgay0nPY7WnFa05gSituPeMg5zbUcLclOEUxCZKdGVUY7LHF13jaadIG7f
-0F2ynHtnOzg1a895WSmxcPSwxuurV5W4TppFlIi7chBpsXcJ0AaQKRTISk2n6EwcDrMgg4SB0iwt
-kTctgL8fPUSWrxVNl8aYdXgklnQpXcNcfUuneFFhgYQu0qSEqFyo2AFkOlRracPq0E5Tvv4nFJZs
-KgKnvjiE9HsFyH5wE/WcW3OasjgXqbcv4dj6/Tj18R1OM9GX6QBkC7STh5uol1fAcNjaf4O8R8LP
-GnMui4BQEhBy2Lt4iHL6Mi9MaMrBY3LZD+K1xDuOcEFD7yBOV6no7GgA1V0ch2ku82nLZ0szwQrR
-P2caMrq02pIgmGYN7D3dHRvi16Bl0Gixjds0VdTgqYksMsKSTV09Hq26AF17Tu4t3iVECftakUCZ
-y/tSwGJ3LLGIc8DLM7AhcTHaD3Piu5Lon6oNPNak8QAOXtACo9YuF12Y7PRb+HbxXCzqtI01UCYl
-R//E7+UKa7Bwk77kRWube7uXuBjbmoWOPy1ZhAU+T362FPk5CZzPDMZbu1aiy+uukvImJBoH4IB3
-vTBs4WKyaLVoehbh0v4NeMvlXRxYJG1hl3TdzOVYB1xb9MaLIc119mXO8Q9oWFlwmcTwMK0RrVl4
-25uXyK+cips/7eRkSxtHTAz9kI9ETTkT5w0HkDnOQxe8Q3vXWnxzf+KTZdg44oTOteZfp4NJf6FN
-ZhR6Tx5RYX+YJbWt5y7yG3h1QOA43VOfLRkfdt+LX/+7icqpeFB0zMfC1lKsyLQZwwGcsnuAGDS4
-+M0G7Jh6uULVhiz2xdbCnWjmP4wbESbIfMYd00MrLMN2F6lxbMqzvTCtm7VdMWnLJqy8OUPvmdCP
-hoTRSNzFy7FAQ/Am3VEYLmjYl+EANn++F28y+0EkPv3HjxU2P/v7lzB84QrRzVBRKCrm4j6MtR5J
-IyWtwnKM8a7Xauye/Q5FZO7RneDKNPTphc1ZX1BkpTTmJ1XJ2sH7+K6C8fwHCrpKyRlJMwxA7651
-KVrixdu+efZUhTrMO/l3tOk/ifjM21fRY8LLmOz4KpY8v13nVNes8PvVsZhsPxVnQpfxrRfjsQfj
-q2I2k4sirI+a8uo8m84J4cIP69iknZps6qthADbv4iQqEnfpjpjXzEz6KpACneq9rxLXj2/G202W
-IP9RkaZYpfNfTrqIpd3G0agSRi0LzK67s1Fn+aRbdzifbdvc25XukXUWqhrTMACZAVAnGe0Syicr
-OwUCg2mtKhl5F/aux6p+h8uLVfk+9nw2pjachCI6isGSTZ1GWHh+lI56SnWTKUp11lGgqizDAqqt
-ejtg7g+Cn8dCP2wP/Cgxmp72x1IENxqDQ16Bi3cPrkzyrZOY02J9VRXTKc/an3N8C3ecVcoizPR8
-FUV5SrTq5wTvgEbw7OSLBu5+FKX2of2wFXkJBRireFlnnQYyDQOQNbYpbQUPo+tqmCtuRYpXfZOu
-q1rOW/L7JLi3HcTzSnqOIid3Shjx2kVTYk5jdvN12gzjKYYDyPzAQXN84RPUlvaibWDn5EMjwrKM
-SolRxzGPnlFUR2KB0I/u7KGqFVrVF1GwNjM5Ekk3wxF5MtzQSItWvRKEiq2YhHAZErNye+dHEI19
-wC2i/yAX9HqzF7w7Cw7yjulfc151fGXcLaQjaRfg5NmVgqbZ+PXgVopKP8Cdq2k4tyOhWka9RD8M
-B7B8Zew42LmvEtD1dSGEzvauEacflhcz6X1SdBQHkIXhN4488UeBptkHw6ywZg3l88V0xoQlTUtd
-XsZU9/KSv7Ri8cLqWGcroafpAcxMFkYdCy0tvjCaTgP48/MllVCm0iIsyjJ9fx80a9eNl2EnTJ9S
-Mt0UVncgPCyWotLM/5LBo+MI/uk/sxg5GbF04uAuLe6JFB1OxP3rKUiOzkJCRDYeJhYKT/FK7IEt
-+ZHsIZVrizpo0rI+XFu6waFxIzJUbhSM9aHIdOlTNdZuVkqMuvk/+mq4FdalqbAL6U7PHVprnWXR
-Va6qvNzMu3hw+yr+E/KtMQfFq9qspnz1AKhugR2xHTjTC636toWzuydqOzSCjZ0bf/aqlqncVYXC
-vAzkZcUjMzUB969G0LOPa+DR5spVUF1S1QugpNY0Tdv0c4RXZ2fYN7RD7fp2dOCIntjJhfWYGQQl
-GaL87Fya8jlIu/sIvx1KAgtv/QnTUwDwT4iCESqZ3goboUxNLGoG0MhfzQygGUAjETCyuHkEmgE0
-EgEji5tHoBlAIxEwsrh5BJoBNBIBI4uzEVgNT3yM1KrmFC9mAFb4h3Q1px9PTdN8OX9P8lNrv4Y3
-TO+YllPcOLmGd+PpqU/YydkbuunEnnD09umpUvNaZpixt5szzfkrfWXoWPN68RQ1VuEye6s59wP5
-683ZG7rNqXIIEFbqV8KXOtL0enMyKGYQ9UFY8ip4tZjWkS8+nc3/jECNT+lV3z8jKJWkNZH+ZtH8
-7zD4BkPvv8P4P53dhYgK2yGvAAAAAElFTkSuQmCC
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/new_chat_group_hovered.svg b/linphone-app/assets/images/new_chat_group_hovered.svg
deleted file mode 100644
index 578548f11..000000000
--- a/linphone-app/assets/images/new_chat_group_hovered.svg
+++ /dev/null
@@ -1,93 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg21"
-   sodipodi:docname="new_chat_group_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview23"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg21" />
-  <defs
-     id="defs5">
-    <filter
-       id="inzgn8a8ga"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g19">
-    <g
-       id="g17">
-      <path
-         fill="#4B5964"
-         d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-         transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-         id="path7" />
-      <g
-         filter="url(#inzgn8a8ga)"
-         id="g15">
-        <g
-           fill="#444"
-           fill-rule="nonzero"
-           id="g13">
-          <path
-             d="M24.656 7.186c.547 0 1.074-.115 1.548-.331.026-.012.052-.022.08-.03.032-.01.112-.04.224-.095.194-.097.39-.225.572-.389.158-.141.298-.303.416-.486.232-.36.381-.7.464-1.01.028-.102.046-.192.056-.267l.006-.056.003-.05c.01-.091.014-.183.014-.275 0-1.636-1.501-2.989-3.383-2.989-1.882 0-3.383 1.353-3.383 2.99 0 .779.34 1.513.944 2.07.097.089.162.207.185.337l.008.04c.084.342.084.656.014.942.156-.098.285-.195.397-.291.038-.033.07-.063.099-.09l.023-.022.015-.015.017-.016c.01-.01.01-.01.057-.045l.054-.034.455-.054c.365.11.735.166 1.115.166zm0 1.208c-.38 0-.754-.042-1.116-.125-.138.115-.292.227-.461.333-.774.486-1.635.711-2.542.509-.61-.136-.637-.995-.038-1.17.015-.004.057-.019.116-.045.104-.045.207-.101.3-.169.27-.192.388-.405.338-.71-.757-.764-1.189-1.76-1.189-2.82 0-2.333 2.07-4.197 4.592-4.197 2.523 0 4.592 1.864 4.592 4.197 0 .126-.006.251-.018.376-.006.136-.035.336-.103.588-.115.426-.314.881-.615 1.348-.179.277-.39.52-.625.732-.268.24-.555.428-.842.571-.152.076-.28.127-.374.158-.623.278-1.308.424-2.015.424zM22.8 2.957h3.703c.806 0 .806 1.208 0 1.208H22.8c-.805 0-.805-1.208 0-1.208zm0 1.514h3.703c.806 0 .806 1.208 0 1.208H22.8c-.805 0-.805-1.208 0-1.208zM4.657 17.308c1.211.363 2.457.594 3.69.718.898.09 1.662.11 2.231.095l.11-.005h.112l.142.005c.57.016 1.333-.006 2.232-.095 1.232-.124 2.478-.355 3.69-.718.182-.987.005-2.103-.81-3.17-.618-.811-1.57-1.529-2.915-2.12-.034-.015-.066-.033-.097-.053l-.147-.1c-.326-.223-.356-.692-.06-.953.046-.055.056-.067.099-.113.507-.547.794-1.265.794-2.03 0-1.642-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.968 0 .766.287 1.484.794 2.032.043.046.05.054.088.103.307.269.278.74-.05.962l-.148.1c-.03.02-.062.039-.096.053-1.344.591-2.296 1.309-2.915 2.12-.814 1.067-.992 2.183-.81 3.17zm6.079 2.016l-.123.004c-.618.018-1.434-.005-2.387-.1-1.42-.142-2.86-.42-4.259-.869-.18-.058-.324-.197-.386-.377-.029-.082-.066-.216-.101-.396-.258-1.31-.035-2.79 1.026-4.181.653-.858 1.59-1.609 2.833-2.232-.486-.695-.754-1.53-.754-2.405 0-2.305 1.852-4.176 4.141-4.176h.068c2.29 0 4.142 1.87 4.142 4.176 0 .876-.269 1.71-.755 2.405 1.244.623 2.18 1.374 2.834 2.232 1.061 1.39 1.284 2.87 1.026 4.181-.036.18-.073.314-.101.396-.063.18-.206.32-.387.377-1.399.448-2.838.727-4.259.869-.953.095-1.768.118-2.387.1l-.122-.004h-.05z"
-             transform="translate(6.873063, 9.879167)"
-             id="path9" />
-          <path
-             d="M14.878 8.768c0 .876-.268 1.71-.755 2.405 1.863.932 3.02 2.14 3.574 3.523 1.058-.081 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.635-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.953.027-.033.038-.046.072-.082.387-.418.606-.966.606-1.552 0-1.253-1.004-2.266-2.239-2.266h-.054c-.866 0-1.637.502-2.008 1.262.498.701.773 1.546.773 2.431zm2.835.227zm-4.146 1.917l-.243.553.34-.5-.045-.03-.052-.023zm-.69-.113c.506-.547.793-1.265.793-2.03 0-.725-.256-1.406-.714-1.942-.138-.16-.181-.381-.115-.582.464-1.408 1.775-2.378 3.272-2.378h.054c1.905 0 3.447 1.557 3.447 3.474 0 .682-.195 1.333-.552 1.888.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.333-.062.18-.205.32-.386.378-1.452.465-2.931.7-4.327.769-.278.013-.529-.164-.609-.431-.405-1.36-1.524-2.561-3.618-3.482-.034-.015-.066-.033-.097-.053l-.147-.1c-.326-.223-.355-.692-.06-.953.046-.055.056-.067.1-.113zM7.34 11.173c-.487-.695-.755-1.53-.755-2.405 0-1.11.432-2.147 1.177-2.917-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.013-2.238 2.266 0 .586.219 1.134.607 1.552.034.037.043.047.07.081.296.26.267.732-.06.954l-.12.08c-.03.021-.062.04-.095.054-1.063.467-1.812 1.031-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.246 1.695.414 2.546.516.565-1.355 1.715-2.538 3.545-3.454zM4.474 8.996v-.001zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.899l-.148.1c-.03.02-.062.039-.096.053-2.07.91-3.187 2.097-3.604 3.438-.085.273-.349.449-.633.423-1.193-.11-2.409-.339-3.591-.717-.181-.058-.324-.198-.387-.378-.024-.07-.056-.184-.085-.334-.214-1.083-.03-2.307.846-3.455.516-.676 1.243-1.27 2.199-1.766-.357-.555-.552-1.206-.552-1.888 0-1.917 1.541-3.474 3.446-3.474h.055c1.265 0 2.409.693 3.013 1.785.143.26.077.585-.156.768-.714.56-1.14 1.417-1.14 2.348 0 .766.288 1.484.795 2.032.043.046.05.054.088.103.307.269.278.74-.05.962z"
-             transform="translate(6.873063, 9.879167)"
-             id="path11" />
-        </g>
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 16.517755,29.177847 c -1.742172,-0.05702 -3.562423,-0.349463 -5.282977,-0.84876 -0.617676,-0.179246 -0.718323,-0.275 -0.841605,-0.800682 -0.06349,-0.270704 -0.0839,-0.541807 -0.0839,-1.114402 V 25.65733 L 9.6678121,25.551643 C 8.8808501,25.421985 7.6782755,25.119886 7.3997709,24.981889 7.1338148,24.850109 7.0153048,24.620168 6.9400281,24.089864 6.6782829,22.24594 7.7050138,20.457029 9.6792669,19.317186 c 0.1827033,-0.105484 0.3321881,-0.202672 0.3321881,-0.215974 0,-0.0133 -0.051764,-0.112512 -0.1150309,-0.220469 C 9.6127674,18.39672 9.4261313,17.537006 9.4796654,16.961 c 0.1766349,-1.900522 1.7567216,-3.28644 3.6237396,-3.178437 0.821236,0.04751 1.565958,0.36182 2.150323,0.907553 l 0.335912,0.313704 0.379419,-0.164423 c 0.904146,-0.391816 1.996426,-0.446092 2.931285,-0.145658 0.343684,0.11045 0.765414,0.313589 1.035311,0.498692 l 0.187661,0.128702 0.224711,-0.281924 c 0.421979,-0.529418 1.124912,-0.986213 1.782557,-1.158378 0.913299,-0.239093 1.968791,-0.07144 2.746545,0.436268 0.344428,0.224838 0.834894,0.720203 1.048542,1.059016 0.645546,1.023742 0.704597,2.349477 0.151873,3.409681 -0.07883,0.151203 -0.149288,0.287211 -0.156579,0.302239 -0.0073,0.01503 0.1472,0.120659 0.343314,0.234734 1.168737,0.679831 2.095331,1.684398 2.484516,2.693588 0.2191,0.568146 0.292947,1.034066 0.264542,1.669062 -0.02903,0.648943 -0.111195,0.990176 -0.281134,1.167556 -0.235681,0.245996 -1.835101,0.642687 -3.360369,0.833444 l -0.424272,0.05306 0.02782,0.486503 c 0.04852,0.848484 -0.139423,1.729631 -0.406194,1.904426 -0.346214,0.226848 -2.549505,0.733755 -3.881901,0.893103 -1.078058,0.128929 -2.893104,0.196113 -4.16953,0.154335 z m 2.980532,-1.207138 c 1.270238,-0.09815 2.443538,-0.286873 3.555777,-0.571936 0.347892,-0.08916 0.653563,-0.183243 0.679268,-0.209065 0.0278,-0.02793 0.04674,-0.339145 0.04674,-0.768169 0,-0.575296 -0.01448,-0.743974 -0.07158,-0.833692 -0.03937,-0.06186 -0.127976,-0.269217 -0.196907,-0.460792 -0.444245,-1.234659 -1.519198,-2.271189 -3.206135,-3.091535 -0.556801,-0.270769 -0.743651,-0.420882 -0.806298,-0.647769 -0.06223,-0.225375 0.0019,-0.377739 0.316624,-0.752523 0.501087,-0.596669 0.732699,-1.22474 0.732699,-1.986889 0,-0.711476 -0.169888,-1.220929 -0.620259,-1.860007 -0.4856,-0.689069 -1.169755,-1.053625 -2.104618,-1.121457 -1.340168,-0.09724 -2.57947,0.740518 -3.022632,2.043275 -0.116565,0.342666 -0.132147,0.453054 -0.132429,0.938189 -2.75e-4,0.481556 0.01536,0.595288 0.12599,0.91594 0.14659,0.424891 0.360359,0.794637 0.640389,1.107649 0.24953,0.278921 0.303917,0.382409 0.303917,0.578307 0,0.300246 -0.150067,0.436783 -0.918813,0.835973 -0.949354,0.492975 -1.486101,0.867411 -2.036514,1.420679 -0.751836,0.755736 -1.190774,1.605583 -1.310186,2.53671 -0.05029,0.392121 -0.02702,1.025378 0.04175,1.136155 0.09156,0.147497 2.56409,0.641733 3.71975,0.743545 0.315006,0.02775 0.644903,0.05719 0.733105,0.06541 0.404972,0.03776 2.978514,0.02464 3.53036,-0.018 z m 6.504004,-3.552544 c 0.365407,-0.06116 0.924974,-0.175568 1.243482,-0.254246 l 0.579107,-0.143051 0.02749,-0.166219 C 27.972236,23.129911 27.658906,22.1528 27.083912,21.458233 26.660436,20.946693 25.975438,20.442047 25.191795,20.064287 24.682392,19.818726 24.5069,19.6781 24.449236,19.469257 c -0.0617,-0.223473 -0.0019,-0.383878 0.260767,-0.699515 0.636222,-0.764498 0.762693,-1.701087 0.346538,-2.566308 -0.502119,-1.04395 -1.726938,-1.527768 -2.857682,-1.128818 -0.398684,0.140664 -0.867266,0.516918 -1.103256,0.885875 l -0.127124,0.19875 0.163668,0.255853 c 0.859217,1.343174 0.86108,3.032285 0.0049,4.473838 -0.05838,0.09831 -0.08549,0.185949 -0.06024,0.194762 0.139337,0.04863 1.111358,0.655065 1.423055,0.88783 0.809325,0.604378 1.576815,1.498178 1.93411,2.252417 l 0.170806,0.360568 0.366552,-0.02757 c 0.201604,-0.01517 0.665521,-0.07761 1.030928,-0.13877 z m -15.17959,-0.19394 c 0.265312,-0.55403 0.613245,-1.024879 1.157728,-1.566722 0.566907,-0.564158 1.01498,-0.905531 1.673637,-1.275092 0.62985,-0.353399 0.599065,-0.308277 0.411037,-0.60246 -0.21024,-0.328934 -0.407889,-0.848395 -0.50482,-1.326769 -0.104641,-0.516427 -0.07209,-1.434693 0.06832,-1.927409 0.137353,-0.481978 0.461729,-1.112666 0.762129,-1.481815 0.140282,-0.172387 0.245113,-0.33935 0.232956,-0.37103 -0.04177,-0.108839 -0.581033,-0.477668 -0.843941,-0.577207 -1.242275,-0.470337 -2.582955,0.138839 -3.018037,1.371332 -0.131602,0.3728 -0.147816,1.000866 -0.03569,1.382592 0.101285,0.344828 0.306209,0.711944 0.545077,0.97649 0.230036,0.254764 0.282279,0.417535 0.207113,0.645288 -0.07025,0.212863 -0.244725,0.350714 -0.786867,0.621696 -1.0820556,0.540849 -1.7170263,1.083685 -2.2012095,1.881809 -0.3057974,0.504075 -0.4750842,1.228934 -0.4176479,1.788301 l 0.026499,0.258075 0.5782281,0.142624 c 0.4911105,0.121135 0.7862301,0.177285 1.7924323,0.341034 0.063,0.01025 0.135166,0.02029 0.160366,0.0223 0.0252,0.002 0.111911,-0.134354 0.19269,-0.303039 z"
-     id="path51" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 27.527906,18.989715 c -0.264205,-0.05219 -0.369883,-0.116175 -0.474058,-0.287026 -0.201486,-0.330443 -0.07575,-0.667754 0.314818,-0.844585 0.556427,-0.251923 0.787119,-0.496013 0.787119,-0.832833 0,-0.102208 -0.05066,-0.198279 -0.177556,-0.336718 -0.238042,-0.259697 -0.564517,-0.772782 -0.706414,-1.110196 -0.222949,-0.530143 -0.279377,-0.828921 -0.281219,-1.48901 -0.002,-0.733448 0.06859,-1.058586 0.363345,-1.672394 0.626448,-1.304554 1.88562,-2.206189 3.425602,-2.4529176 0.539255,-0.086397 1.509649,-0.03411 2.026872,0.1092126 1.483459,0.411066 2.641988,1.464842 3.093344,2.813647 0.126019,0.376587 0.152962,0.534109 0.172203,1.006766 0.03115,0.765078 -0.07983,1.289728 -0.414524,1.959718 -0.336852,0.67431 -0.77484,1.183786 -1.342243,1.561323 -1.038705,0.691131 -2.536472,0.994612 -3.688916,0.747457 -0.210653,-0.04518 -0.222146,-0.04177 -0.456278,0.135441 -0.751319,0.568652 -1.832861,0.851969 -2.642095,0.692115 z m 1.912071,-1.587087 c 0.06231,-0.04253 0.201752,-0.154112 0.309875,-0.247961 0.256635,-0.222755 0.510827,-0.261992 0.996819,-0.153869 0.271369,0.06038 0.490477,0.07337 0.954006,0.0566 0.521386,-0.01887 0.659457,-0.04132 1.034087,-0.168147 0.668794,-0.226415 1.010874,-0.427093 1.366863,-0.801856 0.349988,-0.368447 0.636685,-0.897562 0.761464,-1.405328 0.25034,-1.018704 -0.192051,-2.19232 -1.0772,-2.857698 -0.631794,-0.474929 -1.268552,-0.702581 -2.079133,-0.743325 -1.414353,-0.07109 -2.738308,0.647315 -3.290077,1.785274 -0.212556,0.438371 -0.282062,0.749507 -0.278335,1.245939 0.0053,0.710554 0.252971,1.31669 0.774514,1.895761 0.196294,0.217946 0.310106,0.389133 0.345093,0.519065 0.05519,0.204977 0.06951,0.82759 0.02084,0.906343 -0.04366,0.07064 0.03444,0.05572 0.161188,-0.0308 z"
-     id="path103" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 29.512912,15.508159 c -0.49193,-0.14729 -0.560004,-0.852438 -0.103219,-1.069197 0.137886,-0.06543 0.400194,-0.0747 2.113789,-0.0747 2.235432,0 2.210772,-0.0037 2.367773,0.351267 0.150765,0.340831 -0.01604,0.691362 -0.378461,0.795303 -0.192992,0.05535 -3.814178,0.05293 -3.999882,-0.0027 z"
-     id="path142" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 29.512912,13.996132 c -0.49193,-0.14729 -0.560004,-0.852439 -0.103219,-1.069197 0.137874,-0.06543 0.399963,-0.0747 2.110731,-0.0747 2.23954,0 2.213806,-0.0037 2.366539,0.341564 0.07597,0.171738 0.08357,0.237211 0.04444,0.382538 -0.05662,0.210256 -0.206658,0.36168 -0.41861,0.422467 -0.192992,0.05535 -3.814178,0.05293 -3.999882,-0.0027 z"
-     id="path181" />
-</svg>
diff --git a/linphone-app/assets/images/new_chat_group_normal.svg b/linphone-app/assets/images/new_chat_group_normal.svg
deleted file mode 100644
index 33edd0b0d..000000000
--- a/linphone-app/assets/images/new_chat_group_normal.svg
+++ /dev/null
@@ -1,93 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg21"
-   sodipodi:docname="new_chat_group_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview23"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.862543"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg21" />
-  <defs
-     id="defs5">
-    <filter
-       id="mqanwmw2ka"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g19">
-    <g
-       id="g17">
-      <path
-         fill="#FF5E00"
-         d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-         transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-         id="path7" />
-      <g
-         filter="url(#mqanwmw2ka)"
-         id="g15">
-        <g
-           fill="#444"
-           fill-rule="nonzero"
-           id="g13">
-          <path
-             d="M24.656 7.186c.547 0 1.074-.115 1.548-.331.026-.012.052-.022.08-.03.032-.01.112-.04.224-.095.194-.097.39-.225.572-.389.158-.141.298-.303.416-.486.232-.36.381-.7.464-1.01.028-.102.046-.192.056-.267l.006-.056.003-.05c.01-.091.014-.183.014-.275 0-1.636-1.501-2.989-3.383-2.989-1.882 0-3.383 1.353-3.383 2.99 0 .779.34 1.513.944 2.07.097.089.162.207.185.337l.008.04c.084.342.084.656.014.942.156-.098.285-.195.397-.291.038-.033.07-.063.099-.09l.023-.022.015-.015.017-.016c.01-.01.01-.01.057-.045l.054-.034.455-.054c.365.11.735.166 1.115.166zm0 1.208c-.38 0-.754-.042-1.116-.125-.138.115-.292.227-.461.333-.774.486-1.635.711-2.542.509-.61-.136-.637-.995-.038-1.17.015-.004.057-.019.116-.045.104-.045.207-.101.3-.169.27-.192.388-.405.338-.71-.757-.764-1.189-1.76-1.189-2.82 0-2.333 2.07-4.197 4.592-4.197 2.523 0 4.592 1.864 4.592 4.197 0 .126-.006.251-.018.376-.006.136-.035.336-.103.588-.115.426-.314.881-.615 1.348-.179.277-.39.52-.625.732-.268.24-.555.428-.842.571-.152.076-.28.127-.374.158-.623.278-1.308.424-2.015.424zM22.8 2.957h3.703c.806 0 .806 1.208 0 1.208H22.8c-.805 0-.805-1.208 0-1.208zm0 1.514h3.703c.806 0 .806 1.208 0 1.208H22.8c-.805 0-.805-1.208 0-1.208zM4.657 17.308c1.211.363 2.457.594 3.69.718.898.09 1.662.11 2.231.095l.11-.005h.112l.142.005c.57.016 1.333-.006 2.232-.095 1.232-.124 2.478-.355 3.69-.718.182-.987.005-2.103-.81-3.17-.618-.811-1.57-1.529-2.915-2.12-.034-.015-.066-.033-.097-.053l-.147-.1c-.326-.223-.356-.692-.06-.953.046-.055.056-.067.099-.113.507-.547.794-1.265.794-2.03 0-1.642-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.968 0 .766.287 1.484.794 2.032.043.046.05.054.088.103.307.269.278.74-.05.962l-.148.1c-.03.02-.062.039-.096.053-1.344.591-2.296 1.309-2.915 2.12-.814 1.067-.992 2.183-.81 3.17zm6.079 2.016l-.123.004c-.618.018-1.434-.005-2.387-.1-1.42-.142-2.86-.42-4.259-.869-.18-.058-.324-.197-.386-.377-.029-.082-.066-.216-.101-.396-.258-1.31-.035-2.79 1.026-4.181.653-.858 1.59-1.609 2.833-2.232-.486-.695-.754-1.53-.754-2.405 0-2.305 1.852-4.176 4.141-4.176h.068c2.29 0 4.142 1.87 4.142 4.176 0 .876-.269 1.71-.755 2.405 1.244.623 2.18 1.374 2.834 2.232 1.061 1.39 1.284 2.87 1.026 4.181-.036.18-.073.314-.101.396-.063.18-.206.32-.387.377-1.399.448-2.838.727-4.259.869-.953.095-1.768.118-2.387.1l-.122-.004h-.05z"
-             transform="translate(6.873063, 9.879167)"
-             id="path9" />
-          <path
-             d="M14.878 8.768c0 .876-.268 1.71-.755 2.405 1.863.932 3.02 2.14 3.574 3.523 1.058-.081 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.635-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.953.027-.033.038-.046.072-.082.387-.418.606-.966.606-1.552 0-1.253-1.004-2.266-2.239-2.266h-.054c-.866 0-1.637.502-2.008 1.262.498.701.773 1.546.773 2.431zm2.835.227zm-4.146 1.917l-.243.553.34-.5-.045-.03-.052-.023zm-.69-.113c.506-.547.793-1.265.793-2.03 0-.725-.256-1.406-.714-1.942-.138-.16-.181-.381-.115-.582.464-1.408 1.775-2.378 3.272-2.378h.054c1.905 0 3.447 1.557 3.447 3.474 0 .682-.195 1.333-.552 1.888.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.333-.062.18-.205.32-.386.378-1.452.465-2.931.7-4.327.769-.278.013-.529-.164-.609-.431-.405-1.36-1.524-2.561-3.618-3.482-.034-.015-.066-.033-.097-.053l-.147-.1c-.326-.223-.355-.692-.06-.953.046-.055.056-.067.1-.113zM7.34 11.173c-.487-.695-.755-1.53-.755-2.405 0-1.11.432-2.147 1.177-2.917-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.013-2.238 2.266 0 .586.219 1.134.607 1.552.034.037.043.047.07.081.296.26.267.732-.06.954l-.12.08c-.03.021-.062.04-.095.054-1.063.467-1.812 1.031-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.246 1.695.414 2.546.516.565-1.355 1.715-2.538 3.545-3.454zM4.474 8.996v-.001zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.899l-.148.1c-.03.02-.062.039-.096.053-2.07.91-3.187 2.097-3.604 3.438-.085.273-.349.449-.633.423-1.193-.11-2.409-.339-3.591-.717-.181-.058-.324-.198-.387-.378-.024-.07-.056-.184-.085-.334-.214-1.083-.03-2.307.846-3.455.516-.676 1.243-1.27 2.199-1.766-.357-.555-.552-1.206-.552-1.888 0-1.917 1.541-3.474 3.446-3.474h.055c1.265 0 2.409.693 3.013 1.785.143.26.077.585-.156.768-.714.56-1.14 1.417-1.14 2.348 0 .766.288 1.484.795 2.032.043.046.05.054.088.103.307.269.278.74-.05.962z"
-             transform="translate(6.873063, 9.879167)"
-             id="path11" />
-        </g>
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 16.494845,29.178175 c -1.768895,-0.06448 -3.540258,-0.35045 -5.260067,-0.849187 -0.617674,-0.179123 -0.718313,-0.274855 -0.841605,-0.800583 -0.06362,-0.271286 -0.0839,-0.541986 -0.0839,-1.120246 V 25.645643 L 10.057274,25.61642 C 9.2497315,25.522777 7.4166963,25.063708 7.2458642,24.912324 6.889066,24.596146 6.791109,23.319917 7.0541971,22.415197 c 0.3542798,-1.218314 1.2195108,-2.260043 2.5233927,-3.038139 0.2386257,-0.1424 0.4338652,-0.268162 0.4338652,-0.27947 0,-0.01131 -0.051764,-0.108888 -0.1150309,-0.216845 C 9.8331572,18.772786 9.7316224,18.538126 9.6707912,18.359274 9.219476,17.032352 9.5623261,15.647722 10.577298,14.698265 c 1.316242,-1.231279 3.363424,-1.234352 4.677638,-0.007 l 0.337119,0.314832 0.312717,-0.140306 c 0.503414,-0.225867 0.909194,-0.321118 1.492803,-0.350416 0.960698,-0.04823 1.81064,0.178533 2.53808,0.67715 l 0.187661,0.128629 0.224711,-0.281924 c 0.421979,-0.529418 1.124912,-0.986213 1.782557,-1.158378 0.680573,-0.178168 1.541067,-0.121952 2.193924,0.143327 0.795352,0.323181 1.531624,1.060815 1.876332,1.879807 0.377346,0.896534 0.329572,2.013165 -0.123296,2.881831 -0.07883,0.151203 -0.149288,0.287211 -0.156579,0.302239 -0.0073,0.01503 0.1472,0.120659 0.343314,0.234734 1.062933,0.618287 1.873211,1.43704 2.3253,2.349625 0.329742,0.665615 0.41238,1.027594 0.413179,1.809851 0.0012,1.13309 -0.125967,1.423274 -0.699876,1.597593 -0.828183,0.251554 -1.955403,0.485451 -2.909386,0.603697 l -0.448429,0.05558 0.03039,0.441189 c 0.03262,0.473633 -0.02739,1.085627 -0.150027,1.530061 -0.120102,0.435238 -0.227448,0.491137 -1.618095,0.842603 -1.060976,0.268147 -2.180866,0.452887 -3.413517,0.563105 -0.526306,0.04706 -2.626841,0.0866 -3.298969,0.0621 z m 3.003442,-1.207466 c 1.270238,-0.09815 2.443538,-0.286873 3.555777,-0.571936 0.347892,-0.08916 0.653563,-0.183243 0.679268,-0.209065 0.02779,-0.02792 0.04674,-0.338481 0.04674,-0.766096 0,-0.599135 -0.01327,-0.742083 -0.07949,-0.856602 -0.04372,-0.0756 -0.132281,-0.281567 -0.196805,-0.457701 -0.449444,-1.226862 -1.523996,-2.259573 -3.198327,-3.073789 -0.544772,-0.264919 -0.735822,-0.414918 -0.80834,-0.634652 -0.0706,-0.213911 0.0022,-0.388798 0.318666,-0.76564 0.501087,-0.596669 0.732699,-1.22474 0.732699,-1.986889 0,-0.706731 -0.170356,-1.221675 -0.61091,-1.846633 -0.366969,-0.520572 -0.788085,-0.820973 -1.420501,-1.013306 -1.569537,-0.477336 -3.208991,0.380531 -3.720372,1.946736 -0.11356,0.3478 -0.13347,0.481376 -0.132702,0.890294 0.0014,0.747275 0.210638,1.353582 0.655384,1.899116 0.375832,0.461004 0.419459,0.535115 0.419459,0.712567 0,0.315092 -0.140514,0.444944 -0.918813,0.849095 -0.914824,0.475044 -1.47497,0.860689 -1.994456,1.373128 -0.765356,0.754972 -1.2206,1.617146 -1.350193,2.557092 -0.04975,0.360873 -0.02577,1.057862 0.04005,1.163885 0.04386,0.07064 1.368773,0.394519 2.184467,0.53399 0.642116,0.109793 1.673455,0.237499 2.199313,0.272332 0.572185,0.0379 3.044032,0.02696 3.599089,-0.01593 z m 6.504004,-3.552544 c 0.365407,-0.06116 0.924974,-0.175568 1.243482,-0.254246 l 0.579107,-0.143051 0.02749,-0.166219 C 27.972236,23.129911 27.658906,22.1528 27.083912,21.458233 26.660436,20.946693 25.975438,20.442047 25.191795,20.064287 24.682392,19.818726 24.5069,19.6781 24.449236,19.469257 c -0.06149,-0.222702 -0.0044,-0.374604 0.267123,-0.711304 0.636868,-0.789611 0.756604,-1.688742 0.340182,-2.554519 -0.501247,-1.042137 -1.728902,-1.527075 -2.857682,-1.128818 -0.398684,0.140664 -0.867266,0.516918 -1.103256,0.885875 l -0.127124,0.19875 0.163668,0.255853 c 0.861059,1.346053 0.862916,3.029196 0.0049,4.473838 -0.05838,0.09831 -0.08549,0.185949 -0.06024,0.194762 0.146692,0.0512 1.12099,0.662056 1.451039,0.909761 0.803412,0.60297 1.547756,1.473978 1.906126,2.230486 l 0.170806,0.360568 0.366552,-0.02757 c 0.201604,-0.01517 0.665521,-0.07761 1.030928,-0.13877 z M 10.879175,24.120299 c 0.512183,-1.030272 1.541477,-2.04584 2.774891,-2.737888 0.62985,-0.353399 0.599065,-0.308277 0.411037,-0.60246 -0.21024,-0.328934 -0.407889,-0.848395 -0.50482,-1.326769 -0.104641,-0.516427 -0.07209,-1.434693 0.06832,-1.927409 0.139077,-0.488031 0.464061,-1.12194 0.757663,-1.477887 0.157946,-0.191485 0.241519,-0.331237 0.224541,-0.37548 -0.04578,-0.11929 -0.55347,-0.471586 -0.83106,-0.576685 -0.985748,-0.373214 -2.057009,-0.07592 -2.676885,0.742885 -0.308269,0.407196 -0.410691,0.700511 -0.438275,1.255123 -0.03454,0.694515 0.131769,1.179764 0.579833,1.691792 0.255496,0.291969 0.31052,0.453403 0.233788,0.685902 -0.07025,0.212863 -0.244725,0.350714 -0.786867,0.621696 -1.0455005,0.522578 -1.7394485,1.109948 -2.1862883,1.850513 -0.3159287,0.523601 -0.490696,1.259853 -0.4326223,1.822533 l 0.026403,0.255818 0.585367,0.142732 c 0.4945479,0.120587 0.8388293,0.186195 1.7854426,0.340247 0.063,0.01025 0.135166,0.01993 0.160366,0.02151 0.0252,0.0016 0.137325,-0.1812 0.249164,-0.406169 z"
-     id="path51" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 27.527906,18.992721 c -0.266698,-0.05685 -0.370655,-0.120447 -0.474058,-0.290032 -0.201486,-0.330443 -0.07575,-0.667754 0.314818,-0.844585 0.38794,-0.175641 0.628317,-0.355173 0.71219,-0.531921 0.127285,-0.268234 0.09854,-0.395207 -0.157522,-0.695864 -0.662348,-0.777691 -0.997525,-1.743181 -0.945017,-2.722148 0.03114,-0.580505 0.12179,-0.953388 0.353328,-1.45334 0.212627,-0.459116 0.383506,-0.711346 0.740366,-1.09283 0.672636,-0.71905 1.682489,-1.241647 2.708976,-1.4018909 0.490149,-0.076517 1.526545,-0.02589 1.979609,0.096701 1.505262,0.407299 2.682696,1.468657 3.139596,2.830084 0.130153,0.387815 0.152618,0.524655 0.171084,1.042086 0.01784,0.500017 0.0055,0.661852 -0.07665,1.008018 -0.18178,0.765605 -0.696216,1.655075 -1.239997,2.143981 -0.529993,0.476509 -1.39904,0.89063 -2.246034,1.070287 -0.451196,0.0957 -1.424683,0.109171 -1.84512,0.02552 l -0.264364,-0.0526 -0.232292,0.175815 c -0.287398,0.217524 -0.824625,0.489676 -1.200559,0.60819 -0.322779,0.101755 -1.133879,0.149417 -1.43835,0.08452 z m 1.912071,-1.590093 c 0.06231,-0.04253 0.201752,-0.154112 0.309875,-0.247961 0.256635,-0.222755 0.510827,-0.261992 0.996819,-0.153869 0.271369,0.06038 0.490477,0.07337 0.954006,0.0566 0.518079,-0.01875 0.660472,-0.04167 1.024295,-0.164866 0.622734,-0.210873 0.936834,-0.386294 1.29259,-0.721896 0.524125,-0.494433 0.920622,-1.384119 0.918641,-2.061307 -0.0024,-0.83469 -0.430823,-1.715227 -1.090114,-2.240728 -1.113512,-0.887545 -2.674651,-1.048538 -3.985232,-0.410977 -0.378454,0.184106 -0.501993,0.27528 -0.857746,0.633026 -0.629706,0.633233 -0.870954,1.197212 -0.864765,2.021607 0.0053,0.710259 0.245878,1.299272 0.771959,1.890249 0.196399,0.220627 0.313378,0.39731 0.347876,0.525424 0.05502,0.204312 0.06918,0.826897 0.02061,0.905496 -0.04366,0.07064 0.03444,0.05572 0.161188,-0.0308 z"
-     id="path52" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 29.512912,15.508159 c -0.49193,-0.14729 -0.560004,-0.852438 -0.103219,-1.069197 0.137886,-0.06543 0.400194,-0.0747 2.113789,-0.0747 2.235432,0 2.210772,-0.0037 2.367773,0.351267 0.150765,0.340831 -0.01604,0.691362 -0.378461,0.795303 -0.192992,0.05535 -3.814178,0.05293 -3.999882,-0.0027 z"
-     id="path53" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 29.512912,13.996132 c -0.493719,-0.147826 -0.558571,-0.88531 -0.09489,-1.079049 0.232858,-0.09729 3.983021,-0.09522 4.216497,0.0023 0.224063,0.09362 0.364744,0.404907 0.296883,0.656921 -0.05662,0.210256 -0.206658,0.36168 -0.41861,0.422467 -0.192992,0.05535 -3.814178,0.05293 -3.999882,-0.0027 z"
-     id="path92" />
-</svg>
diff --git a/linphone-app/assets/images/new_chat_group_pressed.svg b/linphone-app/assets/images/new_chat_group_pressed.svg
deleted file mode 100644
index c4fce2792..000000000
--- a/linphone-app/assets/images/new_chat_group_pressed.svg
+++ /dev/null
@@ -1,96 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg23"
-   sodipodi:docname="new_chat_group_pressed.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview25"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg23" />
-  <defs
-     id="defs5">
-    <filter
-       id="g4j9xsegqa"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g21">
-    <g
-       id="g19">
-      <g
-         fill="#DC4100"
-         id="g9">
-        <path
-           d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-           transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-           id="path7" />
-      </g>
-      <g
-         filter="url(#g4j9xsegqa)"
-         id="g17">
-        <g
-           fill="#444"
-           fill-rule="nonzero"
-           id="g15">
-          <path
-             d="M24.656 7.186c.547 0 1.074-.115 1.548-.331.026-.012.052-.022.08-.03.032-.01.112-.04.224-.095.194-.097.39-.225.572-.389.158-.141.298-.303.416-.486.232-.36.381-.7.464-1.01.028-.102.046-.192.056-.267l.006-.056.003-.05c.01-.091.014-.183.014-.275 0-1.636-1.501-2.989-3.383-2.989-1.882 0-3.383 1.353-3.383 2.99 0 .779.34 1.513.944 2.07.097.089.162.207.185.337l.008.04c.084.342.084.656.014.942.156-.098.285-.195.397-.291.038-.033.07-.063.099-.09l.023-.022.015-.015.017-.016c.01-.01.01-.01.057-.045l.054-.034.455-.054c.365.11.735.166 1.115.166zm0 1.208c-.38 0-.754-.042-1.116-.125-.138.115-.292.227-.461.333-.774.486-1.635.711-2.542.509-.61-.136-.637-.995-.038-1.17.015-.004.057-.019.116-.045.104-.045.207-.101.3-.169.27-.192.388-.405.338-.71-.757-.764-1.189-1.76-1.189-2.82 0-2.333 2.07-4.197 4.592-4.197 2.523 0 4.592 1.864 4.592 4.197 0 .126-.006.251-.018.376-.006.136-.035.336-.103.588-.115.426-.314.881-.615 1.348-.179.277-.39.52-.625.732-.268.24-.555.428-.842.571-.152.076-.28.127-.374.158-.623.278-1.308.424-2.015.424zM22.8 2.957h3.703c.806 0 .806 1.208 0 1.208H22.8c-.805 0-.805-1.208 0-1.208zm0 1.514h3.703c.806 0 .806 1.208 0 1.208H22.8c-.805 0-.805-1.208 0-1.208zM4.657 17.308c1.211.363 2.457.594 3.69.718.898.09 1.662.11 2.231.095l.11-.005h.112l.142.005c.57.016 1.333-.006 2.232-.095 1.232-.124 2.478-.355 3.69-.718.182-.987.005-2.103-.81-3.17-.618-.811-1.57-1.529-2.915-2.12-.034-.015-.066-.033-.097-.053l-.147-.1c-.326-.223-.356-.692-.06-.953.046-.055.056-.067.099-.113.507-.547.794-1.265.794-2.03 0-1.642-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.968 0 .766.287 1.484.794 2.032.043.046.05.054.088.103.307.269.278.74-.05.962l-.148.1c-.03.02-.062.039-.096.053-1.344.591-2.296 1.309-2.915 2.12-.814 1.067-.992 2.183-.81 3.17zm6.079 2.016l-.123.004c-.618.018-1.434-.005-2.387-.1-1.42-.142-2.86-.42-4.259-.869-.18-.058-.324-.197-.386-.377-.029-.082-.066-.216-.101-.396-.258-1.31-.035-2.79 1.026-4.181.653-.858 1.59-1.609 2.833-2.232-.486-.695-.754-1.53-.754-2.405 0-2.305 1.852-4.176 4.141-4.176h.068c2.29 0 4.142 1.87 4.142 4.176 0 .876-.269 1.71-.755 2.405 1.244.623 2.18 1.374 2.834 2.232 1.061 1.39 1.284 2.87 1.026 4.181-.036.18-.073.314-.101.396-.063.18-.206.32-.387.377-1.399.448-2.838.727-4.259.869-.953.095-1.768.118-2.387.1l-.122-.004h-.05z"
-             transform="translate(6.873063, 9.879167)"
-             id="path11" />
-          <path
-             d="M14.878 8.768c0 .876-.268 1.71-.755 2.405 1.863.932 3.02 2.14 3.574 3.523 1.058-.081 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.635-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.953.027-.033.038-.046.072-.082.387-.418.606-.966.606-1.552 0-1.253-1.004-2.266-2.239-2.266h-.054c-.866 0-1.637.502-2.008 1.262.498.701.773 1.546.773 2.431zm2.835.227zm-4.146 1.917l-.243.553.34-.5-.045-.03-.052-.023zm-.69-.113c.506-.547.793-1.265.793-2.03 0-.725-.256-1.406-.714-1.942-.138-.16-.181-.381-.115-.582.464-1.408 1.775-2.378 3.272-2.378h.054c1.905 0 3.447 1.557 3.447 3.474 0 .682-.195 1.333-.552 1.888.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.333-.062.18-.205.32-.386.378-1.452.465-2.931.7-4.327.769-.278.013-.529-.164-.609-.431-.405-1.36-1.524-2.561-3.618-3.482-.034-.015-.066-.033-.097-.053l-.147-.1c-.326-.223-.355-.692-.06-.953.046-.055.056-.067.1-.113zM7.34 11.173c-.487-.695-.755-1.53-.755-2.405 0-1.11.432-2.147 1.177-2.917-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.013-2.238 2.266 0 .586.219 1.134.607 1.552.034.037.043.047.07.081.296.26.267.732-.06.954l-.12.08c-.03.021-.062.04-.095.054-1.063.467-1.812 1.031-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.246 1.695.414 2.546.516.565-1.355 1.715-2.538 3.545-3.454zM4.474 8.996v-.001zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.899l-.148.1c-.03.02-.062.039-.096.053-2.07.91-3.187 2.097-3.604 3.438-.085.273-.349.449-.633.423-1.193-.11-2.409-.339-3.591-.717-.181-.058-.324-.198-.387-.378-.024-.07-.056-.184-.085-.334-.214-1.083-.03-2.307.846-3.455.516-.676 1.243-1.27 2.199-1.766-.357-.555-.552-1.206-.552-1.888 0-1.917 1.541-3.474 3.446-3.474h.055c1.265 0 2.409.693 3.013 1.785.143.26.077.585-.156.768-.714.56-1.14 1.417-1.14 2.348 0 .766.288 1.484.795 2.032.043.046.05.054.088.103.307.269.278.74-.05.962z"
-             transform="translate(6.873063, 9.879167)"
-             id="path13" />
-        </g>
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 16.494845,29.178175 c -1.768895,-0.06448 -3.540258,-0.35045 -5.260067,-0.849187 -0.617674,-0.179123 -0.718313,-0.274855 -0.841605,-0.800583 -0.06362,-0.271286 -0.0839,-0.541986 -0.0839,-1.120246 V 25.645643 L 10.057274,25.61642 C 9.2497315,25.522777 7.4166963,25.063708 7.2458642,24.912324 6.889066,24.596146 6.791109,23.319917 7.0541971,22.415197 c 0.3542798,-1.218314 1.2195108,-2.260043 2.5233927,-3.038139 0.2386257,-0.1424 0.4338652,-0.268162 0.4338652,-0.27947 0,-0.01131 -0.051764,-0.108888 -0.1150309,-0.216845 C 9.8331572,18.772786 9.7316224,18.538126 9.6707912,18.359274 9.219476,17.032352 9.5623261,15.647722 10.577298,14.698265 c 1.316242,-1.231279 3.363424,-1.234352 4.677638,-0.007 l 0.337119,0.314832 0.312717,-0.140306 c 0.503414,-0.225867 0.909194,-0.321118 1.492803,-0.350416 0.960698,-0.04823 1.81064,0.178533 2.53808,0.67715 l 0.187661,0.128629 0.224711,-0.281924 c 0.421979,-0.529418 1.124912,-0.986213 1.782557,-1.158378 0.680573,-0.178168 1.541067,-0.121952 2.193924,0.143327 0.795352,0.323181 1.531624,1.060815 1.876332,1.879807 0.377346,0.896534 0.329572,2.013165 -0.123296,2.881831 -0.07883,0.151203 -0.149288,0.287211 -0.156579,0.302239 -0.0073,0.01503 0.1472,0.120659 0.343314,0.234734 1.062933,0.618287 1.873211,1.43704 2.3253,2.349625 0.329742,0.665615 0.41238,1.027594 0.413179,1.809851 0.0012,1.13309 -0.125967,1.423274 -0.699876,1.597593 -0.828183,0.251554 -1.955403,0.485451 -2.909386,0.603697 l -0.448429,0.05558 0.03039,0.441189 c 0.03262,0.473633 -0.02739,1.085627 -0.150027,1.530061 -0.120102,0.435238 -0.227448,0.491137 -1.618095,0.842603 -1.060976,0.268147 -2.180866,0.452887 -3.413517,0.563105 -0.526306,0.04706 -2.626841,0.0866 -3.298969,0.0621 z m 3.003442,-1.207466 c 1.270238,-0.09815 2.443538,-0.286873 3.555777,-0.571936 0.347892,-0.08916 0.653563,-0.183243 0.679268,-0.209065 0.02779,-0.02792 0.04674,-0.338481 0.04674,-0.766096 0,-0.599135 -0.01327,-0.742083 -0.07949,-0.856602 -0.04372,-0.0756 -0.132281,-0.281567 -0.196805,-0.457701 -0.449444,-1.226862 -1.523996,-2.259573 -3.198327,-3.073789 -0.544772,-0.264919 -0.735822,-0.414918 -0.80834,-0.634652 -0.0706,-0.213911 0.0022,-0.388798 0.318666,-0.76564 0.501087,-0.596669 0.732699,-1.22474 0.732699,-1.986889 0,-0.706731 -0.170356,-1.221675 -0.61091,-1.846633 -0.366969,-0.520572 -0.788085,-0.820973 -1.420501,-1.013306 -1.569537,-0.477336 -3.208991,0.380531 -3.720372,1.946736 -0.11356,0.3478 -0.13347,0.481376 -0.132702,0.890294 0.0014,0.747275 0.210638,1.353582 0.655384,1.899116 0.375832,0.461004 0.419459,0.535115 0.419459,0.712567 0,0.315092 -0.140514,0.444944 -0.918813,0.849095 -0.914824,0.475044 -1.47497,0.860689 -1.994456,1.373128 -0.765356,0.754972 -1.2206,1.617146 -1.350193,2.557092 -0.04975,0.360873 -0.02577,1.057862 0.04005,1.163885 0.04386,0.07064 1.368773,0.394519 2.184467,0.53399 0.642116,0.109793 1.673455,0.237499 2.199313,0.272332 0.572185,0.0379 3.044032,0.02696 3.599089,-0.01593 z m 6.504004,-3.552544 c 0.365407,-0.06116 0.924974,-0.175568 1.243482,-0.254246 l 0.579107,-0.143051 0.02749,-0.166219 C 27.972236,23.129911 27.658906,22.1528 27.083912,21.458233 26.660436,20.946693 25.975438,20.442047 25.191795,20.064287 24.682392,19.818726 24.5069,19.6781 24.449236,19.469257 c -0.06149,-0.222702 -0.0044,-0.374604 0.267123,-0.711304 0.636868,-0.789611 0.756604,-1.688742 0.340182,-2.554519 -0.501247,-1.042137 -1.728902,-1.527075 -2.857682,-1.128818 -0.398684,0.140664 -0.867266,0.516918 -1.103256,0.885875 l -0.127124,0.19875 0.163668,0.255853 c 0.861059,1.346053 0.862916,3.029196 0.0049,4.473838 -0.05838,0.09831 -0.08549,0.185949 -0.06024,0.194762 0.146692,0.0512 1.12099,0.662056 1.451039,0.909761 0.803412,0.60297 1.547756,1.473978 1.906126,2.230486 l 0.170806,0.360568 0.366552,-0.02757 c 0.201604,-0.01517 0.665521,-0.07761 1.030928,-0.13877 z M 10.879175,24.120299 c 0.512183,-1.030272 1.541477,-2.04584 2.774891,-2.737888 0.62985,-0.353399 0.599065,-0.308277 0.411037,-0.60246 -0.21024,-0.328934 -0.407889,-0.848395 -0.50482,-1.326769 -0.104641,-0.516427 -0.07209,-1.434693 0.06832,-1.927409 0.139077,-0.488031 0.464061,-1.12194 0.757663,-1.477887 0.157946,-0.191485 0.241519,-0.331237 0.224541,-0.37548 -0.04578,-0.11929 -0.55347,-0.471586 -0.83106,-0.576685 -0.985748,-0.373214 -2.057009,-0.07592 -2.676885,0.742885 -0.308269,0.407196 -0.410691,0.700511 -0.438275,1.255123 -0.03454,0.694515 0.131769,1.179764 0.579833,1.691792 0.255496,0.291969 0.31052,0.453403 0.233788,0.685902 -0.07025,0.212863 -0.244725,0.350714 -0.786867,0.621696 -1.0455005,0.522578 -1.7394485,1.109948 -2.1862883,1.850513 -0.3159287,0.523601 -0.490696,1.259853 -0.4326223,1.822533 l 0.026403,0.255818 0.585367,0.142732 c 0.4945479,0.120587 0.8388293,0.186195 1.7854426,0.340247 0.063,0.01025 0.135166,0.01993 0.160366,0.02151 0.0252,0.0016 0.137325,-0.1812 0.249164,-0.406169 z"
-     id="path52" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 27.527906,18.992721 c -0.266698,-0.05685 -0.370655,-0.120447 -0.474058,-0.290032 -0.201486,-0.330443 -0.07575,-0.667754 0.314818,-0.844585 0.38794,-0.175641 0.628317,-0.355173 0.71219,-0.531921 0.127285,-0.268234 0.09854,-0.395207 -0.157522,-0.695864 -0.662348,-0.777691 -0.997525,-1.743181 -0.945017,-2.722148 0.03114,-0.580505 0.12179,-0.953388 0.353328,-1.45334 0.212627,-0.459116 0.383506,-0.711346 0.740366,-1.09283 0.672636,-0.71905 1.682489,-1.241647 2.708976,-1.4018909 0.490149,-0.076517 1.526545,-0.02589 1.979609,0.096701 1.505262,0.407299 2.682696,1.468657 3.139596,2.830084 0.130153,0.387815 0.152618,0.524655 0.171084,1.042086 0.01784,0.500017 0.0055,0.661852 -0.07665,1.008018 -0.18178,0.765605 -0.696216,1.655075 -1.239997,2.143981 -0.529993,0.476509 -1.39904,0.89063 -2.246034,1.070287 -0.451196,0.0957 -1.424683,0.109171 -1.84512,0.02552 l -0.264364,-0.0526 -0.232292,0.175815 c -0.287398,0.217524 -0.824625,0.489676 -1.200559,0.60819 -0.322779,0.101755 -1.133879,0.149417 -1.43835,0.08452 z m 1.912071,-1.590093 c 0.06231,-0.04253 0.201752,-0.154112 0.309875,-0.247961 0.256635,-0.222755 0.510827,-0.261992 0.996819,-0.153869 0.271369,0.06038 0.490477,0.07337 0.954006,0.0566 0.518079,-0.01875 0.660472,-0.04167 1.024295,-0.164866 0.622734,-0.210873 0.936834,-0.386294 1.29259,-0.721896 0.524125,-0.494433 0.920622,-1.384119 0.918641,-2.061307 -0.0024,-0.83469 -0.430823,-1.715227 -1.090114,-2.240728 -1.113512,-0.887545 -2.674651,-1.048538 -3.985232,-0.410977 -0.378454,0.184106 -0.501993,0.27528 -0.857746,0.633026 -0.629706,0.633233 -0.870954,1.197212 -0.864765,2.021607 0.0053,0.710259 0.245878,1.299272 0.771959,1.890249 0.196399,0.220627 0.313378,0.39731 0.347876,0.525424 0.05502,0.204312 0.06918,0.826897 0.02061,0.905496 -0.04366,0.07064 0.03444,0.05572 0.161188,-0.0308 z"
-     id="path91" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 29.512912,15.508159 c -0.49193,-0.14729 -0.560004,-0.852438 -0.103219,-1.069197 0.137886,-0.06543 0.400194,-0.0747 2.113789,-0.0747 2.235432,0 2.210772,-0.0037 2.367773,0.351267 0.150765,0.340831 -0.01604,0.691362 -0.378461,0.795303 -0.192992,0.05535 -3.814178,0.05293 -3.999882,-0.0027 z"
-     id="path130" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 29.512912,13.996132 c -0.493719,-0.147826 -0.558571,-0.88531 -0.09489,-1.079049 0.232858,-0.09729 3.983021,-0.09522 4.216497,0.0023 0.224063,0.09362 0.364744,0.404907 0.296883,0.656921 -0.05662,0.210256 -0.206658,0.36168 -0.41861,0.422467 -0.192992,0.05535 -3.814178,0.05293 -3.999882,-0.0027 z"
-     id="path169" />
-</svg>
diff --git a/linphone-app/assets/images/new_chat_hovered.svg b/linphone-app/assets/images/new_chat_hovered.svg
deleted file mode 100644
index db2f52b86..000000000
--- a/linphone-app/assets/images/new_chat_hovered.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="home.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="19.4"
-     inkscape:cx="20.489691"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="oozatiu60a"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1.0083297"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         id="g23">
-        <g
-           id="g21">
-          <path
-             fill="#FF5E00"
-             d="M0 5.005C0 2.241 2.237 0 5.008 0H35.01c2.766 0 5.007 2.236 5.007 5.005v29.99c0 2.764-2.237 5.005-5.007 5.005H5.008C2.242 40 0 37.764 0 34.995V5.005z"
-             transform="translate(-920.000000, -45.000000) translate(-0.000000, 0.000000) translate(920.402332, 45.000000) translate(20.008746, 20.000000) scale(1, -1) translate(-20.008746, -20.000000)"
-             id="path7" />
-          <g
-             filter="url(#oozatiu60a)"
-             transform="translate(-920.000000, -45.000000) translate(-0.000000, 0.000000) translate(920.402332, 45.000000) translate(5.002187, 7.000000)"
-             id="g19">
-            <g
-               fill="#FFF"
-               fill-rule="nonzero"
-               stroke="#FFF"
-               stroke-width=".5"
-               id="g11">
-              <path
-                 d="M15.84.892c-.102-.06-.23-.063-.335-.006l-3.672 1.988V1.681C11.83.753 11.073.001 10.137 0H1.696C.76.001 0 .753 0 1.681V8.32c.001.928.76 1.68 1.696 1.681h8.44c.937-.001 1.695-.753 1.697-1.681V7.148l3.672 1.988c.105.057.233.054.336-.006.103-.06.166-.17.166-.29V1.182c0-.119-.063-.229-.166-.29zm-4.686 7.427c0 .557-.456 1.008-1.017 1.009H1.696C1.134 9.327.679 8.876.678 8.319V1.681c0-.557.456-1.008 1.018-1.009h8.44c.562.001 1.018.452 1.018 1.01v6.637zm4.175-.045l-3.496-1.892V3.64l3.496-1.892v6.526z"
-                 transform="translate(14.006122, 9.000000)"
-                 id="path9" />
-            </g>
-            <g
-               stroke="#FFF"
-               stroke-linecap="round"
-               stroke-width="1.5"
-               id="g15">
-              <path
-                 d="M2.001 0L2.001 4M4.002 2L0 2"
-                 transform="translate(18.007872, 12.000000)"
-                 id="path13" />
-            </g>
-            <path
-               fill="#000"
-               fill-rule="nonzero"
-               d="M4.002 7.429c0 .315.256.571.571.571h6.86c.316 0 .572-.256.572-.571 0-1.6-.947-2.98-2.31-3.62.366-.405.595-.936.595-1.523C10.29 1.026 9.264 0 8.003 0c-1.26 0-2.286 1.025-2.286 2.286 0 .587.229 1.118.594 1.523-1.362.64-2.31 2.02-2.31 3.62zM6.86 2.286c0-.63.513-1.143 1.143-1.143.631 0 1.144.513 1.144 1.143s-.513 1.143-1.144 1.143c-.63 0-1.143-.513-1.143-1.143zM8.003 4.57c1.38 0 2.536.984 2.801 2.286H5.203c.265-1.302 1.42-2.286 2.8-2.286zM4.002 25.429c0 .315.256.571.571.571h6.86c.316 0 .572-.256.572-.571 0-1.6-.947-2.98-2.31-3.62.366-.405.595-.936.595-1.523 0-1.26-1.026-2.286-2.287-2.286-1.26 0-2.286 1.025-2.286 2.286 0 .587.229 1.118.594 1.523-1.362.64-2.31 2.02-2.31 3.62zm2.858-5.143c0-.63.513-1.143 1.143-1.143.631 0 1.144.513 1.144 1.143s-.513 1.143-1.144 1.143c-.63 0-1.143-.513-1.143-1.143zm1.143 2.285c1.38 0 2.536.984 2.801 2.286H5.203c.265-1.302 1.42-2.286 2.8-2.286zM0 16.429c0 .315.256.571.572.571h6.86c.316 0 .571-.256.571-.571 0-1.6-.947-2.98-2.309-3.62.366-.405.594-.936.594-1.523C6.288 10.026 5.263 9 4.002 9c-1.261 0-2.287 1.025-2.287 2.286 0 .587.229 1.118.594 1.523C.948 13.45 0 14.83 0 16.43zm2.858-5.143c0-.63.513-1.143 1.144-1.143.63 0 1.143.513 1.143 1.143s-.513 1.143-1.143 1.143-1.144-.513-1.144-1.143zm1.144 2.285c1.38 0 2.535.984 2.8 2.286H1.202c.265-1.302 1.42-2.286 2.8-2.286z"
-               id="path17" />
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/new_chat_normal.svg b/linphone-app/assets/images/new_chat_normal.svg
deleted file mode 100644
index db2f52b86..000000000
--- a/linphone-app/assets/images/new_chat_normal.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="home.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="19.4"
-     inkscape:cx="20.489691"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="oozatiu60a"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1.0083297"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         id="g23">
-        <g
-           id="g21">
-          <path
-             fill="#FF5E00"
-             d="M0 5.005C0 2.241 2.237 0 5.008 0H35.01c2.766 0 5.007 2.236 5.007 5.005v29.99c0 2.764-2.237 5.005-5.007 5.005H5.008C2.242 40 0 37.764 0 34.995V5.005z"
-             transform="translate(-920.000000, -45.000000) translate(-0.000000, 0.000000) translate(920.402332, 45.000000) translate(20.008746, 20.000000) scale(1, -1) translate(-20.008746, -20.000000)"
-             id="path7" />
-          <g
-             filter="url(#oozatiu60a)"
-             transform="translate(-920.000000, -45.000000) translate(-0.000000, 0.000000) translate(920.402332, 45.000000) translate(5.002187, 7.000000)"
-             id="g19">
-            <g
-               fill="#FFF"
-               fill-rule="nonzero"
-               stroke="#FFF"
-               stroke-width=".5"
-               id="g11">
-              <path
-                 d="M15.84.892c-.102-.06-.23-.063-.335-.006l-3.672 1.988V1.681C11.83.753 11.073.001 10.137 0H1.696C.76.001 0 .753 0 1.681V8.32c.001.928.76 1.68 1.696 1.681h8.44c.937-.001 1.695-.753 1.697-1.681V7.148l3.672 1.988c.105.057.233.054.336-.006.103-.06.166-.17.166-.29V1.182c0-.119-.063-.229-.166-.29zm-4.686 7.427c0 .557-.456 1.008-1.017 1.009H1.696C1.134 9.327.679 8.876.678 8.319V1.681c0-.557.456-1.008 1.018-1.009h8.44c.562.001 1.018.452 1.018 1.01v6.637zm4.175-.045l-3.496-1.892V3.64l3.496-1.892v6.526z"
-                 transform="translate(14.006122, 9.000000)"
-                 id="path9" />
-            </g>
-            <g
-               stroke="#FFF"
-               stroke-linecap="round"
-               stroke-width="1.5"
-               id="g15">
-              <path
-                 d="M2.001 0L2.001 4M4.002 2L0 2"
-                 transform="translate(18.007872, 12.000000)"
-                 id="path13" />
-            </g>
-            <path
-               fill="#000"
-               fill-rule="nonzero"
-               d="M4.002 7.429c0 .315.256.571.571.571h6.86c.316 0 .572-.256.572-.571 0-1.6-.947-2.98-2.31-3.62.366-.405.595-.936.595-1.523C10.29 1.026 9.264 0 8.003 0c-1.26 0-2.286 1.025-2.286 2.286 0 .587.229 1.118.594 1.523-1.362.64-2.31 2.02-2.31 3.62zM6.86 2.286c0-.63.513-1.143 1.143-1.143.631 0 1.144.513 1.144 1.143s-.513 1.143-1.144 1.143c-.63 0-1.143-.513-1.143-1.143zM8.003 4.57c1.38 0 2.536.984 2.801 2.286H5.203c.265-1.302 1.42-2.286 2.8-2.286zM4.002 25.429c0 .315.256.571.571.571h6.86c.316 0 .572-.256.572-.571 0-1.6-.947-2.98-2.31-3.62.366-.405.595-.936.595-1.523 0-1.26-1.026-2.286-2.287-2.286-1.26 0-2.286 1.025-2.286 2.286 0 .587.229 1.118.594 1.523-1.362.64-2.31 2.02-2.31 3.62zm2.858-5.143c0-.63.513-1.143 1.143-1.143.631 0 1.144.513 1.144 1.143s-.513 1.143-1.144 1.143c-.63 0-1.143-.513-1.143-1.143zm1.143 2.285c1.38 0 2.536.984 2.801 2.286H5.203c.265-1.302 1.42-2.286 2.8-2.286zM0 16.429c0 .315.256.571.572.571h6.86c.316 0 .571-.256.571-.571 0-1.6-.947-2.98-2.309-3.62.366-.405.594-.936.594-1.523C6.288 10.026 5.263 9 4.002 9c-1.261 0-2.287 1.025-2.287 2.286 0 .587.229 1.118.594 1.523C.948 13.45 0 14.83 0 16.43zm2.858-5.143c0-.63.513-1.143 1.144-1.143.63 0 1.143.513 1.143 1.143s-.513 1.143-1.143 1.143-1.144-.513-1.144-1.143zm1.144 2.285c1.38 0 2.535.984 2.8 2.286H1.202c.265-1.302 1.42-2.286 2.8-2.286z"
-               id="path17" />
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/new_chat_pressed.svg b/linphone-app/assets/images/new_chat_pressed.svg
deleted file mode 100644
index db2f52b86..000000000
--- a/linphone-app/assets/images/new_chat_pressed.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="home.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="19.4"
-     inkscape:cx="20.489691"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="oozatiu60a"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1.0083297"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         id="g23">
-        <g
-           id="g21">
-          <path
-             fill="#FF5E00"
-             d="M0 5.005C0 2.241 2.237 0 5.008 0H35.01c2.766 0 5.007 2.236 5.007 5.005v29.99c0 2.764-2.237 5.005-5.007 5.005H5.008C2.242 40 0 37.764 0 34.995V5.005z"
-             transform="translate(-920.000000, -45.000000) translate(-0.000000, 0.000000) translate(920.402332, 45.000000) translate(20.008746, 20.000000) scale(1, -1) translate(-20.008746, -20.000000)"
-             id="path7" />
-          <g
-             filter="url(#oozatiu60a)"
-             transform="translate(-920.000000, -45.000000) translate(-0.000000, 0.000000) translate(920.402332, 45.000000) translate(5.002187, 7.000000)"
-             id="g19">
-            <g
-               fill="#FFF"
-               fill-rule="nonzero"
-               stroke="#FFF"
-               stroke-width=".5"
-               id="g11">
-              <path
-                 d="M15.84.892c-.102-.06-.23-.063-.335-.006l-3.672 1.988V1.681C11.83.753 11.073.001 10.137 0H1.696C.76.001 0 .753 0 1.681V8.32c.001.928.76 1.68 1.696 1.681h8.44c.937-.001 1.695-.753 1.697-1.681V7.148l3.672 1.988c.105.057.233.054.336-.006.103-.06.166-.17.166-.29V1.182c0-.119-.063-.229-.166-.29zm-4.686 7.427c0 .557-.456 1.008-1.017 1.009H1.696C1.134 9.327.679 8.876.678 8.319V1.681c0-.557.456-1.008 1.018-1.009h8.44c.562.001 1.018.452 1.018 1.01v6.637zm4.175-.045l-3.496-1.892V3.64l3.496-1.892v6.526z"
-                 transform="translate(14.006122, 9.000000)"
-                 id="path9" />
-            </g>
-            <g
-               stroke="#FFF"
-               stroke-linecap="round"
-               stroke-width="1.5"
-               id="g15">
-              <path
-                 d="M2.001 0L2.001 4M4.002 2L0 2"
-                 transform="translate(18.007872, 12.000000)"
-                 id="path13" />
-            </g>
-            <path
-               fill="#000"
-               fill-rule="nonzero"
-               d="M4.002 7.429c0 .315.256.571.571.571h6.86c.316 0 .572-.256.572-.571 0-1.6-.947-2.98-2.31-3.62.366-.405.595-.936.595-1.523C10.29 1.026 9.264 0 8.003 0c-1.26 0-2.286 1.025-2.286 2.286 0 .587.229 1.118.594 1.523-1.362.64-2.31 2.02-2.31 3.62zM6.86 2.286c0-.63.513-1.143 1.143-1.143.631 0 1.144.513 1.144 1.143s-.513 1.143-1.144 1.143c-.63 0-1.143-.513-1.143-1.143zM8.003 4.57c1.38 0 2.536.984 2.801 2.286H5.203c.265-1.302 1.42-2.286 2.8-2.286zM4.002 25.429c0 .315.256.571.571.571h6.86c.316 0 .572-.256.572-.571 0-1.6-.947-2.98-2.31-3.62.366-.405.595-.936.595-1.523 0-1.26-1.026-2.286-2.287-2.286-1.26 0-2.286 1.025-2.286 2.286 0 .587.229 1.118.594 1.523-1.362.64-2.31 2.02-2.31 3.62zm2.858-5.143c0-.63.513-1.143 1.143-1.143.631 0 1.144.513 1.144 1.143s-.513 1.143-1.144 1.143c-.63 0-1.143-.513-1.143-1.143zm1.143 2.285c1.38 0 2.536.984 2.801 2.286H5.203c.265-1.302 1.42-2.286 2.8-2.286zM0 16.429c0 .315.256.571.572.571h6.86c.316 0 .571-.256.571-.571 0-1.6-.947-2.98-2.309-3.62.366-.405.594-.936.594-1.523C6.288 10.026 5.263 9 4.002 9c-1.261 0-2.287 1.025-2.287 2.286 0 .587.229 1.118.594 1.523C.948 13.45 0 14.83 0 16.43zm2.858-5.143c0-.63.513-1.143 1.144-1.143.63 0 1.143.513 1.143 1.143s-.513 1.143-1.143 1.143-1.144-.513-1.144-1.143zm1.144 2.285c1.38 0 2.535.984 2.8 2.286H1.202c.265-1.302 1.42-2.286 2.8-2.286z"
-               id="path17" />
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/new_conference_custom.svg b/linphone-app/assets/images/new_conference_custom.svg
new file mode 100644
index 000000000..c6809985f
--- /dev/null
+++ b/linphone-app/assets/images/new_conference_custom.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="new_conference_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.8632813"
+     inkscape:cx="55.826505"
+     inkscape:cy="54.284337"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g10"
+     transform="matrix(1.9854189,0,0,1.985982,8.2664903,18.433035)">
+    <g
+       fill="#000000"
+       fill-rule="nonzero"
+       id="g6">
+      <path
+         d="m 5.53,18.873 a 19.75,19.75 0 0 0 3.69,0.717 17.845,17.845 0 0 0 2.34,0.091 h 0.113 l 0.142,0.004 c 0.57,0.017 1.333,-0.005 2.232,-0.095 a 19.754,19.754 0 0 0 3.69,-0.717 c 0.183,-0.987 0.005,-2.103 -0.81,-3.17 -0.618,-0.811 -1.57,-1.529 -2.915,-2.12 a 0.604,0.604 0 0 1 -0.097,-0.054 l -0.147,-0.1 a 0.604,0.604 0 0 1 -0.06,-0.952 2.25,2.25 0 0 1 0.099,-0.113 2.975,2.975 0 0 0 0.794,-2.031 c 0,-1.64 -1.315,-2.968 -2.934,-2.968 H 11.6 c -1.618,0 -2.933,1.327 -2.933,2.968 0,0.766 0.287,1.484 0.794,2.032 0.043,0.046 0.05,0.054 0.088,0.103 a 0.606,0.606 0 0 1 -0.05,0.962 l -0.148,0.1 a 0.604,0.604 0 0 1 -0.096,0.053 c -1.344,0.591 -2.296,1.309 -2.915,2.12 -0.814,1.067 -0.992,2.183 -0.81,3.17 z m 6.079,2.016 A 19.029,19.029 0 0 1 9.099,20.793 20.76,20.76 0 0 1 4.84,19.924 0.604,0.604 0 0 1 4.454,19.547 3.09,3.09 0 0 1 4.353,19.151 c -0.258,-1.31 -0.035,-2.79 1.026,-4.182 0.654,-0.857 1.59,-1.608 2.833,-2.231 A 4.186,4.186 0 0 1 7.458,10.333 c 0,-2.305 1.853,-4.177 4.141,-4.177 h 0.068 c 2.29,0 4.142,1.872 4.142,4.177 0,0.875 -0.269,1.71 -0.755,2.405 1.244,0.623 2.18,1.374 2.834,2.231 1.061,1.391 1.284,2.872 1.026,4.182 a 3.09,3.09 0 0 1 -0.101,0.396 0.604,0.604 0 0 1 -0.387,0.377 20.764,20.764 0 0 1 -4.259,0.869 19.028,19.028 0 0 1 -2.51,0.096 z"
+         id="path2" />
+      <path
+         d="m 15.751,10.333 c 0,0.875 -0.268,1.71 -0.754,2.405 1.862,0.932 3.02,2.14 3.573,3.522 1.058,-0.08 2.16,-0.266 3.243,-0.584 0.12,-0.745 -0.028,-1.58 -0.64,-2.383 -0.484,-0.635 -1.233,-1.2 -2.296,-1.666 A 0.604,0.604 0 0 1 18.78,11.573 l -0.119,-0.08 a 0.604,0.604 0 0 1 -0.06,-0.953 c 0.027,-0.033 0.038,-0.046 0.072,-0.082 0.387,-0.418 0.606,-0.967 0.606,-1.552 0,-1.253 -1.004,-2.266 -2.239,-2.266 h -0.054 c -0.866,0 -1.637,0.502 -2.008,1.262 0.498,0.701 0.773,1.545 0.773,2.431 z m 2.835,0.227 z m -4.146,1.917 -0.243,0.553 0.34,-0.5 -0.045,-0.03 A 12.959,12.959 0 0 0 14.44,12.477 Z m -0.69,-0.113 a 2.975,2.975 0 0 0 0.793,-2.031 c 0,-0.724 -0.256,-1.406 -0.714,-1.941 A 0.604,0.604 0 0 1 13.714,7.81 3.45,3.45 0 0 1 16.986,5.431 h 0.054 c 1.906,0 3.447,1.557 3.447,3.475 0,0.682 -0.195,1.333 -0.552,1.888 0.956,0.496 1.683,1.09 2.198,1.766 0.876,1.148 1.06,2.371 0.847,3.455 -0.03,0.15 -0.06,0.263 -0.086,0.334 a 0.604,0.604 0 0 1 -0.386,0.378 c -1.452,0.464 -2.931,0.7 -4.327,0.768 a 0.604,0.604 0 0 1 -0.608,-0.43 c -0.406,-1.36 -1.525,-2.561 -3.619,-3.482 a 0.604,0.604 0 0 1 -0.097,-0.054 l -0.147,-0.1 a 0.604,0.604 0 0 1 -0.06,-0.952 2.25,2.25 0 0 1 0.1,-0.113 z M 8.212,12.738 A 4.186,4.186 0 0 1 7.458,10.333 c 0,-1.11 0.432,-2.148 1.177,-2.917 A 2.224,2.224 0 0 0 6.948,6.64 H 6.893 c -1.234,0 -2.238,1.013 -2.238,2.266 0,0.585 0.219,1.134 0.607,1.552 0.034,0.037 0.043,0.047 0.07,0.08 a 0.604,0.604 0 0 1 -0.06,0.955 l -0.119,0.08 a 0.604,0.604 0 0 1 -0.096,0.054 c -1.063,0.467 -1.812,1.031 -2.296,1.666 -0.612,0.802 -0.76,1.638 -0.64,2.383 0.838,0.246 1.695,0.414 2.546,0.515 0.565,-1.354 1.715,-2.537 3.545,-3.453 z M 5.348,10.56 Z m 3.324,1.97 0.34,0.5 -0.244,-0.553 -0.05,0.022 z m 0.826,0.9 -0.148,0.1 a 0.604,0.604 0 0 1 -0.096,0.053 c -2.07,0.91 -3.187,2.096 -3.604,3.438 A 0.604,0.604 0 0 1 5.017,17.443 16.85,16.85 0 0 1 1.426,16.727 0.604,0.604 0 0 1 1.04,16.349 2.596,2.596 0 0 1 0.954,16.015 C 0.741,14.931 0.924,13.708 1.8,12.56 2.316,11.884 3.043,11.29 3.999,10.794 A 3.484,3.484 0 0 1 3.447,8.906 c 0,-1.918 1.542,-3.475 3.446,-3.475 h 0.055 c 1.265,0 2.41,0.693 3.013,1.786 A 0.604,0.604 0 0 1 9.805,7.985 2.974,2.974 0 0 0 8.666,10.333 c 0,0.766 0.287,1.484 0.794,2.032 0.043,0.046 0.05,0.054 0.088,0.103 a 0.606,0.606 0 0 1 -0.05,0.962 z"
+         id="path4" />
+    </g>
+    <path
+       d="m 22.767,2.262 c -1.318,1.768 -1.222,4.802 -0.132,6.77 l 0.023,0.04 c 1.09,1.968 3.614,3.657 5.81,3.476 L 30.585,10.997 29.18,8.462 26.815,9.538 24.443,5.258 26.609,3.824 25.204,1.289 Z"
+       stroke="#000000"
+       stroke-linecap="round"
+       stroke-linejoin="round"
+       id="path8" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/new_conference_disabled.svg b/linphone-app/assets/images/new_conference_disabled.svg
deleted file mode 100644
index 5076f48fe..000000000
--- a/linphone-app/assets/images/new_conference_disabled.svg
+++ /dev/null
@@ -1,95 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="new_conference_disabled.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="rspqpram5a"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         fill="#FF5E00"
-         opacity=".3"
-         id="g9">
-        <path
-           d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-           transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-           id="path7" />
-      </g>
-      <g
-         id="g23">
-        <g
-           filter="url(#rspqpram5a)"
-           transform="translate(5.873063, 10.000000)"
-           id="g19">
-          <g
-             id="g17">
-            <g
-               fill="#444"
-               fill-rule="nonzero"
-               id="g15">
-              <path
-                 d="M4.657 13.441c1.211.363 2.457.595 3.69.718.898.09 1.662.111 2.231.095l.11-.004.112-.001.142.005c.57.016 1.333-.005 2.232-.095 1.232-.123 2.478-.355 3.69-.718.182-.987.005-2.102-.81-3.17-.618-.81-1.57-1.528-2.915-2.12-.034-.014-.066-.032-.097-.053l-.147-.1c-.326-.222-.356-.692-.06-.953.046-.055.056-.067.099-.112.507-.547.794-1.266.794-2.031 0-1.641-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.969 0 .765.287 1.484.794 2.031.043.046.05.055.088.104.307.268.278.74-.05.961l-.148.1c-.03.021-.062.039-.096.054-1.344.59-2.296 1.308-2.915 2.119-.814 1.068-.992 2.183-.81 3.17zm6.079 2.016l-.123.005c-.618.018-1.434-.005-2.387-.1-1.42-.143-2.86-.421-4.259-.87-.18-.057-.324-.197-.386-.377-.029-.082-.066-.216-.101-.395-.258-1.31-.035-2.791 1.026-4.182.653-.857 1.59-1.609 2.833-2.232-.486-.695-.754-1.529-.754-2.404 0-2.306 1.852-4.177 4.141-4.177h.068c2.29 0 4.142 1.871 4.142 4.177 0 .875-.269 1.71-.755 2.404 1.244.624 2.18 1.375 2.834 2.232 1.061 1.39 1.284 2.871 1.026 4.182-.036.179-.073.313-.101.395-.063.18-.206.32-.387.378-1.399.448-2.838.726-4.259.868-.953.096-1.768.119-2.387.1-.053 0-.095-.002-.122-.004h-.05z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path11" />
-              <path
-                 d="M14.878 4.902c0 .875-.268 1.709-.755 2.404 1.863.933 3.02 2.14 3.574 3.523 1.058-.08 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.634-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.952.027-.034.038-.046.072-.083.387-.418.606-.966.606-1.551 0-1.253-1.004-2.267-2.239-2.267h-.054c-.866 0-1.637.502-2.008 1.263.498.7.773 1.545.773 2.43zm2.835.227v-.001zm-4.146 1.916l-.243.554.34-.5-.045-.03-.052-.024zm-.69-.112c.506-.547.793-1.266.793-2.031 0-.724-.256-1.406-.714-1.942-.138-.16-.181-.38-.115-.581C13.305.97 14.616 0 16.113 0h.054c1.905 0 3.447 1.557 3.447 3.475 0 .681-.195 1.332-.552 1.887.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.334-.062.18-.205.32-.386.377-1.452.465-2.931.7-4.327.769-.278.014-.529-.164-.609-.43-.405-1.36-1.524-2.562-3.618-3.482-.034-.015-.066-.033-.097-.054l-.147-.1c-.326-.222-.355-.692-.06-.953.046-.055.056-.067.1-.112zM7.34 7.306c-.487-.695-.755-1.529-.755-2.404 0-1.11.432-2.148 1.177-2.918-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.014-2.238 2.267 0 .585.219 1.133.607 1.552.034.037.043.047.07.08.296.261.267.732-.06.954l-.12.081c-.03.02-.062.038-.095.053-1.063.467-1.812 1.032-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.247 1.695.415 2.546.516.565-1.355 1.715-2.537 3.545-3.454zM4.474 5.13zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.9l-.148.1c-.03.02-.062.038-.096.053-2.07.91-3.187 2.096-3.604 3.438-.085.272-.349.448-.633.422-1.193-.11-2.409-.338-3.591-.717-.181-.058-.324-.198-.387-.377-.024-.072-.056-.184-.085-.334C-.133 9.5.051 8.276.927 7.128c.516-.675 1.243-1.27 2.199-1.766-.357-.554-.552-1.206-.552-1.887C2.574 1.557 4.115 0 6.02 0h.055C7.34 0 8.484.693 9.088 1.786c.143.26.077.584-.156.767-.714.56-1.14 1.418-1.14 2.349 0 .765.288 1.484.795 2.031.043.046.05.055.088.104.307.268.278.74-.05.961z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path13" />
-            </g>
-          </g>
-        </g>
-        <path
-           stroke="#FFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           d="M30.278 6.994c-.907-2.01-3.608-3.397-5.857-3.397h-.047c-2.249 0-4.95 1.388-5.857 3.398l.331 2.602h2.898l.205-2.59h4.893l.205 2.59h2.898l.33-2.603h0z"
-           transform="translate(5.873063, 10.000000) translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392)"
-           id="path21" />
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/new_conference_hovered.svg b/linphone-app/assets/images/new_conference_hovered.svg
deleted file mode 100644
index eb909735e..000000000
--- a/linphone-app/assets/images/new_conference_hovered.svg
+++ /dev/null
@@ -1,98 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="new_conference_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="gerxywefia"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         fill="#4B5964"
-         id="g9">
-        <path
-           d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-           transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-           id="path7" />
-      </g>
-      <g
-         id="g23">
-        <g
-           filter="url(#gerxywefia)"
-           transform="translate(5.873063, 10.000000)"
-           id="g19">
-          <g
-             id="g17">
-            <g
-               fill="#444"
-               fill-rule="nonzero"
-               id="g15">
-              <path
-                 d="M4.657 13.441c1.211.363 2.457.595 3.69.718.898.09 1.662.111 2.231.095l.11-.004.112-.001.142.005c.57.016 1.333-.005 2.232-.095 1.232-.123 2.478-.355 3.69-.718.182-.987.005-2.102-.81-3.17-.618-.81-1.57-1.528-2.915-2.12-.034-.014-.066-.032-.097-.053l-.147-.1c-.326-.222-.356-.692-.06-.953.046-.055.056-.067.099-.112.507-.547.794-1.266.794-2.031 0-1.641-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.969 0 .765.287 1.484.794 2.031.043.046.05.055.088.104.307.268.278.74-.05.961l-.148.1c-.03.021-.062.039-.096.054-1.344.59-2.296 1.308-2.915 2.119-.814 1.068-.992 2.183-.81 3.17zm6.079 2.016l-.123.005c-.618.018-1.434-.005-2.387-.1-1.42-.143-2.86-.421-4.259-.87-.18-.057-.324-.197-.386-.377-.029-.082-.066-.216-.101-.395-.258-1.31-.035-2.791 1.026-4.182.653-.857 1.59-1.609 2.833-2.232-.486-.695-.754-1.529-.754-2.404 0-2.306 1.852-4.177 4.141-4.177h.068c2.29 0 4.142 1.871 4.142 4.177 0 .875-.269 1.71-.755 2.404 1.244.624 2.18 1.375 2.834 2.232 1.061 1.39 1.284 2.871 1.026 4.182-.036.179-.073.313-.101.395-.063.18-.206.32-.387.378-1.399.448-2.838.726-4.259.868-.953.096-1.768.119-2.387.1-.053 0-.095-.002-.122-.004h-.05z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path11" />
-              <path
-                 d="M14.878 4.902c0 .875-.268 1.709-.755 2.404 1.863.933 3.02 2.14 3.574 3.523 1.058-.08 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.634-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.952.027-.034.038-.046.072-.083.387-.418.606-.966.606-1.551 0-1.253-1.004-2.267-2.239-2.267h-.054c-.866 0-1.637.502-2.008 1.263.498.7.773 1.545.773 2.43zm2.835.227v-.001zm-4.146 1.916l-.243.554.34-.5-.045-.03-.052-.024zm-.69-.112c.506-.547.793-1.266.793-2.031 0-.724-.256-1.406-.714-1.942-.138-.16-.181-.38-.115-.581C13.305.97 14.616 0 16.113 0h.054c1.905 0 3.447 1.557 3.447 3.475 0 .681-.195 1.332-.552 1.887.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.334-.062.18-.205.32-.386.377-1.452.465-2.931.7-4.327.769-.278.014-.529-.164-.609-.43-.405-1.36-1.524-2.562-3.618-3.482-.034-.015-.066-.033-.097-.054l-.147-.1c-.326-.222-.355-.692-.06-.953.046-.055.056-.067.1-.112zM7.34 7.306c-.487-.695-.755-1.529-.755-2.404 0-1.11.432-2.148 1.177-2.918-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.014-2.238 2.267 0 .585.219 1.133.607 1.552.034.037.043.047.07.08.296.261.267.732-.06.954l-.12.081c-.03.02-.062.038-.095.053-1.063.467-1.812 1.032-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.247 1.695.415 2.546.516.565-1.355 1.715-2.537 3.545-3.454zM4.474 5.13zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.9l-.148.1c-.03.02-.062.038-.096.053-2.07.91-3.187 2.096-3.604 3.438-.085.272-.349.448-.633.422-1.193-.11-2.409-.338-3.591-.717-.181-.058-.324-.198-.387-.377-.024-.072-.056-.184-.085-.334C-.133 9.5.051 8.276.927 7.128c.516-.675 1.243-1.27 2.199-1.766-.357-.554-.552-1.206-.552-1.887C2.574 1.557 4.115 0 6.02 0h.055C7.34 0 8.484.693 9.088 1.786c.143.26.077.584-.156.767-.714.56-1.14 1.418-1.14 2.349 0 .765.288 1.484.795 2.031.043.046.05.055.088.104.307.268.278.74-.05.961z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path13" />
-            </g>
-          </g>
-        </g>
-        <path
-           stroke="#FFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           d="M30.278 6.994c-.907-2.01-3.608-3.397-5.857-3.397h-.047c-2.249 0-4.95 1.388-5.857 3.398l.331 2.602h2.898l.205-2.59h4.893l.205 2.59h2.898l.33-2.603h0z"
-           transform="translate(5.873063, 10.000000) translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392)"
-           id="path21" />
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.166094,29.844075 C 13.87814,29.788111 12.328834,29.559882 11.065292,29.239984 9.786811,28.916304 9.5647637,28.814878 9.4658175,28.509382 9.3354584,28.1069 9.267805,27.482053 9.2935883,26.918671 l 0.026211,-0.572737 -0.640858,-0.104726 C 7.5236868,26.052422 6.3924205,25.735094 6.2044097,25.547083 5.9957122,25.338386 5.8579054,24.597276 5.9064941,23.944926 c 0.1180372,-1.584763 1.0812313,-2.949853 2.787664,-3.950825 0.1701031,-0.09978 0.3092783,-0.191334 0.3092783,-0.203451 0,-0.01212 -0.069846,-0.160727 -0.1552124,-0.330244 C 8.4084997,18.587231 8.3552576,17.61442 8.6973475,16.703674 9.5732363,14.371796 12.537478,13.69901 14.305167,15.430883 l 0.284548,0.278782 0.24237,-0.118598 c 0.640377,-0.313355 1.226703,-0.425396 2.029312,-0.387784 0.7707,0.03612 1.375593,0.221923 1.978932,0.607874 0.13877,0.08877 0.267991,0.155204 0.287159,0.14763 0.01917,-0.0076 0.138973,-0.139477 0.266234,-0.293119 0.419187,-0.506084 1.081053,-0.923376 1.751753,-1.104441 0.4109,-0.110928 1.332069,-0.110723 1.739673,3.88e-4 0.924216,0.251937 1.704888,0.874124 2.169781,1.72929 0.25306,0.465503 0.357779,0.864297 0.384419,1.463963 0.02874,0.646888 -0.07362,1.138768 -0.352301,1.693044 l -0.184481,0.366915 0.194765,0.09901 c 0.107121,0.05446 0.3618,0.209976 0.565953,0.345601 1.091444,0.725079 1.812228,1.623411 2.181451,2.718798 0.141062,0.418493 0.146797,0.464438 0.148702,1.191294 0.003,1.15988 -0.110817,1.419878 -0.699323,1.596941 -0.816586,0.245685 -1.844026,0.463566 -2.740785,0.581216 l -0.601311,0.07889 0.02331,0.491764 c 0.03978,0.839329 -0.116429,1.647701 -0.357624,1.850653 -0.408382,0.343631 -3.284961,0.935142 -5.15264,1.059539 -0.635215,0.04231 -2.482677,0.05101 -3.298969,0.01554 z m 3.894616,-1.226546 c 1.182292,-0.13755 2.179645,-0.317844 3.106027,-0.561485 0.414081,-0.108904 0.552206,-0.164567 0.59176,-0.238474 0.0654,-0.1222 0.06569,-1.087062 4.12e-4,-1.334179 -0.04933,-0.186719 -0.20815,-0.596843 -0.389863,-1.006754 -0.453704,-1.023467 -1.476,-1.950482 -3.008469,-2.728069 -0.731764,-0.3713 -0.872604,-0.5001 -0.872604,-0.797999 0,-0.206913 0.02647,-0.253918 0.425813,-0.756169 0.429245,-0.539859 0.630456,-1.13309 0.630456,-1.858776 0,-0.732703 -0.186883,-1.281402 -0.648472,-1.903947 -0.489183,-0.65976 -1.172593,-1.018856 -2.057282,-1.080993 -1.427808,-0.100283 -2.720604,0.830417 -3.096108,2.228927 -0.116905,0.435396 -0.104389,1.163534 0.02717,1.580756 0.142948,0.453334 0.292169,0.731315 0.588759,1.09679 0.340473,0.419552 0.368969,0.473188 0.370878,0.69809 0.0025,0.294688 -0.14356,0.427438 -0.883291,0.802784 -1.55186,0.787426 -2.471898,1.624229 -2.994977,2.724023 -0.294297,0.618772 -0.39009,1.029328 -0.393997,1.688622 -0.002,0.32926 0.01761,0.588635 0.04876,0.646566 0.120392,0.223887 2.466606,0.69735 4.156399,0.838756 0.637915,0.05338 3.850636,0.02529 4.398625,-0.03847 z m 5.933563,-3.5125 c 0.365406,-0.06093 0.926431,-0.175509 1.246721,-0.254629 l 0.582345,-0.143853 0.03093,-0.206266 c 0.04637,-0.309196 -0.01154,-0.827652 -0.13633,-1.220621 -0.318625,-1.003357 -1.118245,-1.80936 -2.504779,-2.524775 -0.667467,-0.344395 -0.776268,-0.454453 -0.776565,-0.785539 -1.37e-4,-0.163538 0.03299,-0.229461 0.230296,-0.45819 0.849545,-0.98484 0.837153,-2.322598 -0.02973,-3.209414 -0.535662,-0.547978 -1.315078,-0.790076 -2.056693,-0.638839 -0.198187,0.04042 -0.475075,0.12923 -0.615308,0.197364 -0.266049,0.129264 -0.800271,0.626614 -0.916625,0.85336 -0.0593,0.115552 -0.05599,0.142706 0.03623,0.297824 0.242037,0.407117 0.427012,0.813252 0.541256,1.188397 0.110144,0.361679 0.122704,0.474972 0.123386,1.112867 6.32e-4,0.591164 -0.01611,0.77163 -0.09987,1.076747 -0.09363,0.341053 -0.351076,0.924229 -0.5438,1.231857 -0.05324,0.08498 -0.06498,0.138662 -0.03287,0.150289 0.02747,0.0099 0.241366,0.127665 0.475315,0.26159 1.30543,0.7473 2.293657,1.721541 2.861514,2.821017 l 0.219429,0.424855 0.350388,-0.03163 c 0.192713,-0.0174 0.649357,-0.08148 1.014764,-0.142408 z M 9.8082992,24.937255 c 0.3315758,-0.705722 0.9784488,-1.50669 1.6621428,-2.058088 0.427198,-0.344534 1.079263,-0.778296 1.45052,-0.964904 0.151203,-0.076 0.280232,-0.142774 0.286731,-0.148387 0.0065,-0.0056 -0.0891,-0.204199 -0.212439,-0.441305 -0.370401,-0.712047 -0.508564,-1.259916 -0.509227,-2.01928 -7.88e-4,-0.905788 0.303007,-1.798472 0.847445,-2.490157 0.138659,-0.176159 0.265995,-0.349782 0.28297,-0.38583 0.04423,-0.09393 -0.30686,-0.385421 -0.69548,-0.577412 -0.890674,-0.440023 -1.955091,-0.249908 -2.643886,0.472222 -0.4224999,0.442947 -0.6321734,0.970675 -0.6321734,1.591121 0,0.597302 0.1895231,1.089283 0.6005674,1.559006 0.327412,0.374152 0.350269,0.663438 0.07315,0.92575 -0.08074,0.07642 -0.3942174,0.264383 -0.6966229,0.417692 -0.6509622,0.330015 -1.0770464,0.62736 -1.5039382,1.049533 -0.7377375,0.729581 -1.0624044,1.491124 -1.0303751,2.416862 l 0.014267,0.412371 0.3894616,0.103785 c 0.5147595,0.137174 1.6919852,0.367587 2.1336143,0.417602 0.026867,0.003 0.1093412,-0.123219 0.183276,-0.280581 z"
-     id="path55" />
-</svg>
diff --git a/linphone-app/assets/images/new_conference_normal.svg b/linphone-app/assets/images/new_conference_normal.svg
deleted file mode 100644
index b2f19248e..000000000
--- a/linphone-app/assets/images/new_conference_normal.svg
+++ /dev/null
@@ -1,95 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg27"
-   sodipodi:docname="new_conference_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview29"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.954181"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg27" />
-  <defs
-     id="defs5">
-    <filter
-       id="otb4mhcrpa"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g25">
-    <g
-       id="g23">
-      <path
-         fill="#FF5E00"
-         d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-         transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-         id="path7" />
-      <g
-         id="g21">
-        <g
-           filter="url(#otb4mhcrpa)"
-           transform="translate(5.873063, 10.000000)"
-           id="g17">
-          <g
-             id="g15">
-            <g
-               fill="#444"
-               fill-rule="nonzero"
-               id="g13">
-              <path
-                 d="M4.657 13.441c1.211.363 2.457.595 3.69.718.898.09 1.662.111 2.231.095l.11-.004.112-.001.142.005c.57.016 1.333-.005 2.232-.095 1.232-.123 2.478-.355 3.69-.718.182-.987.005-2.102-.81-3.17-.618-.81-1.57-1.528-2.915-2.12-.034-.014-.066-.032-.097-.053l-.147-.1c-.326-.222-.356-.692-.06-.953.046-.055.056-.067.099-.112.507-.547.794-1.266.794-2.031 0-1.641-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.969 0 .765.287 1.484.794 2.031.043.046.05.055.088.104.307.268.278.74-.05.961l-.148.1c-.03.021-.062.039-.096.054-1.344.59-2.296 1.308-2.915 2.119-.814 1.068-.992 2.183-.81 3.17zm6.079 2.016l-.123.005c-.618.018-1.434-.005-2.387-.1-1.42-.143-2.86-.421-4.259-.87-.18-.057-.324-.197-.386-.377-.029-.082-.066-.216-.101-.395-.258-1.31-.035-2.791 1.026-4.182.653-.857 1.59-1.609 2.833-2.232-.486-.695-.754-1.529-.754-2.404 0-2.306 1.852-4.177 4.141-4.177h.068c2.29 0 4.142 1.871 4.142 4.177 0 .875-.269 1.71-.755 2.404 1.244.624 2.18 1.375 2.834 2.232 1.061 1.39 1.284 2.871 1.026 4.182-.036.179-.073.313-.101.395-.063.18-.206.32-.387.378-1.399.448-2.838.726-4.259.868-.953.096-1.768.119-2.387.1-.053 0-.095-.002-.122-.004h-.05z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path9" />
-              <path
-                 d="M14.878 4.902c0 .875-.268 1.709-.755 2.404 1.863.933 3.02 2.14 3.574 3.523 1.058-.08 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.634-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.952.027-.034.038-.046.072-.083.387-.418.606-.966.606-1.551 0-1.253-1.004-2.267-2.239-2.267h-.054c-.866 0-1.637.502-2.008 1.263.498.7.773 1.545.773 2.43zm2.835.227v-.001zm-4.146 1.916l-.243.554.34-.5-.045-.03-.052-.024zm-.69-.112c.506-.547.793-1.266.793-2.031 0-.724-.256-1.406-.714-1.942-.138-.16-.181-.38-.115-.581C13.305.97 14.616 0 16.113 0h.054c1.905 0 3.447 1.557 3.447 3.475 0 .681-.195 1.332-.552 1.887.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.334-.062.18-.205.32-.386.377-1.452.465-2.931.7-4.327.769-.278.014-.529-.164-.609-.43-.405-1.36-1.524-2.562-3.618-3.482-.034-.015-.066-.033-.097-.054l-.147-.1c-.326-.222-.355-.692-.06-.953.046-.055.056-.067.1-.112zM7.34 7.306c-.487-.695-.755-1.529-.755-2.404 0-1.11.432-2.148 1.177-2.918-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.014-2.238 2.267 0 .585.219 1.133.607 1.552.034.037.043.047.07.08.296.261.267.732-.06.954l-.12.081c-.03.02-.062.038-.095.053-1.063.467-1.812 1.032-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.247 1.695.415 2.546.516.565-1.355 1.715-2.537 3.545-3.454zM4.474 5.13zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.9l-.148.1c-.03.02-.062.038-.096.053-2.07.91-3.187 2.096-3.604 3.438-.085.272-.349.448-.633.422-1.193-.11-2.409-.338-3.591-.717-.181-.058-.324-.198-.387-.377-.024-.072-.056-.184-.085-.334C-.133 9.5.051 8.276.927 7.128c.516-.675 1.243-1.27 2.199-1.766-.357-.554-.552-1.206-.552-1.887C2.574 1.557 4.115 0 6.02 0h.055C7.34 0 8.484.693 9.088 1.786c.143.26.077.584-.156.767-.714.56-1.14 1.418-1.14 2.349 0 .765.288 1.484.795 2.031.043.046.05.055.088.104.307.268.278.74-.05.961z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path11" />
-            </g>
-          </g>
-        </g>
-        <path
-           stroke="#FFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           d="M30.278 6.994c-.907-2.01-3.608-3.397-5.857-3.397h-.047c-2.249 0-4.95 1.388-5.857 3.398l.331 2.602h2.898l.205-2.59h4.893l.205 2.59h2.898l.33-2.603h0z"
-           transform="translate(5.873063, 10.000000) translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392)"
-           id="path19" />
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.166094,29.844075 C 13.87814,29.788111 12.328834,29.559882 11.065292,29.239984 9.786811,28.916304 9.5647637,28.814878 9.4658175,28.509382 9.3354584,28.1069 9.267805,27.482053 9.2935883,26.918671 l 0.026211,-0.572737 -0.650736,-0.106346 C 7.9351915,26.119655 6.7198642,25.821284 6.4138366,25.685913 6.1647351,25.575724 6.053548,25.403195 5.9721324,25.000521 c -0.092833,-0.459142 -0.069832,-1.370948 0.045463,-1.802284 0.3366324,-1.259385 1.2842225,-2.399598 2.653653,-3.193078 0.1827033,-0.105862 0.3321878,-0.202392 0.3321878,-0.214509 0,-0.01212 -0.069846,-0.160727 -0.1552124,-0.330244 -0.8642325,-1.716136 -0.164502,-3.808975 1.5511842,-4.639471 1.339977,-0.64863 2.825412,-0.424877 3.877999,0.584148 l 0.302607,0.290083 0.315949,-0.141788 c 0.627196,-0.281466 0.927682,-0.340176 1.736339,-0.33925 0.564038,6.46e-4 0.801788,0.01991 1.030928,0.08352 0.405425,0.112553 0.858198,0.309511 1.169935,0.508927 0.14271,0.09129 0.275155,0.159786 0.294323,0.152212 0.01917,-0.0076 0.138973,-0.139477 0.266234,-0.293119 0.418899,-0.505737 1.079577,-0.922441 1.751753,-1.104868 0.462407,-0.125497 1.384387,-0.112696 1.832761,0.02545 0.891912,0.274795 1.665329,0.907657 2.080508,1.702414 0.252864,0.484045 0.354338,0.874954 0.380604,1.466208 0.02861,0.644071 -0.07655,1.153097 -0.351884,1.70319 l -0.179856,0.359341 0.192244,0.09769 c 0.321485,0.163373 0.906511,0.565989 1.259004,0.866448 0.487321,0.415386 0.929062,0.986749 1.220114,1.578138 0.355307,0.721948 0.416476,0.9946 0.416317,1.85567 -1.83e-4,1.110399 -0.120075,1.375499 -0.701858,1.552211 -0.824204,0.250344 -1.954908,0.485147 -2.900515,0.602325 l -0.440993,0.05465 0.02336,0.492786 c 0.03983,0.840383 -0.116243,1.648608 -0.357575,1.851675 -0.408382,0.343631 -3.284961,0.935142 -5.15264,1.059539 -0.635215,0.04231 -2.482677,0.05101 -3.298969,0.01554 z m 3.894616,-1.226546 c 1.182292,-0.13755 2.179645,-0.317844 3.106027,-0.561485 0.414081,-0.108904 0.552206,-0.164567 0.59176,-0.238474 0.0654,-0.1222 0.06569,-1.087062 4.12e-4,-1.334179 -0.145116,-0.549276 -0.528948,-1.33619 -0.877149,-1.798287 -0.548095,-0.727378 -1.345946,-1.340211 -2.521183,-1.936536 -0.747338,-0.379202 -0.872604,-0.497095 -0.872604,-0.821234 0,-0.187658 0.02493,-0.248022 0.173574,-0.42031 0.656885,-0.761364 0.882695,-1.31685 0.882695,-2.1714 0,-0.732703 -0.186883,-1.281402 -0.648472,-1.903947 -0.284838,-0.38416 -0.569119,-0.615044 -1.013105,-0.82281 -0.32881,-0.153869 -0.878005,-0.274388 -1.250363,-0.274388 -1.123924,0 -2.170714,0.65504 -2.651095,1.65895 -0.261103,0.54566 -0.324309,0.82243 -0.31698,1.388014 0.0095,0.736471 0.255505,1.370224 0.763626,1.967579 0.257582,0.302819 0.30296,0.394886 0.30296,0.614668 0,0.28344 -0.154166,0.42344 -0.863904,0.784515 -1.553676,0.790424 -2.457134,1.601322 -2.987409,2.681348 -0.319062,0.649842 -0.41883,1.062822 -0.421145,1.743288 -0.0011,0.312767 0.01965,0.592217 0.0478,0.644807 0.11698,0.218579 2.521194,0.703885 4.155935,0.8389 0.640823,0.05293 3.853257,0.02443 4.398625,-0.03902 z m 5.933563,-3.5125 c 0.365406,-0.06093 0.926431,-0.175509 1.246721,-0.254629 l 0.582345,-0.143853 0.03093,-0.206266 c 0.04637,-0.309196 -0.01154,-0.827652 -0.13633,-1.220621 -0.161922,-0.509897 -0.445228,-0.953628 -0.895874,-1.403174 -0.445822,-0.444733 -0.93855,-0.78464 -1.691338,-1.166766 -0.577829,-0.293314 -0.69384,-0.4167 -0.694132,-0.738258 -1.37e-4,-0.162038 0.03669,-0.233721 0.258975,-0.50401 0.65533,-0.796839 0.779629,-1.699868 0.355734,-2.584389 -0.535369,-1.117128 -1.936356,-1.581437 -3.086144,-1.022796 -0.266049,0.129264 -0.800271,0.626614 -0.916625,0.85336 -0.0593,0.115552 -0.05599,0.142706 0.03623,0.297824 0.242037,0.407117 0.427012,0.813252 0.541256,1.188397 0.110144,0.361679 0.122704,0.474972 0.123386,1.112867 6.32e-4,0.592009 -0.01603,0.771193 -0.100138,1.076747 -0.104544,0.379803 -0.350884,0.942384 -0.511278,1.167636 -0.05069,0.07119 -0.09209,0.146878 -0.092,0.168188 9.1e-5,0.02131 0.137174,0.109593 0.304624,0.196184 0.167451,0.08659 0.502426,0.289784 0.74439,0.451541 1.072717,0.71713 1.814504,1.512753 2.316402,2.484522 l 0.217716,0.421537 0.350388,-0.03163 c 0.192713,-0.0174 0.649357,-0.08148 1.014764,-0.142408 z M 9.7980558,24.947986 c 0.3054662,-0.665489 0.9447662,-1.464328 1.6250982,-2.030646 0.407449,-0.339167 1.100945,-0.803598 1.497808,-1.003077 0.151203,-0.076 0.281961,-0.144504 0.290575,-0.15223 0.0086,-0.0077 -0.05533,-0.135178 -0.142099,-0.283224 -0.355579,-0.606702 -0.531827,-1.201329 -0.569998,-1.923062 -0.05437,-1.028 0.220119,-1.940365 0.823113,-2.73591 0.131931,-0.174061 0.260494,-0.345831 0.285694,-0.381711 0.06456,-0.09192 -0.277788,-0.383929 -0.687285,-0.586234 -0.890674,-0.440023 -1.955091,-0.249908 -2.643886,0.472222 -0.4224999,0.442947 -0.6321734,0.970675 -0.6321734,1.591121 0,0.598357 0.1894485,1.089198 0.6026404,1.561375 0.224399,0.256434 0.303426,0.472695 0.244216,0.668318 -0.05991,0.197951 -0.271154,0.366554 -0.7781278,0.621069 -0.682833,0.342802 -1.0735064,0.609371 -1.5249392,1.040517 -0.7984038,0.762524 -1.134206,1.518166 -1.1010122,2.477564 l 0.014267,0.412371 0.3894616,0.103785 c 0.5138695,0.136937 1.6783387,0.364971 2.1325046,0.417602 0.026257,0.003 0.1046207,-0.11839 0.1741428,-0.26985 z"
-     id="path54" />
-</svg>
diff --git a/linphone-app/assets/images/new_conference_pressed.svg b/linphone-app/assets/images/new_conference_pressed.svg
deleted file mode 100644
index 0274bed8e..000000000
--- a/linphone-app/assets/images/new_conference_pressed.svg
+++ /dev/null
@@ -1,106 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg29"
-   sodipodi:docname="new_conference_pressed.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview31"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="19.862543"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg29" />
-  <defs
-     id="defs5">
-    <filter
-       id="pgl6xh76ba"
-       color-interpolation-filters="auto"
-       x="0"
-       y="0"
-       width="1"
-       height="1">
-      <feColorMatrix
-         in="SourceGraphic"
-         values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
-         id="feColorMatrix2" />
-    </filter>
-  </defs>
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g27">
-    <g
-       id="g25">
-      <g
-         fill="#DC4100"
-         id="g9">
-        <path
-           d="M0 5.005C0 2.241 2.236 0 5.005 0h29.99C37.759 0 40 2.236 40 5.005v29.99C40 37.759 37.764 40 34.995 40H5.005C2.241 40 0 37.764 0 34.995V5.005z"
-           transform="translate(20.000000, 20.000000) scale(1, -1) translate(-20.000000, -20.000000)"
-           id="path7" />
-      </g>
-      <g
-         id="g23">
-        <g
-           filter="url(#pgl6xh76ba)"
-           transform="translate(5.873063, 10.000000)"
-           id="g19">
-          <g
-             id="g17">
-            <g
-               fill="#444"
-               fill-rule="nonzero"
-               id="g15">
-              <path
-                 d="M4.657 13.441c1.211.363 2.457.595 3.69.718.898.09 1.662.111 2.231.095l.11-.004.112-.001.142.005c.57.016 1.333-.005 2.232-.095 1.232-.123 2.478-.355 3.69-.718.182-.987.005-2.102-.81-3.17-.618-.81-1.57-1.528-2.915-2.12-.034-.014-.066-.032-.097-.053l-.147-.1c-.326-.222-.356-.692-.06-.953.046-.055.056-.067.099-.112.507-.547.794-1.266.794-2.031 0-1.641-1.315-2.969-2.934-2.969h-.068c-1.618 0-2.933 1.328-2.933 2.969 0 .765.287 1.484.794 2.031.043.046.05.055.088.104.307.268.278.74-.05.961l-.148.1c-.03.021-.062.039-.096.054-1.344.59-2.296 1.308-2.915 2.119-.814 1.068-.992 2.183-.81 3.17zm6.079 2.016l-.123.005c-.618.018-1.434-.005-2.387-.1-1.42-.143-2.86-.421-4.259-.87-.18-.057-.324-.197-.386-.377-.029-.082-.066-.216-.101-.395-.258-1.31-.035-2.791 1.026-4.182.653-.857 1.59-1.609 2.833-2.232-.486-.695-.754-1.529-.754-2.404 0-2.306 1.852-4.177 4.141-4.177h.068c2.29 0 4.142 1.871 4.142 4.177 0 .875-.269 1.71-.755 2.404 1.244.624 2.18 1.375 2.834 2.232 1.061 1.39 1.284 2.871 1.026 4.182-.036.179-.073.313-.101.395-.063.18-.206.32-.387.378-1.399.448-2.838.726-4.259.868-.953.096-1.768.119-2.387.1-.053 0-.095-.002-.122-.004h-.05z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path11" />
-              <path
-                 d="M14.878 4.902c0 .875-.268 1.709-.755 2.404 1.863.933 3.02 2.14 3.574 3.523 1.058-.08 2.16-.266 3.243-.585.12-.745-.028-1.58-.64-2.383-.484-.634-1.233-1.199-2.296-1.666-.034-.015-.067-.033-.097-.054l-.119-.08c-.326-.222-.355-.692-.06-.952.027-.034.038-.046.072-.083.387-.418.606-.966.606-1.551 0-1.253-1.004-2.267-2.239-2.267h-.054c-.866 0-1.637.502-2.008 1.263.498.7.773 1.545.773 2.43zm2.835.227v-.001zm-4.146 1.916l-.243.554.34-.5-.045-.03-.052-.024zm-.69-.112c.506-.547.793-1.266.793-2.031 0-.724-.256-1.406-.714-1.942-.138-.16-.181-.38-.115-.581C13.305.97 14.616 0 16.113 0h.054c1.905 0 3.447 1.557 3.447 3.475 0 .681-.195 1.332-.552 1.887.956.497 1.683 1.09 2.198 1.766.876 1.148 1.06 2.372.847 3.456-.03.15-.06.262-.086.334-.062.18-.205.32-.386.377-1.452.465-2.931.7-4.327.769-.278.014-.529-.164-.609-.43-.405-1.36-1.524-2.562-3.618-3.482-.034-.015-.066-.033-.097-.054l-.147-.1c-.326-.222-.355-.692-.06-.953.046-.055.056-.067.1-.112zM7.34 7.306c-.487-.695-.755-1.529-.755-2.404 0-1.11.432-2.148 1.177-2.918-.418-.485-1.027-.776-1.687-.776H6.02c-1.235 0-2.238 1.014-2.238 2.267 0 .585.219 1.133.607 1.552.034.037.043.047.07.08.296.261.267.732-.06.954l-.12.081c-.03.02-.062.038-.095.053-1.063.467-1.812 1.032-2.296 1.666-.612.803-.76 1.638-.64 2.383.838.247 1.695.415 2.546.516.565-1.355 1.715-2.537 3.545-3.454zM4.474 5.13zm3.324 1.97l.34.5-.244-.554-.051.023-.045.03zm.826.9l-.148.1c-.03.02-.062.038-.096.053-2.07.91-3.187 2.096-3.604 3.438-.085.272-.349.448-.633.422-1.193-.11-2.409-.338-3.591-.717-.181-.058-.324-.198-.387-.377-.024-.072-.056-.184-.085-.334C-.133 9.5.051 8.276.927 7.128c.516-.675 1.243-1.27 2.199-1.766-.357-.554-.552-1.206-.552-1.887C2.574 1.557 4.115 0 6.02 0h.055C7.34 0 8.484.693 9.088 1.786c.143.26.077.584-.156.767-.714.56-1.14 1.418-1.14 2.349 0 .765.288 1.484.795 2.031.043.046.05.055.088.104.307.268.278.74-.05.961z"
-                 transform="translate(0.000000, 0.685585) translate(0.000000, 3.745833)"
-                 id="path13" />
-            </g>
-          </g>
-        </g>
-        <path
-           stroke="#FFF"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           d="M30.278 6.994c-.907-2.01-3.608-3.397-5.857-3.397h-.047c-2.249 0-4.95 1.388-5.857 3.398l.331 2.602h2.898l.205-2.59h4.893l.205 2.59h2.898l.33-2.603h0z"
-           transform="translate(5.873063, 10.000000) translate(24.397663, 6.597392) rotate(-119.000000) translate(-24.397663, -6.597392)"
-           id="path21" />
-      </g>
-    </g>
-  </g>
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="M 15.166094,29.844075 C 13.87814,29.788111 12.328834,29.559882 11.065292,29.239984 9.786811,28.916304 9.5647637,28.814878 9.4658175,28.509382 9.3354584,28.1069 9.267805,27.482053 9.2935883,26.918671 l 0.026211,-0.572737 -0.650736,-0.106346 C 7.9351915,26.119655 6.7198642,25.821284 6.4138366,25.685913 6.1647351,25.575724 6.053548,25.403195 5.9721324,25.000521 c -0.092833,-0.459142 -0.069832,-1.370948 0.045463,-1.802284 0.3366324,-1.259385 1.2842225,-2.399598 2.653653,-3.193078 0.1827033,-0.105862 0.3321878,-0.202392 0.3321878,-0.214509 0,-0.01212 -0.069846,-0.160727 -0.1552124,-0.330244 -0.8642325,-1.716136 -0.164502,-3.808975 1.5511842,-4.639471 1.339977,-0.64863 2.825412,-0.424877 3.877999,0.584148 l 0.302607,0.290083 0.315949,-0.141788 c 0.627196,-0.281466 0.927682,-0.340176 1.736339,-0.33925 0.564038,6.46e-4 0.801788,0.01991 1.030928,0.08352 0.405425,0.112553 0.858198,0.309511 1.169935,0.508927 0.14271,0.09129 0.275155,0.159786 0.294323,0.152212 0.01917,-0.0076 0.138973,-0.139477 0.266234,-0.293119 0.418899,-0.505737 1.079577,-0.922441 1.751753,-1.104868 0.462407,-0.125497 1.384387,-0.112696 1.832761,0.02545 0.891912,0.274795 1.665329,0.907657 2.080508,1.702414 0.252864,0.484045 0.354338,0.874954 0.380604,1.466208 0.02861,0.644071 -0.07655,1.153097 -0.351884,1.70319 l -0.179856,0.359341 0.192244,0.09769 c 0.321485,0.163373 0.906511,0.565989 1.259004,0.866448 0.487321,0.415386 0.929062,0.986749 1.220114,1.578138 0.355307,0.721948 0.416476,0.9946 0.416317,1.85567 -1.83e-4,1.110399 -0.120075,1.375499 -0.701858,1.552211 -0.824204,0.250344 -1.954908,0.485147 -2.900515,0.602325 l -0.440993,0.05465 0.02336,0.492786 c 0.03983,0.840383 -0.116243,1.648608 -0.357575,1.851675 -0.408382,0.343631 -3.284961,0.935142 -5.15264,1.059539 -0.635215,0.04231 -2.482677,0.05101 -3.298969,0.01554 z m 3.894616,-1.226546 c 1.182292,-0.13755 2.179645,-0.317844 3.106027,-0.561485 0.414081,-0.108904 0.552206,-0.164567 0.59176,-0.238474 0.0654,-0.1222 0.06569,-1.087062 4.12e-4,-1.334179 -0.145116,-0.549276 -0.528948,-1.33619 -0.877149,-1.798287 -0.548095,-0.727378 -1.345946,-1.340211 -2.521183,-1.936536 -0.747338,-0.379202 -0.872604,-0.497095 -0.872604,-0.821234 0,-0.187658 0.02493,-0.248022 0.173574,-0.42031 0.656885,-0.761364 0.882695,-1.31685 0.882695,-2.1714 0,-0.732703 -0.186883,-1.281402 -0.648472,-1.903947 -0.284838,-0.38416 -0.569119,-0.615044 -1.013105,-0.82281 -0.32881,-0.153869 -0.878005,-0.274388 -1.250363,-0.274388 -1.123924,0 -2.170714,0.65504 -2.651095,1.65895 -0.261103,0.54566 -0.324309,0.82243 -0.31698,1.388014 0.0095,0.736471 0.255505,1.370224 0.763626,1.967579 0.257582,0.302819 0.30296,0.394886 0.30296,0.614668 0,0.28344 -0.154166,0.42344 -0.863904,0.784515 -1.553676,0.790424 -2.457134,1.601322 -2.987409,2.681348 -0.319062,0.649842 -0.41883,1.062822 -0.421145,1.743288 -0.0011,0.312767 0.01965,0.592217 0.0478,0.644807 0.11698,0.218579 2.521194,0.703885 4.155935,0.8389 0.640823,0.05293 3.853257,0.02443 4.398625,-0.03902 z m 5.933563,-3.5125 c 0.365406,-0.06093 0.926431,-0.175509 1.246721,-0.254629 l 0.582345,-0.143853 0.03093,-0.206266 c 0.04637,-0.309196 -0.01154,-0.827652 -0.13633,-1.220621 -0.161922,-0.509897 -0.445228,-0.953628 -0.895874,-1.403174 -0.445822,-0.444733 -0.93855,-0.78464 -1.691338,-1.166766 -0.577829,-0.293314 -0.69384,-0.4167 -0.694132,-0.738258 -1.37e-4,-0.162038 0.03669,-0.233721 0.258975,-0.50401 0.65533,-0.796839 0.779629,-1.699868 0.355734,-2.584389 -0.535369,-1.117128 -1.936356,-1.581437 -3.086144,-1.022796 -0.266049,0.129264 -0.800271,0.626614 -0.916625,0.85336 -0.0593,0.115552 -0.05599,0.142706 0.03623,0.297824 0.242037,0.407117 0.427012,0.813252 0.541256,1.188397 0.110144,0.361679 0.122704,0.474972 0.123386,1.112867 6.32e-4,0.592009 -0.01603,0.771193 -0.100138,1.076747 -0.104544,0.379803 -0.350884,0.942384 -0.511278,1.167636 -0.05069,0.07119 -0.09209,0.146878 -0.092,0.168188 9.1e-5,0.02131 0.137174,0.109593 0.304624,0.196184 0.167451,0.08659 0.502426,0.289784 0.74439,0.451541 1.072717,0.71713 1.814504,1.512753 2.316402,2.484522 l 0.217716,0.421537 0.350388,-0.03163 c 0.192713,-0.0174 0.649357,-0.08148 1.014764,-0.142408 z M 9.7980558,24.947986 c 0.3054662,-0.665489 0.9447662,-1.464328 1.6250982,-2.030646 0.407449,-0.339167 1.100945,-0.803598 1.497808,-1.003077 0.151203,-0.076 0.281961,-0.144504 0.290575,-0.15223 0.0086,-0.0077 -0.05533,-0.135178 -0.142099,-0.283224 -0.355579,-0.606702 -0.531827,-1.201329 -0.569998,-1.923062 -0.05437,-1.028 0.220119,-1.940365 0.823113,-2.73591 0.131931,-0.174061 0.260494,-0.345831 0.285694,-0.381711 0.06456,-0.09192 -0.277788,-0.383929 -0.687285,-0.586234 -0.890674,-0.440023 -1.955091,-0.249908 -2.643886,0.472222 -0.4224999,0.442947 -0.6321734,0.970675 -0.6321734,1.591121 0,0.598357 0.1894485,1.089198 0.6026404,1.561375 0.224399,0.256434 0.303426,0.472695 0.244216,0.668318 -0.05991,0.197951 -0.271154,0.366554 -0.7781278,0.621069 -0.682833,0.342802 -1.0735064,0.609371 -1.5249392,1.040517 -0.7984038,0.762524 -1.134206,1.518166 -1.1010122,2.477564 l 0.014267,0.412371 0.3894616,0.103785 c 0.5138695,0.136937 1.6783387,0.364971 2.1325046,0.417602 0.026257,0.003 0.1046207,-0.11839 0.1741428,-0.26985 z"
-     id="path55" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 32.099708,21.918911 c -2.0128,-0.422422 -4.053259,-2.010609 -4.998478,-3.890555 -0.850603,-1.691765 -1.013676,-3.982133 -0.406704,-5.712159 0.168987,-0.481653 0.390644,-0.916127 0.625312,-1.225682 l 0.171919,-0.226782 1.282758,-0.515645 c 0.765346,-0.307654 1.347444,-0.5160939 1.443125,-0.5167582 0.0882,-6.124e-4 0.206347,0.03451 0.262546,0.078051 0.117471,0.091012 1.616034,2.7846672 1.616034,2.9048082 0,0.219315 -0.133302,0.339717 -1.06473,0.961699 l -0.952647,0.636151 0.06623,0.128081 c 0.310992,0.601392 1.826544,3.291869 1.871118,3.321694 0.0361,0.02416 0.431717,-0.131773 1.075306,-0.423826 0.560004,-0.254124 1.05485,-0.461966 1.099656,-0.461872 0.235096,4.95e-4 0.350708,0.15849 1.075903,1.470315 0.395737,0.71586 0.741566,1.36084 0.768509,1.433287 0.09995,0.268761 -0.01814,0.390504 -1.258936,1.297826 l -1.145475,0.837621 -0.549828,-0.0028 c -0.361654,-0.0019 -0.697606,-0.03383 -0.981621,-0.09344 z m 1.995792,-1.41631 c 0.450224,-0.328381 0.823621,-0.622195 0.82977,-0.652921 0.01782,-0.08903 -0.934873,-1.752545 -0.995543,-1.738343 -0.03014,0.0071 -0.488653,0.209541 -1.018927,0.449972 -0.530274,0.24043 -1.024414,0.43886 -1.098089,0.440954 -0.07368,0.0021 -0.18951,-0.03761 -0.257411,-0.08823 -0.07852,-0.05854 -0.569558,-0.896029 -1.349114,-2.300984 -1.277303,-2.302018 -1.311836,-2.380275 -1.151434,-2.609282 0.04082,-0.05828 0.478969,-0.374523 0.973654,-0.702752 0.494686,-0.32823 0.90446,-0.620182 0.91061,-0.648783 0.01646,-0.07656 -0.932822,-1.749 -0.986257,-1.737574 -0.154866,0.03311 -1.833989,0.722124 -1.897665,0.778685 -0.112952,0.100332 -0.424963,0.763296 -0.534629,1.135983 -0.34559,1.174455 -0.300912,2.754736 0.11335,4.009164 0.716551,2.169792 2.982073,4.014667 5.195509,4.230841 0.444888,0.04345 0.405305,0.06117 1.266176,-0.566728 z"
-     id="path56" />
-  <path
-     style="fill:#ffffff;stroke-width:0.045819"
-     d="m 32.099708,21.918911 c -2.0128,-0.422422 -4.053259,-2.010609 -4.998478,-3.890555 -0.850603,-1.691765 -1.013676,-3.982133 -0.406704,-5.712159 0.168987,-0.481653 0.390644,-0.916127 0.625312,-1.225682 l 0.171919,-0.226782 1.282758,-0.515645 c 0.765346,-0.307654 1.347444,-0.5160939 1.443125,-0.5167582 0.0882,-6.124e-4 0.206347,0.03451 0.262546,0.078051 0.117471,0.091012 1.616034,2.7846672 1.616034,2.9048082 0,0.219369 -0.133299,0.339716 -1.066568,0.962926 l -0.954484,0.637378 0.205028,0.3758 c 0.112766,0.206691 0.544882,0.984048 0.960258,1.727462 0.615041,1.10076 0.77189,1.349843 0.844987,1.341867 0.04937,-0.0054 0.525717,-0.206417 1.058554,-0.446735 0.532838,-0.240318 1.004758,-0.436865 1.048712,-0.436771 0.233381,5e-4 0.350196,0.160368 1.074352,1.470315 0.395737,0.71586 0.741566,1.36084 0.768509,1.433287 0.09951,0.267574 -0.01885,0.389652 -1.258104,1.297646 l -1.144643,0.838673 -0.55066,-0.0033 c -0.360896,-0.0021 -0.699461,-0.03448 -0.982453,-0.09387 z m 1.44571,-1.027732 c 0.544475,-0.365111 1.388204,-1.004078 1.388521,-1.051546 5.17e-4,-0.07791 -0.891279,-1.640045 -0.961587,-1.684382 -0.04669,-0.02944 -0.356261,0.08899 -1.047472,0.400745 -0.539655,0.243399 -1.040801,0.444238 -1.113658,0.44631 -0.07286,0.0021 -0.188021,-0.03765 -0.255922,-0.08827 -0.07852,-0.05854 -0.569558,-0.896029 -1.349114,-2.300984 -1.27547,-2.298714 -1.311649,-2.380542 -1.1528,-2.607331 0.04007,-0.05721 0.471261,-0.370131 0.958195,-0.695377 0.486935,-0.325245 0.898431,-0.612543 0.914435,-0.638439 0.03863,-0.06251 -0.898224,-1.743987 -0.971708,-1.744031 -0.07689,-4.6e-5 -1.804098,0.688077 -1.886577,0.751615 -0.113247,0.08724 -0.497868,0.951567 -0.59323,1.333116 -0.346512,1.386423 -0.212644,3.014734 0.355492,4.324039 0.808644,1.863573 2.92551,3.488028 4.838965,3.713359 0.539152,0.06349 0.54708,0.06205 0.87646,-0.158819 z"
-     id="path57" />
-</svg>
diff --git a/linphone-app/assets/images/options_custom.svg b/linphone-app/assets/images/options_custom.svg
new file mode 100644
index 000000000..c3bd30421
--- /dev/null
+++ b/linphone-app/assets/images/options_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="options_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="-5.9564719"
+     inkscape:cy="57.365407"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 58.46317,43.898165 v -7.79633 h -3.327966 a 15.435226,15.510596 0 0 0 -1.678273,-4.041783 l 2.356118,-2.357364 -5.514622,-5.514878 -2.358161,2.359416 a 15.572019,15.648057 0 0 0 -4.042558,-1.682367 v -3.329854 h -7.799282 v 3.329854 a 15.598561,15.674729 0 0 0 -4.042559,1.678264 l -2.354076,-2.359417 -5.51258,5.518982 2.356117,2.355314 a 15.429101,15.504441 0 0 0 -1.680315,4.041781 h -3.330008 v 7.800434 h 3.327965 c 0.371589,1.436167 0.943264,2.794369 1.678275,4.041781 l -2.352034,2.357366 5.51258,5.514878 2.358159,-2.357365 a 15.598561,15.674729 0 0 0 4.04256,1.678264 v 3.329854 h 7.79928 v -3.329854 a 15.576103,15.65216 0 0 0 4.04256,-1.678264 l 2.356118,2.357365 5.514622,-5.514878 -2.356119,-2.357366 a 15.414808,15.490079 0 0 0 1.678276,-4.041781 h 3.327966 z M 31.725113,40 c 0,4.571113 3.703637,8.274369 8.274996,8.274369 4.569317,0 8.274996,-3.703256 8.274996,-8.274369 0,-4.56906 -3.705679,-8.274369 -8.274996,-8.274369 -4.571359,0 -8.277038,3.705309 -8.277038,8.274369 v 0 z"
+     stroke="#000000"
+     stroke-width="3.07001"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/options_hovered.svg b/linphone-app/assets/images/options_hovered.svg
deleted file mode 100644
index 573854bd0..000000000
--- a/linphone-app/assets/images/options_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>options_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="options_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M29.0873544,21.9006986 L29.0873544,18.0990443 L27.457167,18.0990443 C27.276035,17.3980628 26.9959394,16.7371962 26.6347091,16.1290447 L27.7891991,14.9803711 L25.0877236,12.2919042 L23.933492,13.441092 C23.3229145,13.0816012 22.6583335,12.8028543 21.9537018,12.6225946 L21.9537018,11 L18.133911,11 L18.133911,12.6225946 C17.4292793,12.8028543 16.765215,13.0816012 16.1538624,13.441092 L14.9993724,12.2919042 L12.298672,14.9803711 L13.453162,16.1290447 C13.0916733,16.7369391 12.8115777,17.3980628 12.6301874,18.0990443 L11,18.0990443 L11,21.9006986 L12.6301874,21.9006986 C12.8115777,22.6019372 13.0916733,23.2630609 13.4523869,23.8712124 L12.298672,25.0196289 L14.9998892,27.7078387 L16.1538624,26.5591651 C16.765215,26.9183988 17.4292793,27.1974028 18.133911,27.3774054 L18.133911,29 L21.9537018,29 L21.9537018,27.3774054 C22.6585919,27.1974028 23.3229145,26.9183988 23.9337503,26.5591651 L25.0877236,27.7078387 L27.7891991,25.0196289 L26.6347091,23.8712124 C26.9959394,23.2630609 27.2762934,22.6019372 27.457167,21.9006986 L29.0873544,21.9006986 L29.0873544,21.9006986 Z M15.9908179,20.0001286 C15.9908179,22.227789 17.8054963,24.0334719 20.0439356,24.0334719 C22.2818581,24.0334719 24.0965365,22.227789 24.0965365,20.0001286 C24.0965365,17.7729825 22.2818581,15.9667852 20.0439356,15.9667852 C17.8054963,15.9667852 15.9908179,17.7729825 15.9908179,20.0001286 L15.9908179,20.0001286 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/options_normal.svg b/linphone-app/assets/images/options_normal.svg
deleted file mode 100644
index c3b080307..000000000
--- a/linphone-app/assets/images/options_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>options_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="options_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M29.0873544,21.9006986 L29.0873544,18.0990443 L27.457167,18.0990443 C27.276035,17.3980628 26.9959394,16.7371962 26.6347091,16.1290447 L27.7891991,14.9803711 L25.0877236,12.2919042 L23.933492,13.441092 C23.3229145,13.0816012 22.6583335,12.8028543 21.9537018,12.6225946 L21.9537018,11 L18.133911,11 L18.133911,12.6225946 C17.4292793,12.8028543 16.765215,13.0816012 16.1538624,13.441092 L14.9993724,12.2919042 L12.298672,14.9803711 L13.453162,16.1290447 C13.0916733,16.7369391 12.8115777,17.3980628 12.6301874,18.0990443 L11,18.0990443 L11,21.9006986 L12.6301874,21.9006986 C12.8115777,22.6019372 13.0916733,23.2630609 13.4523869,23.8712124 L12.298672,25.0196289 L14.9998892,27.7078387 L16.1538624,26.5591651 C16.765215,26.9183988 17.4292793,27.1974028 18.133911,27.3774054 L18.133911,29 L21.9537018,29 L21.9537018,27.3774054 C22.6585919,27.1974028 23.3229145,26.9183988 23.9337503,26.5591651 L25.0877236,27.7078387 L27.7891991,25.0196289 L26.6347091,23.8712124 C26.9959394,23.2630609 27.2762934,22.6019372 27.457167,21.9006986 L29.0873544,21.9006986 L29.0873544,21.9006986 Z M15.9908179,20.0001286 C15.9908179,22.227789 17.8054963,24.0334719 20.0439356,24.0334719 C22.2818581,24.0334719 24.0965365,22.227789 24.0965365,20.0001286 C24.0965365,17.7729825 22.2818581,15.9667852 20.0439356,15.9667852 C17.8054963,15.9667852 15.9908179,17.7729825 15.9908179,20.0001286 L15.9908179,20.0001286 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/options_pressed.svg b/linphone-app/assets/images/options_pressed.svg
deleted file mode 100644
index 0e973452b..000000000
--- a/linphone-app/assets/images/options_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>options_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="options_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M29.0873544,21.9006986 L29.0873544,18.0990443 L27.457167,18.0990443 C27.276035,17.3980628 26.9959394,16.7371962 26.6347091,16.1290447 L27.7891991,14.9803711 L25.0877236,12.2919042 L23.933492,13.441092 C23.3229145,13.0816012 22.6583335,12.8028543 21.9537018,12.6225946 L21.9537018,11 L18.133911,11 L18.133911,12.6225946 C17.4292793,12.8028543 16.765215,13.0816012 16.1538624,13.441092 L14.9993724,12.2919042 L12.298672,14.9803711 L13.453162,16.1290447 C13.0916733,16.7369391 12.8115777,17.3980628 12.6301874,18.0990443 L11,18.0990443 L11,21.9006986 L12.6301874,21.9006986 C12.8115777,22.6019372 13.0916733,23.2630609 13.4523869,23.8712124 L12.298672,25.0196289 L14.9998892,27.7078387 L16.1538624,26.5591651 C16.765215,26.9183988 17.4292793,27.1974028 18.133911,27.3774054 L18.133911,29 L21.9537018,29 L21.9537018,27.3774054 C22.6585919,27.1974028 23.3229145,26.9183988 23.9337503,26.5591651 L25.0877236,27.7078387 L27.7891991,25.0196289 L26.6347091,23.8712124 C26.9959394,23.2630609 27.2762934,22.6019372 27.457167,21.9006986 L29.0873544,21.9006986 L29.0873544,21.9006986 Z M15.9908179,20.0001286 C15.9908179,22.227789 17.8054963,24.0334719 20.0439356,24.0334719 C22.2818581,24.0334719 24.0965365,22.227789 24.0965365,20.0001286 C24.0965365,17.7729825 22.2818581,15.9667852 20.0439356,15.9667852 C17.8054963,15.9667852 15.9908179,17.7729825 15.9908179,20.0001286 L15.9908179,20.0001286 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/outgoing_call.svg b/linphone-app/assets/images/outgoing_call_custom.svg
similarity index 71%
rename from linphone-app/assets/images/outgoing_call.svg
rename to linphone-app/assets/images/outgoing_call_custom.svg
index a679ec0c3..30d310d20 100644
--- a/linphone-app/assets/images/outgoing_call.svg
+++ b/linphone-app/assets/images/outgoing_call_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   viewBox="0 0 18 18"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg11"
-   sodipodi:docname="outgoing_call.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="outgoing_call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata15">
     <rdf:RDF>
@@ -35,17 +35,18 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
      id="namedview13"
      showgrid="false"
-     inkscape:zoom="19.666667"
-     inkscape:cx="6"
-     inkscape:cy="6"
+     inkscape:zoom="2.4583334"
+     inkscape:cx="-43.322033"
+     inkscape:cy="106.57627"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg11"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">call_outgoing</title>
@@ -56,14 +57,14 @@
   <g
      id="Symbols"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(3,3)">
+     transform="matrix(3.4757387,0,0,3.4636486,18.464483,20.000317)">
     <g
        id="call_outgoing"
-       style="stroke:#18a7af;stroke-width:2">
+       style="stroke:#000000;stroke-width:2">
       <path
          d="m 1.15,1 v 9.161386 L 1.1508372,10.8 Z m 9.8,9.841636 H 1.7886143 L 1.15,10.842473 Z M 1.6825036,10.296706 10.95,1 Z"
          id="Imported-Layers"
-         transform="rotate(-180,6.05,5.921236)"
+         transform="rotate(180,6.05,5.921236)"
          inkscape:connector-curvature="0" />
     </g>
   </g>
diff --git a/linphone-app/assets/images/panel_arrow.svg b/linphone-app/assets/images/panel_arrow_custom.svg
similarity index 75%
rename from linphone-app/assets/images/panel_arrow.svg
rename to linphone-app/assets/images/panel_arrow_custom.svg
index 9c3c6d21e..bc03a7595 100644
--- a/linphone-app/assets/images/panel_arrow.svg
+++ b/linphone-app/assets/images/panel_arrow_custom.svg
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="12"
-   height="12"
-   viewBox="0 0 12 12"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg10"
-   sodipodi:docname="panel_arrow.svg"
+   sodipodi:docname="panel_arrow_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -23,13 +23,13 @@
      inkscape:pagecheckerboard="0"
      showgrid="false"
      width="12px"
-     inkscape:zoom="72.75"
-     inkscape:cx="4.7079038"
-     inkscape:cy="6"
+     inkscape:zoom="6.4302523"
+     inkscape:cx="42.688838"
+     inkscape:cy="44.477259"
      inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg10" />
   <g
@@ -38,9 +38,9 @@
      stroke-linecap="round"
      stroke-linejoin="round"
      id="g8"
-     transform="translate(2.5)">
+     transform="matrix(2.8571282,0,0,3.3333144,30.000468,20)">
     <g
-       stroke="#ffffff"
+       stroke="#000000"
        stroke-width="2"
        id="g6">
       <g
diff --git a/linphone-app/assets/images/pause_custom.svg b/linphone-app/assets/images/pause_custom.svg
new file mode 100644
index 000000000..83149a3d9
--- /dev/null
+++ b/linphone-app/assets/images/pause_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="pause_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.4101563"
+     inkscape:cx="24.778923"
+     inkscape:cy="30.790378"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 32.41892,24.91892 V 55.08108 M 47.58108,24.91892 v 30.16216"
+     stroke="#000000"
+     stroke-width="4.83784"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/pause_off_hovered.svg b/linphone-app/assets/images/pause_off_hovered.svg
deleted file mode 100644
index d6aed7eab..000000000
--- a/linphone-app/assets/images/pause_off_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>play_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="play_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="16 11 16 29 28.5805664 20"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_off_normal.svg b/linphone-app/assets/images/pause_off_normal.svg
deleted file mode 100644
index e0ca25744..000000000
--- a/linphone-app/assets/images/pause_off_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>play_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="play_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="16 11 16 29 28.5805664 20"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_off_pressed.svg b/linphone-app/assets/images/pause_off_pressed.svg
deleted file mode 100644
index 28269c664..000000000
--- a/linphone-app/assets/images/pause_off_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>play_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="play_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="16 11 16 29 28.5805664 20"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_off_updating.svg b/linphone-app/assets/images/pause_off_updating.svg
deleted file mode 100644
index e0ca25744..000000000
--- a/linphone-app/assets/images/pause_off_updating.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>play_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="play_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="16 11 16 29 28.5805664 20"></polygon>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_on_hovered.svg b/linphone-app/assets/images/pause_on_hovered.svg
deleted file mode 100644
index bfad261f6..000000000
--- a/linphone-app/assets/images/pause_on_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>pause_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="pause_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M17,13 L17,26.9571245 M22.6,13 L22.6,26.9571245" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_on_normal.svg b/linphone-app/assets/images/pause_on_normal.svg
deleted file mode 100644
index a2fde79f5..000000000
--- a/linphone-app/assets/images/pause_on_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>pause_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="pause_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M17,13 L17,26.9571245 M22.6,13 L22.6,26.9571245" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_on_pressed.svg b/linphone-app/assets/images/pause_on_pressed.svg
deleted file mode 100644
index a20e8bcbc..000000000
--- a/linphone-app/assets/images/pause_on_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>pause_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="pause_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M17,13 L17,26.9571245 M22.6,13 L22.6,26.9571245" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/pause_on_updating.svg b/linphone-app/assets/images/pause_on_updating.svg
deleted file mode 100644
index a2fde79f5..000000000
--- a/linphone-app/assets/images/pause_on_updating.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>pause_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="pause_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M17,13 L17,26.9571245 M22.6,13 L22.6,26.9571245" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/play_custom.svg b/linphone-app/assets/images/play_custom.svg
new file mode 100644
index 000000000..1e5a53405
--- /dev/null
+++ b/linphone-app/assets/images/play_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="play_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.728125"
+     inkscape:cx="-7.8808706"
+     inkscape:cy="-10.996564"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 31.4682,23.968061 V 56.031819 L 58.531903,39.99994 Z"
+     stroke="#000000"
+     stroke-width="2.9364"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/plus_disabled.svg b/linphone-app/assets/images/plus_disabled.svg
deleted file mode 100644
index e1ac823f8..000000000
--- a/linphone-app/assets/images/plus_disabled.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="plus_disabled.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs22" />
-  <sodipodi:namedview
-     id="namedview20"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20.504009"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg18" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g16">
-    <g
-       stroke="#96A5B1"
-       stroke-width="2"
-       id="g14">
-      <g
-         id="g12">
-        <g
-           id="g10">
-          <g
-             id="g8">
-            <g
-               id="g6">
-              <g
-                 id="g4">
-                <path
-                   d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-                   transform="translate(-812.000000, -218.000000) translate(73.000000, 89.000000) translate(504.000000, 124.000000) translate(235.193878, 5.000000) translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-                   id="path2" />
-              </g>
-            </g>
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/plus_hovered.svg b/linphone-app/assets/images/plus_hovered.svg
deleted file mode 100644
index 8067cda62..000000000
--- a/linphone-app/assets/images/plus_hovered.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="plus_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs22" />
-  <sodipodi:namedview
-     id="namedview20"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20.504009"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg18" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g16">
-    <g
-       stroke="#96A5B1"
-       stroke-width="2"
-       id="g14">
-      <g
-         id="g12">
-        <g
-           id="g10">
-          <g
-             id="g8">
-            <g
-               id="g6">
-              <g
-                 id="g4">
-                <path
-                   d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-                   transform="translate(-812.000000, -218.000000) translate(73.000000, 89.000000) translate(504.000000, 124.000000) translate(235.193878, 5.000000) translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-                   id="path2" />
-              </g>
-            </g>
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/plus_normal.svg b/linphone-app/assets/images/plus_normal.svg
deleted file mode 100644
index 558867507..000000000
--- a/linphone-app/assets/images/plus_normal.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="plus_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs22" />
-  <sodipodi:namedview
-     id="namedview20"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20.504009"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg18" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g16">
-    <g
-       stroke="#96A5B1"
-       stroke-width="2"
-       id="g14">
-      <g
-         id="g12">
-        <g
-           id="g10">
-          <g
-             id="g8">
-            <g
-               id="g6">
-              <g
-                 id="g4">
-                <path
-                   d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-                   transform="translate(-812.000000, -218.000000) translate(73.000000, 89.000000) translate(504.000000, 124.000000) translate(235.193878, 5.000000) translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-                   id="path2" />
-              </g>
-            </g>
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/plus_pressed.svg b/linphone-app/assets/images/plus_pressed.svg
deleted file mode 100644
index 84b7f71da..000000000
--- a/linphone-app/assets/images/plus_pressed.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="41"
-   height="40"
-   viewBox="0 0 41 40"
-   version="1.1"
-   id="svg18"
-   sodipodi:docname="plus_pressed.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs22" />
-  <sodipodi:namedview
-     id="namedview20"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20.504009"
-     inkscape:cy="20"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg18" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g16">
-    <g
-       stroke="#96A5B1"
-       stroke-width="2"
-       id="g14">
-      <g
-         id="g12">
-        <g
-           id="g10">
-          <g
-             id="g8">
-            <g
-               id="g6">
-              <g
-                 id="g4">
-                <path
-                   d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-                   transform="translate(-812.000000, -218.000000) translate(73.000000, 89.000000) translate(504.000000, 124.000000) translate(235.193878, 5.000000) translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-                   id="path2" />
-              </g>
-            </g>
-          </g>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/record_custom.svg b/linphone-app/assets/images/record_custom.svg
new file mode 100644
index 000000000..897c28bc9
--- /dev/null
+++ b/linphone-app/assets/images/record_custom.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="record_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="10.171821"
+     inkscape:cy="26.208476"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     transform="matrix(2.5165146,0,0,2.5512797,20,16.27564)"
+     fill="none"
+     fill-rule="evenodd"
+     id="g8">
+    <circle
+       stroke="#000000"
+       cx="7.3590002"
+       cy="5"
+       r="5"
+       id="circle2" />
+    <circle
+       fill="#000000"
+       cx="7.3590002"
+       cy="5"
+       r="3"
+       id="circle4" />
+    <path
+       d="m 0,19 v -5.727 h 2.434 c 0.612,0 1.056,0.052 1.334,0.155 0.277,0.103 0.499,0.286 0.666,0.549 0.166,0.263 0.25,0.563 0.25,0.902 0,0.43 -0.127,0.784 -0.38,1.064 -0.252,0.28 -0.63,0.457 -1.132,0.53 0.25,0.145 0.456,0.306 0.619,0.48 0.163,0.175 0.382,0.484 0.658,0.93 L 5.15,19 H 3.765 L 2.929,17.754 C 2.632,17.309 2.429,17.028 2.319,16.912 A 0.887,0.887 0 0 0 1.972,16.674 C 1.849,16.631 1.655,16.609 1.39,16.609 H 1.155 V 19 Z m 1.156,-3.305 h 0.856 c 0.554,0 0.9,-0.023 1.039,-0.07 A 0.623,0.623 0 0 0 3.375,15.383 0.746,0.746 0 0 0 3.492,14.953 0.687,0.687 0 0 0 3.338,14.486 0.708,0.708 0 0 0 2.902,14.262 9.736,9.736 0 0 0 2.059,14.242 H 1.156 Z M 5.773,19 v -5.727 h 4.247 v 0.97 H 6.93 v 1.269 h 2.875 v 0.965 H 6.93 v 1.558 h 3.199 V 19 Z m 9,-2.105 1.122,0.355 c -0.172,0.625 -0.458,1.09 -0.858,1.393 -0.4,0.303 -0.907,0.455 -1.521,0.455 -0.76,0 -1.386,-0.26 -1.875,-0.78 -0.49,-0.52 -0.735,-1.23 -0.735,-2.13 0,-0.954 0.246,-1.694 0.739,-2.221 0.492,-0.528 1.139,-0.791 1.94,-0.791 0.701,0 1.27,0.207 1.708,0.62 0.26,0.246 0.456,0.597 0.586,1.056 l -1.145,0.273 a 1.214,1.214 0 0 0 -0.423,-0.703 1.214,1.214 0 0 0 -0.784,-0.258 c -0.424,0 -0.769,0.152 -1.033,0.457 -0.264,0.305 -0.396,0.798 -0.396,1.48 0,0.725 0.13,1.24 0.39,1.547 0.26,0.308 0.6,0.461 1.016,0.461 0.307,0 0.572,-0.097 0.793,-0.293 0.221,-0.195 0.38,-0.502 0.476,-0.921 z"
+       fill="#000000"
+       id="path6" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/record_off.svg b/linphone-app/assets/images/record_off.svg
deleted file mode 100644
index a83adf1f9..000000000
--- a/linphone-app/assets/images/record_off.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>record_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="record_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <circle stroke="#6B7A86" cx="19.5" cy="15.5" r="5"></circle>
-            <circle fill="#6B7A86" cx="19.5" cy="15.5" r="3"></circle>
-            <path d="M12.140625,29.5 L12.140625,23.7734375 L14.5742188,23.7734375 C15.186201,23.7734375 15.630858,23.8248693 15.9082031,23.9277344 C16.1855483,24.0305995 16.4075513,24.2135404 16.5742188,24.4765625 C16.7408862,24.7395846 16.8242188,25.0403629 16.8242188,25.3789062 C16.8242188,25.8085959 16.6979179,26.1634101 16.4453125,26.4433594 C16.1927071,26.7233087 15.8151067,26.8997392 15.3125,26.9726562 C15.5625013,27.1184903 15.7688794,27.278645 15.9316406,27.453125 C16.0944019,27.627605 16.3138007,27.9374978 16.5898438,28.3828125 L17.2890625,29.5 L15.90625,29.5 L15.0703125,28.2539062 C14.773436,27.8085915 14.570313,27.5279954 14.4609375,27.4121094 C14.351562,27.2962234 14.2356777,27.2167971 14.1132812,27.1738281 C13.9908848,27.1308592 13.7968763,27.109375 13.53125,27.109375 L13.296875,27.109375 L13.296875,29.5 L12.140625,29.5 Z M13.296875,26.1953125 L14.1523438,26.1953125 C14.707034,26.1953125 15.0533847,26.1718752 15.1914062,26.125 C15.3294278,26.0781248 15.4374996,25.9973964 15.515625,25.8828125 C15.5937504,25.7682286 15.6328125,25.6250009 15.6328125,25.453125 C15.6328125,25.2604157 15.5813807,25.1048183 15.4785156,24.9863281 C15.3756505,24.8678379 15.2304697,24.7929689 15.0429688,24.7617188 C14.9492183,24.7486979 14.6679711,24.7421875 14.1992188,24.7421875 L13.296875,24.7421875 L13.296875,26.1953125 Z M17.9140625,29.5 L17.9140625,23.7734375 L22.1601562,23.7734375 L22.1601562,24.7421875 L19.0703125,24.7421875 L19.0703125,26.0117188 L21.9453125,26.0117188 L21.9453125,26.9765625 L19.0703125,26.9765625 L19.0703125,28.5351562 L22.2695312,28.5351562 L22.2695312,29.5 L17.9140625,29.5 Z M26.9140625,27.3945312 L28.0351562,27.75 C27.8632804,28.3750031 27.577476,28.8391912 27.1777344,29.1425781 C26.7779928,29.4459651 26.2708364,29.5976562 25.65625,29.5976562 C24.8958295,29.5976562 24.2708358,29.3378932 23.78125,28.8183594 C23.2916642,28.2988255 23.046875,27.5885462 23.046875,26.6875 C23.046875,25.7343702 23.2929663,24.9941433 23.7851562,24.4667969 C24.2773462,23.9394505 24.9244752,23.6757812 25.7265625,23.6757812 C26.4270868,23.6757812 26.9960916,23.8828104 27.4335938,24.296875 C27.6940117,24.5416679 27.8893223,24.8932269 28.0195312,25.3515625 L26.875,25.625 C26.8072913,25.3281235 26.6660167,25.0937509 26.4511719,24.921875 C26.2363271,24.7499991 25.975262,24.6640625 25.6679688,24.6640625 C25.2434875,24.6640625 24.8990899,24.8164047 24.6347656,25.1210938 C24.3704414,25.4257828 24.2382812,25.9192674 24.2382812,26.6015625 C24.2382812,27.3255245 24.3684883,27.8411443 24.6289062,28.1484375 C24.8893242,28.4557307 25.2278625,28.609375 25.6445312,28.609375 C25.9518245,28.609375 26.2161447,28.5117197 26.4375,28.3164062 C26.6588553,28.1210928 26.8177079,27.8138042 26.9140625,27.3945312 Z" fill="#6B7A86"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/record_on.svg b/linphone-app/assets/images/record_on.svg
deleted file mode 100644
index 75b039a69..000000000
--- a/linphone-app/assets/images/record_on.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>record_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="record_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <circle class="color-i-stroke" stroke="#FE5E00" cx="19.5" cy="15.5" r="5"></circle>
-            <circle class="color-i-fill" fill="#FE5E00" cx="19.5" cy="15.5" r="3"></circle>
-            <path d="M12.140625,29.5 L12.140625,23.7734375 L14.5742188,23.7734375 C15.186201,23.7734375 15.630858,23.8248693 15.9082031,23.9277344 C16.1855483,24.0305995 16.4075513,24.2135404 16.5742188,24.4765625 C16.7408862,24.7395846 16.8242188,25.0403629 16.8242188,25.3789062 C16.8242188,25.8085959 16.6979179,26.1634101 16.4453125,26.4433594 C16.1927071,26.7233087 15.8151067,26.8997392 15.3125,26.9726562 C15.5625013,27.1184903 15.7688794,27.278645 15.9316406,27.453125 C16.0944019,27.627605 16.3138007,27.9374978 16.5898438,28.3828125 L17.2890625,29.5 L15.90625,29.5 L15.0703125,28.2539062 C14.773436,27.8085915 14.570313,27.5279954 14.4609375,27.4121094 C14.351562,27.2962234 14.2356777,27.2167971 14.1132812,27.1738281 C13.9908848,27.1308592 13.7968763,27.109375 13.53125,27.109375 L13.296875,27.109375 L13.296875,29.5 L12.140625,29.5 Z M13.296875,26.1953125 L14.1523438,26.1953125 C14.707034,26.1953125 15.0533847,26.1718752 15.1914062,26.125 C15.3294278,26.0781248 15.4374996,25.9973964 15.515625,25.8828125 C15.5937504,25.7682286 15.6328125,25.6250009 15.6328125,25.453125 C15.6328125,25.2604157 15.5813807,25.1048183 15.4785156,24.9863281 C15.3756505,24.8678379 15.2304697,24.7929689 15.0429688,24.7617188 C14.9492183,24.7486979 14.6679711,24.7421875 14.1992188,24.7421875 L13.296875,24.7421875 L13.296875,26.1953125 Z M17.9140625,29.5 L17.9140625,23.7734375 L22.1601562,23.7734375 L22.1601562,24.7421875 L19.0703125,24.7421875 L19.0703125,26.0117188 L21.9453125,26.0117188 L21.9453125,26.9765625 L19.0703125,26.9765625 L19.0703125,28.5351562 L22.2695312,28.5351562 L22.2695312,29.5 L17.9140625,29.5 Z M26.9140625,27.3945312 L28.0351562,27.75 C27.8632804,28.3750031 27.577476,28.8391912 27.1777344,29.1425781 C26.7779928,29.4459651 26.2708364,29.5976562 25.65625,29.5976562 C24.8958295,29.5976562 24.2708358,29.3378932 23.78125,28.8183594 C23.2916642,28.2988255 23.046875,27.5885462 23.046875,26.6875 C23.046875,25.7343702 23.2929663,24.9941433 23.7851562,24.4667969 C24.2773462,23.9394505 24.9244752,23.6757812 25.7265625,23.6757812 C26.4270868,23.6757812 26.9960916,23.8828104 27.4335938,24.296875 C27.6940117,24.5416679 27.8893223,24.8932269 28.0195312,25.3515625 L26.875,25.625 C26.8072913,25.3281235 26.6660167,25.0937509 26.4511719,24.921875 C26.2363271,24.7499991 25.975262,24.6640625 25.6679688,24.6640625 C25.2434875,24.6640625 24.8990899,24.8164047 24.6347656,25.1210938 C24.3704414,25.4257828 24.2382812,25.9192674 24.2382812,26.6015625 C24.2382812,27.3255245 24.3684883,27.8411443 24.6289062,28.1484375 C24.8893242,28.4557307 25.2278625,28.609375 25.6445312,28.609375 C25.9518245,28.609375 26.2161447,28.5117197 26.4375,28.3164062 C26.6588553,28.1210928 26.8177079,27.8138042 26.9140625,27.3945312 Z" class="color-i-fill" fill="#FE5E00"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/remove_participant_custom.svg b/linphone-app/assets/images/remove_participant_custom.svg
new file mode 100644
index 000000000..2024d69e9
--- /dev/null
+++ b/linphone-app/assets/images/remove_participant_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="close_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.1971154"
+     inkscape:cx="-29.66323"
+     inkscape:cy="23.34937"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 27.255215,52.745704 51.112191,28.89804 52.772276,27.233933 27.255215,52.743448 Z m -0.01579,-25.511771 23.85472,23.849921 1.664598,1.659594 z"
+     stroke="#000000"
+     stroke-width="4.51043"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/remove_participant_hovered.svg b/linphone-app/assets/images/remove_participant_hovered.svg
deleted file mode 100644
index c0c2126c7..000000000
--- a/linphone-app/assets/images/remove_participant_hovered.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="remove_participant_hovered.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20.02291"
-     inkscape:window-width="1920"
-     inkscape:window-height="1043"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g10">
-    <g
-       stroke="#4B5964"
-       stroke-width="2"
-       id="g8">
-      <g
-         id="g6">
-        <g
-           id="g4">
-          <path
-             d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-             transform="translate(8.686292, 8.686292) translate(11.313708, 11.313708) rotate(-135.000000) translate(-11.313708, -11.313708) translate(3.313708, 3.313708) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-             id="path2" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/remove_participant_normal.svg b/linphone-app/assets/images/remove_participant_normal.svg
deleted file mode 100644
index f53108df9..000000000
--- a/linphone-app/assets/images/remove_participant_normal.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="remove_participant_normal.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20.02291"
-     inkscape:window-width="1920"
-     inkscape:window-height="1043"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g10">
-    <g
-       stroke="#96A5B1"
-       stroke-width="2"
-       id="g8">
-      <g
-         id="g6">
-        <g
-           id="g4">
-          <path
-             d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-             transform="translate(8.686292, 8.686292) translate(11.313708, 11.313708) rotate(-135.000000) translate(-11.313708, -11.313708) translate(3.313708, 3.313708) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-             id="path2" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/remove_participant_pressed.svg b/linphone-app/assets/images/remove_participant_pressed.svg
deleted file mode 100644
index f8ba7a4bb..000000000
--- a/linphone-app/assets/images/remove_participant_pressed.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="remove_participant_pressed.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20.02291"
-     inkscape:window-width="1920"
-     inkscape:window-height="1043"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="g10">
-    <g
-       stroke="#FF5E00"
-       stroke-width="2"
-       id="g8">
-      <g
-         id="g6">
-        <g
-           id="g4">
-          <path
-             d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-             transform="translate(8.686292, 8.686292) translate(11.313708, 11.313708) rotate(-135.000000) translate(-11.313708, -11.313708) translate(3.313708, 3.313708) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-             id="path2" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/add_participant_pressed.svg b/linphone-app/assets/images/screenshot_custom.svg
similarity index 51%
rename from linphone-app/assets/images/add_participant_pressed.svg
rename to linphone-app/assets/images/screenshot_custom.svg
index 01e569aee..1228d536c 100644
--- a/linphone-app/assets/images/add_participant_pressed.svg
+++ b/linphone-app/assets/images/screenshot_custom.svg
@@ -1,11 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="40"
-   height="40"
-   viewBox="0 0 40 40"
+   width="80"
+   height="80"
    version="1.1"
    id="svg12"
-   sodipodi:docname="add_participant_pressed.svg"
+   sodipodi:docname="screenshot_custom.svg"
    inkscape:version="1.1 (c68e22c387, 2021-05-23)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -22,35 +21,40 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      showgrid="false"
-     inkscape:zoom="21.825"
-     inkscape:cx="20"
-     inkscape:cy="20.02291"
+     inkscape:zoom="3.2421875"
+     inkscape:cx="-52.279518"
+     inkscape:cy="30.843373"
      inkscape:window-width="1920"
-     inkscape:window-height="1043"
+     inkscape:window-height="1131"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg12" />
   <g
+     transform="matrix(2.1739234,0,0,1.8750012,15,25)"
+     stroke="#000000"
      fill="none"
      fill-rule="evenodd"
-     stroke-linecap="round"
-     stroke-linejoin="round"
      id="g10">
-    <g
-       stroke="#FF5E00"
-       stroke-width="2"
-       id="g8">
-      <g
-         id="g6">
-        <g
-           id="g4">
-          <path
-             d="M7.994 0v14.957L7.995 16 7.994 0zM16 7.994H1.043L0 7.995l16-.001z"
-             transform="translate(12.000000, 12.000000) translate(8.000000, 8.000000) rotate(-180.000000) translate(-8.000000, -8.000000) translate(-0.000000, 0.000000) translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000)"
-             id="path2" />
-        </g>
-      </g>
-    </g>
+    <path
+       stroke-linecap="square"
+       d="M 1,2.5 H 22.024"
+       id="path2" />
+    <rect
+       x="0.5"
+       y="0.5"
+       width="22"
+       height="15"
+       rx="1"
+       id="rect4" />
+    <path
+       stroke-linecap="square"
+       d="m 11.5,4.333 v 2 m 0,5.334 v 2 M 16.167,9 h -2 M 8.833,9 h -2"
+       id="path6" />
+    <circle
+       cx="11.5"
+       cy="9"
+       r="3.6670001"
+       id="circle8" />
   </g>
 </svg>
diff --git a/linphone-app/assets/images/screenshot_hovered.svg b/linphone-app/assets/images/screenshot_hovered.svg
deleted file mode 100644
index 0924abdd4..000000000
--- a/linphone-app/assets/images/screenshot_hovered.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>screenshot_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="8.5" y="12" width="23" height="16" rx="1"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="23" height="16" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="screenshot_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <path d="M9.5,14.5 L30.523796,14.5" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square"></path>
-            <use class="color-i-stroke" stroke="#FE5E00" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <path d="M20,16.3333333 L20,18.3333333" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square"></path>
-            <path d="M20,23.6666667 L20,25.6666667" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square"></path>
-            <path d="M23.6666667,20 L23.6666667,22" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square" transform="translate(23.666667, 21.000000) rotate(-270.000000) translate(-23.666667, -21.000000) "></path>
-            <path d="M16.3333333,20 L16.3333333,22" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square" transform="translate(16.333333, 21.000000) rotate(-270.000000) translate(-16.333333, -21.000000) "></path>
-            <circle class="color-i-stroke" stroke="#FE5E00" cx="20" cy="21" r="3.66666667"></circle>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/screenshot_normal.svg b/linphone-app/assets/images/screenshot_normal.svg
deleted file mode 100644
index 1d65b1e35..000000000
--- a/linphone-app/assets/images/screenshot_normal.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>screenshot_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="8.5" y="12" width="23" height="16" rx="1"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="23" height="16" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="screenshot_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <path d="M9.5,14.5 L30.523796,14.5" stroke="#6B7A86" stroke-linecap="square"></path>
-            <use stroke="#6B7A86" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <path d="M20,16.3333333 L20,18.3333333" stroke="#6B7A86" stroke-linecap="square"></path>
-            <path d="M20,23.6666667 L20,25.6666667" stroke="#6B7A86" stroke-linecap="square"></path>
-            <path d="M23.6666667,20 L23.6666667,22" stroke="#6B7A86" stroke-linecap="square" transform="translate(23.666667, 21.000000) rotate(-270.000000) translate(-23.666667, -21.000000) "></path>
-            <path d="M16.3333333,20 L16.3333333,22" stroke="#6B7A86" stroke-linecap="square" transform="translate(16.333333, 21.000000) rotate(-270.000000) translate(-16.333333, -21.000000) "></path>
-            <circle stroke="#6B7A86" cx="20" cy="21" r="3.66666667"></circle>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/screenshot_pressed.svg b/linphone-app/assets/images/screenshot_pressed.svg
deleted file mode 100644
index 0924abdd4..000000000
--- a/linphone-app/assets/images/screenshot_pressed.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>screenshot_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="8.5" y="12" width="23" height="16" rx="1"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="23" height="16" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="screenshot_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#E8E8E8" opacity="0.85"></path>
-            <path d="M9.5,14.5 L30.523796,14.5" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square"></path>
-            <use class="color-i-stroke" stroke="#FE5E00" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <path d="M20,16.3333333 L20,18.3333333" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square"></path>
-            <path d="M20,23.6666667 L20,25.6666667" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square"></path>
-            <path d="M23.6666667,20 L23.6666667,22" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square" transform="translate(23.666667, 21.000000) rotate(-270.000000) translate(-23.666667, -21.000000) "></path>
-            <path d="M16.3333333,20 L16.3333333,22" class="color-i-stroke" stroke="#FE5E00" stroke-linecap="square" transform="translate(16.333333, 21.000000) rotate(-270.000000) translate(-16.333333, -21.000000) "></path>
-            <circle class="color-i-stroke" stroke="#FE5E00" cx="20" cy="21" r="3.66666667"></circle>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/search.svg b/linphone-app/assets/images/search.svg
deleted file mode 100644
index d72633397..000000000
--- a/linphone-app/assets/images/search.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>search</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="search" fill="#CBCBCB">
-            <path d="M0.0714285714,6.31428571 C0.0714285714,5.46309098 0.236605491,4.64911102 0.566964286,3.87232142 C0.89732308,3.09553182 1.34374719,2.42589566 1.90625,1.86339285 C2.46875281,1.30089004 3.13838897,0.854465932 3.91517857,0.524107137 C4.69196817,0.193748342 5.50594812,0.0285714226 6.35714286,0.0285714226 C7.20833759,0.0285714226 8.02231754,0.193748342 8.79910714,0.524107137 C9.57589674,0.854465932 10.2455329,1.30089004 10.8080357,1.86339285 C11.3705385,2.42589566 11.8169626,3.09553182 12.1473214,3.87232142 C12.4776802,4.64911102 12.6428571,5.46309098 12.6428571,6.31428571 C12.6428571,7.62381607 12.2738132,8.81130419 11.5357143,9.87678571 L14.5982143,12.9392857 C14.8184535,13.1595249 14.9285714,13.4273794 14.9285714,13.7428571 C14.9285714,14.0523825 14.8154773,14.320237 14.5892857,14.5464286 C14.3630941,14.7726202 14.0952396,14.8857143 13.7857143,14.8857143 C13.4642841,14.8857143 13.1964296,14.7726202 12.9821429,14.5464286 L9.91964286,11.4928571 C8.85416134,12.2309561 7.66667321,12.6 6.35714286,12.6 C5.50594812,12.6 4.69196817,12.4348231 3.91517857,12.1044643 C3.13838897,11.7741055 2.46875281,11.3276814 1.90625,10.7651786 C1.34374719,10.2026758 0.89732308,9.53303959 0.566964286,8.75624999 C0.236605491,7.9794604 0.0714285714,7.16548044 0.0714285714,6.31428571 L0.0714285714,6.31428571 Z M2.35714286,6.31428571 C2.35714286,7.41548169 2.74850799,8.35743656 3.53125,9.14017857 C4.31399201,9.92292057 5.25594687,10.3142857 6.35714286,10.3142857 C7.45833884,10.3142857 8.40029371,9.92292057 9.18303571,9.14017857 C9.96577772,8.35743656 10.3571429,7.41548169 10.3571429,6.31428571 C10.3571429,5.21308973 9.96577772,4.27113486 9.18303571,3.48839285 C8.40029371,2.70565084 7.45833884,2.31428571 6.35714286,2.31428571 C5.25594687,2.31428571 4.31399201,2.70565084 3.53125,3.48839285 C2.74850799,4.27113486 2.35714286,5.21308973 2.35714286,6.31428571 L2.35714286,6.31428571 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/search_custom.svg b/linphone-app/assets/images/search_custom.svg
new file mode 100644
index 000000000..64e569a46
--- /dev/null
+++ b/linphone-app/assets/images/search_custom.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="search.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.81875"
+     inkscape:cx="-81.099656"
+     inkscape:cy="92.371134"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">search</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Symbols"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(2.6923078,0,0,2.6923077,19.807692,19.923077)">
+    <g
+       id="search"
+       fill="#000000">
+      <path
+         d="m 0.07142857,6.3142857 c 0,-0.8511947 0.16517692,-1.6651747 0.49553572,-2.4419643 C 0.89732308,3.0955318 1.3437472,2.4258957 1.90625,1.8633929 2.4687528,1.30089 3.138389,0.85446593 3.9151786,0.52410714 4.6919682,0.19374834 5.5059481,0.02857142 6.3571429,0.02857142 c 0.8511947,0 1.6651746,0.16517692 2.4419642,0.49553572 0.7767896,0.33035879 1.4464259,0.77678286 2.0089289,1.33928576 0.562503,0.5625028 1.008927,1.2321389 1.339285,2.0089285 0.330359,0.7767896 0.495536,1.5907696 0.495536,2.4419643 0,1.3095304 -0.369044,2.4970185 -1.107143,3.5625 l 3.0625,3.0625003 c 0.22024,0.220239 0.330357,0.488093 0.330357,0.803571 0,0.309526 -0.113094,0.57738 -0.339285,0.803572 -0.226192,0.226191 -0.494046,0.339285 -0.803572,0.339285 -0.32143,0 -0.589284,-0.113094 -0.803571,-0.339285 L 9.9196429,11.492857 C 8.8541613,12.230956 7.6666732,12.6 6.3571429,12.6 5.5059481,12.6 4.6919682,12.434823 3.9151786,12.104464 3.138389,11.774105 2.4687528,11.327681 1.90625,10.765179 1.3437472,10.202676 0.89732308,9.5330396 0.56696429,8.75625 0.23660549,7.9794604 0.07142857,7.1654804 0.07142857,6.3142857 Z m 2.28571433,0 c 0,1.101196 0.3913651,2.0431509 1.1741071,2.8258929 0.782742,0.782742 1.7246969,1.1741074 2.8258929,1.1741074 1.1011959,0 2.0431508,-0.3913654 2.8258928,-1.1741074 0.782742,-0.782742 1.1741073,-1.7246969 1.1741073,-2.8258929 0,-1.101196 -0.3913653,-2.0431508 -1.1741073,-2.8258928 C 8.4002937,2.7056508 7.4583388,2.3142857 6.3571429,2.3142857 5.2559469,2.3142857 4.313992,2.7056508 3.53125,3.4883929 2.748508,4.2711349 2.3571429,5.2130897 2.3571429,6.3142857 Z"
+         id="path8" />
+    </g>
+  </g>
+  <metadata
+     id="metadata831">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>search</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/linphone-app/assets/images/send.svg b/linphone-app/assets/images/send.svg
deleted file mode 100644
index 64e4bef27..000000000
--- a/linphone-app/assets/images/send.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="48"
-   height="48"
-   viewBox="0 0 48 48"
-   sodipodi:docname="send.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="18.1875"
-     inkscape:cx="24"
-     inkscape:cy="24"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="48"
-       height="48"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0A
-KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAAB
-AAAAMAAAAADbN2wMAAAFNUlEQVRoBdWYz2tcVRTHM5MZTUBMwEWRIihmUf+Agqumi/wgLtXYSorF
-ikkWqVDcq7gVBatIUxHpD4Q22E3BhCQLU3Eh7qMusrG4EAyJIohNZuLnyDuXM3fuu/PezHsxPnic
-+/Oc7/fce86971X6/kfPxMTECeDONZvNs5VK5a9qtXq+ctTxT01NPby/v/88OOcPDg5OWbyQuF+z
-DUepLN4G8Ot7e3vnwfVYCBv91SNFQLwN4BfwrGyTFm+HCNB2+0hsIfU2Hk31dohArVY78Z+tgPH2
-LN4eDQGMtbFKGysrKz8dOgH1tu5tvB7DGetblM5DIZDT29t49w+IPRVBv832uVM6gTzeli0B6Kvk
-9jryswj4PsZeW15e/rsUAl14+1p/f/9V2c8QPivgeftjBGS89heWhcTbBOMsil/hDeZtZzTxdr1e
-/1I9mYC/acHj6QZz7tP2pJ27trZ2Wus9xUAv3lYAItPAQ+A1nPK+HQsZ531p74qAeBtF7pSkbG20
-lHVvW2/bARHwMwk+u5rbosfOz0zAeDvLKSmZxO1ta9CWY+BXV1dvjY+Pb9jxolO3nLZ3JFCkt9Wo
-yE7gxa5/nYDAp1aHlIMEyvC2NdwJvIxNEoKbJluRVfnRNSSFFgIJ61lOyX8zSS972zek9SzgEwcK
-Bvf4wasdNToq7LWXYVjY3lblvswCXuY0Go0XEdHgVd01wH9I5WInbzNmUY5vP4hUUSeZFbzoAYuc
-J+4JBa921ug8FwH/NaDn5ZTUCd3IPOAZ2xa89uT17VcB/63faOqn+Zy7wSqdm56efsi0Zy7mAS9K
-Q8Ebc2B1cHDwDKvwAXN/T0F1EpI3dnZ2fgbMO5OTk4+njGtrzgteghcs8lHjHmy3nLyuIym4uxAe
-fmR3d1cmLzBJvv7Tnj06lrg1XiatfZc2KC940cOcGVbgptEpJ+/xWNw5AjoJ8BUUjSPfoO053rYx
-Ohb5PR67PDw8fHtpaemBtncDXubKyYvdU6pHdgYXtze1HpIxcH0s6dOktAW88iqTh0IKkrZfMbbI
-qlwBwChv262S/hm5HqTpgLQE7w+2H33PhA4vOyZKQAfm2V4AlcTg7vPUG53Ai52xsTGJw0tqkzkb
-9tqs7b7MREAnASzP9pIvp0zgk5P3F+zYw2tmfX39C7WdJluuEmmDtB1Acm9elVe3F6Qu8D6qY1Rm
-BS/j85y8ql9lVQt5JZlhi/15iQA+DtgF3paLFqSatN3LopexmU9eX1+uLeRPtnVAyPbaRLoUDIF3
-2cdv23F+udvgVT1dr4AqUAnYA96PtC4SMnOdTvDQydsp81gbhREQpUNDQ9cR9kQ/xuH4kjVoyxK8
-1DNdm+08Wy6UAIfZn+Tuz60BVkEOxOAjP3LpsJmn7Zs3ONE0FkpA9HJz/Jit1DQ2TpLjnzV1V2Tc
-nKtQoN72zWv7Q+XCCUh2wutfecYuenW598ifDXdtkH4ItH3z+vP8euEEEiAtwUzbtH+LDQTvvTzB
-q0RKIQCQNbxpz4U6gOfVaErwLmp/HlkKAcBHU2oRwaskSyEgymMpFYI9B68ScLdGbShKbm5uPhgZ
-GTlGoNoM9ARt39D2nrVD6r2wtbX1m23LWi5tBQRAKKUC/ooFx2p0Fbyqo1QCoZQKgVE1LpJ6V8Gr
-OkolIEbwsJ9S1bbI3CevnSzl0gkEUqrFcD32wW4HppVLJxBKqQqG4I3+MtFxMVk6ATEeSKmytXoK
-XiV1KARCt1QIfKIgepGHQkAADgwMvAXou7w7vPJTLPUXSx5C/wD6fFPB1fbi7AAAAABJRU5ErkJg
-gg==
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/send_custom.svg b/linphone-app/assets/images/send_custom.svg
new file mode 100644
index 000000000..79c8416cd
--- /dev/null
+++ b/linphone-app/assets/images/send_custom.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg10"
+   sodipodi:docname="send_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="6.4302523"
+     inkscape:cx="9.408651"
+     inkscape:cy="46.187923"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g8"
+     transform="matrix(2.0833639,0,0,2.083344,15.000137,14.999696)">
+    <g
+       fill="#444444"
+       fill-rule="nonzero"
+       id="g6">
+      <g
+         id="g4">
+        <path
+           d="m 22.628,0.072 c 0.439,-0.176 0.94,-0.02 1.203,0.373 l 0.062,0.107 c 0.128,0.255 0.142,0.554 0.035,0.821 l -0.04,0.101 0.026,0.026 -0.061,0.061 -8.724,21.81 c -0.315,0.788 -1.387,0.839 -1.792,0.134 L 13.282,23.395 9.478,14.521 0.606,10.718 C -0.174,10.384 -0.198,9.311 0.516,8.924 L 0.629,8.871 22.439,0.146 22.5,0.086 22.526,0.111 Z m -2.365,5.078 -8.837,8.837 2.742,6.4 z M 18.848,3.736 3.611,9.831 l 6.4,2.743 8.837,-8.837 z"
+           id="path2" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/settings_advanced_selected.svg b/linphone-app/assets/images/settings_advanced_custom.svg
similarity index 98%
rename from linphone-app/assets/images/settings_advanced_selected.svg
rename to linphone-app/assets/images/settings_advanced_custom.svg
index 06f34e7af..4056e3ac2 100644
--- a/linphone-app/assets/images/settings_advanced_selected.svg
+++ b/linphone-app/assets/images/settings_advanced_custom.svg
@@ -5,7 +5,7 @@
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="settings_advanced_selected" class="color-i-stroke" stroke="#FE5E00" stroke-width="1.5">
+        <g id="settings_advanced_selected" class="color-i-stroke" stroke="#000000" stroke-width="1.5">
             <path d="M15.2200001,9.54049566 L15.2200001,6.50965686 L13.9203461,6.50965686 C13.7759401,5.95080496 13.5526361,5.4239343 13.2646481,4.9390903 L14.1850561,4.02331941 L12.0313261,1.87996039 L11.1111241,2.79614131 C10.6243461,2.50954007 10.0945141,2.28731136 9.53275206,2.14360073 L9.53275206,0.850000024 L6.48745404,0.850000024 L6.48745404,2.14360073 C5.92569204,2.28731136 5.39627204,2.50954007 4.90887603,2.79614131 L3.98846803,1.87996039 L1.83535602,4.02331941 L2.75576402,4.9390903 C2.46757002,5.4237293 2.24426602,5.95080496 2.09965402,6.50965686 L0.800000012,6.50965686 L0.800000012,9.54049566 L2.09965402,9.54049566 C2.24426602,10.0995526 2.46757002,10.6266282 2.75514602,11.1114722 L1.83535602,12.0270381 L3.98888003,14.1701921 L4.90887603,13.2544212 C5.39627204,13.5408175 5.92569204,13.7632512 6.48745404,13.9067568 L6.48745404,15.2003575 L9.53275206,15.2003575 L9.53275206,13.9067568 C10.0947201,13.7632512 10.6243461,13.5408175 11.1113301,13.2544212 L12.0313261,14.1701921 L14.1850561,12.0270381 L13.2646481,11.1114722 C13.5526361,10.6266282 13.7761461,10.0995526 13.9203461,9.54049566 L15.2200001,9.54049566 L15.2200001,9.54049566 Z M4.77889003,8.02528127 C4.77889003,9.80126588 6.22562804,11.2408323 8.01020605,11.2408323 C9.79437206,11.2408323 11.2411101,9.80126588 11.2411101,8.02528127 C11.2411101,6.24970667 9.79437206,4.80973023 8.01020605,4.80973023 C6.22562804,4.80973023 4.77889003,6.24970667 4.77889003,8.02528127 L4.77889003,8.02528127 Z" id="options_default"></path>
         </g>
     </g>
diff --git a/linphone-app/assets/images/settings_advanced_normal.svg b/linphone-app/assets/images/settings_advanced_normal.svg
deleted file mode 100644
index a9a16694f..000000000
--- a/linphone-app/assets/images/settings_advanced_normal.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>settings_advanced_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="settings_advanced_default" stroke="#FFFFFF" stroke-width="1.5">
-            <path d="M15.2200001,9.54049566 L15.2200001,6.50965686 L13.9203461,6.50965686 C13.7759401,5.95080496 13.5526361,5.4239343 13.2646481,4.9390903 L14.1850561,4.02331941 L12.0313261,1.87996039 L11.1111241,2.79614131 C10.6243461,2.50954007 10.0945141,2.28731136 9.53275206,2.14360073 L9.53275206,0.850000024 L6.48745404,0.850000024 L6.48745404,2.14360073 C5.92569204,2.28731136 5.39627204,2.50954007 4.90887603,2.79614131 L3.98846803,1.87996039 L1.83535602,4.02331941 L2.75576402,4.9390903 C2.46757002,5.4237293 2.24426602,5.95080496 2.09965402,6.50965686 L0.800000012,6.50965686 L0.800000012,9.54049566 L2.09965402,9.54049566 C2.24426602,10.0995526 2.46757002,10.6266282 2.75514602,11.1114722 L1.83535602,12.0270381 L3.98888003,14.1701921 L4.90887603,13.2544212 C5.39627204,13.5408175 5.92569204,13.7632512 6.48745404,13.9067568 L6.48745404,15.2003575 L9.53275206,15.2003575 L9.53275206,13.9067568 C10.0947201,13.7632512 10.6243461,13.5408175 11.1113301,13.2544212 L12.0313261,14.1701921 L14.1850561,12.0270381 L13.2646481,11.1114722 C13.5526361,10.6266282 13.7761461,10.0995526 13.9203461,9.54049566 L15.2200001,9.54049566 L15.2200001,9.54049566 Z M4.77889003,8.02528127 C4.77889003,9.80126588 6.22562804,11.2408323 8.01020605,11.2408323 C9.79437206,11.2408323 11.2411101,9.80126588 11.2411101,8.02528127 C11.2411101,6.24970667 9.79437206,4.80973023 8.01020605,4.80973023 C6.22562804,4.80973023 4.77889003,6.24970667 4.77889003,8.02528127 L4.77889003,8.02528127 Z" id="options_default"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/settings_audio_selected.svg b/linphone-app/assets/images/settings_audio_custom.svg
similarity index 97%
rename from linphone-app/assets/images/settings_audio_selected.svg
rename to linphone-app/assets/images/settings_audio_custom.svg
index 92f1f9eaa..ff79f0a76 100644
--- a/linphone-app/assets/images/settings_audio_selected.svg
+++ b/linphone-app/assets/images/settings_audio_custom.svg
@@ -61,7 +61,7 @@
     <g
        id="settings_audio_selected"
        class="color-i-stroke"
-       style="stroke:#fe5e00;stroke-width:1.5">
+       style="stroke:#000000;stroke-width:1.5">
       <path
          d="M 0.95599546,13.773728 H 6.6840871 L 13.136181,19 V 1 L 6.6840871,6.2259714 H 0.80000001 V 13.773728 Z M 16.309924,11.767511 c 1.03844,-1.02161 1.03844,-2.6776639 0,-3.6986717 m 2.464116,5.1853597 c 1.873169,-1.842266 1.873475,-4.8300827 0,-6.6723489"
          id="speaker_on"
diff --git a/linphone-app/assets/images/settings_audio_normal.svg b/linphone-app/assets/images/settings_audio_normal.svg
deleted file mode 100644
index 4e8807e65..000000000
--- a/linphone-app/assets/images/settings_audio_normal.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="21"
-   height="21"
-   viewBox="0 0 21 21"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="settings_audio_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_audio_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="10.45"
-     inkscape:cy="9.7499178"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_audio_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,1)">
-    <g
-       id="settings_audio_default"
-       style="stroke:#ffffff;stroke-width:1.5">
-      <path
-         d="M 0.95599546,13.773728 H 6.6840871 L 13.136181,19 V 1 L 6.6840871,6.2259714 H 0.80000001 V 13.773728 Z M 16.309924,11.767511 c 1.03844,-1.02161 1.03844,-2.6776639 0,-3.6986717 m 2.464116,5.1853597 c 1.873169,-1.842266 1.873475,-4.8300827 0,-6.6723489"
-         id="speaker_on"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/settings_call_selected.svg b/linphone-app/assets/images/settings_call_custom.svg
similarity index 96%
rename from linphone-app/assets/images/settings_call_selected.svg
rename to linphone-app/assets/images/settings_call_custom.svg
index 5fbdda3ce..b6dc51e01 100644
--- a/linphone-app/assets/images/settings_call_selected.svg
+++ b/linphone-app/assets/images/settings_call_custom.svg
@@ -5,7 +5,7 @@
     <desc>Created with Sketch.</desc>
     <defs></defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="settings_call_selected" class="color-i-stroke" stroke="#FE5E00" stroke-width="1.5">
+        <g id="settings_call_selected" class="color-i-stroke" stroke="#000000" stroke-width="1.5">
             <path d="M4.55461126,14.3889991 L4.61101441,14.4450242 C7.3002852,17.1350119 12.0969113,18.7974809 15.4512283,17.6111264 L17.995659,14.2747867 L14.5299113,10.8085083 L11.3593468,13.4904363 L8.46175774,10.5924679 L8.4061407,10.5364429 L5.50894471,7.63847454 L8.18956832,4.46588524 L4.7251964,1 L1.38876333,3.54530555 C0.202724956,6.90169626 1.8647509,11.6984217 4.55461126,14.3889991 Z" id="call_icon"></path>
         </g>
     </g>
diff --git a/linphone-app/assets/images/settings_call_normal.svg b/linphone-app/assets/images/settings_call_normal.svg
deleted file mode 100644
index 34bd78429..000000000
--- a/linphone-app/assets/images/settings_call_normal.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>settings_call_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="settings_call_default" stroke="#FFFFFF" stroke-width="1.5">
-            <path d="M4.55461126,14.3889991 L4.61101441,14.4450242 C7.3002852,17.1350119 12.0969113,18.7974809 15.4512283,17.6111264 L17.995659,14.2747867 L14.5299113,10.8085083 L11.3593468,13.4904363 L8.46175774,10.5924679 L8.4061407,10.5364429 L5.50894471,7.63847454 L8.18956832,4.46588524 L4.7251964,1 L1.38876333,3.54530555 C0.202724956,6.90169626 1.8647509,11.6984217 4.55461126,14.3889991 Z" id="call_icon"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/settings_network_selected.svg b/linphone-app/assets/images/settings_network_custom.svg
similarity index 99%
rename from linphone-app/assets/images/settings_network_selected.svg
rename to linphone-app/assets/images/settings_network_custom.svg
index a5fa1f159..20d132704 100644
--- a/linphone-app/assets/images/settings_network_selected.svg
+++ b/linphone-app/assets/images/settings_network_custom.svg
@@ -60,7 +60,7 @@
     <g
        id="settings_network_selected"
        class="color-i-fill"
-       style="fill:#fe5e00">
+       style="fill:#000000">
       <path
          d="m 12.603706,3.0788324 c 0,-0.8519871 0.679004,-1.5426021 1.516697,-1.5426021 0.837595,0 1.516624,0.690615 1.516624,1.5426021 0,0.851888 -0.679029,1.5424782 -1.516624,1.5424782 -0.308689,0 -0.595717,-0.093991 -0.835211,-0.2550664 -0.388666,-0.2613786 -0.652012,-0.6995017 -0.679004,-1.2019359 -0.0015,-0.028343 -0.0025,-0.05686 -0.0025,-0.085476 M 2.8795974,11.050523 c -0.8376201,0 -1.5167215,-0.690615 -1.5167215,-1.542602 0,-0.8518633 0.6791014,-1.5424783 1.5167215,-1.5424783 0.3554682,0 0.6820464,0.124637 0.9406462,0.3329181 0.3507222,0.2825434 0.5760509,0.7192307 0.5760509,1.2095602 0,0.4897601 -0.2246716,0.925878 -0.5745176,1.208422 -0.2588919,0.209048 -0.5860541,0.33418 -0.9421795,0.33418 m 10.4036966,3.578405 c 0.239859,-0.161867 0.527568,-0.256329 0.837109,-0.256329 0.837595,0 1.516624,0.690591 1.516624,1.542479 0,0.851987 -0.679029,1.542601 -1.516624,1.542601 -0.837693,0 -1.516697,-0.690614 -1.516697,-1.542601 0,-0.02785 7.54e-4,-0.0556 0.0023,-0.08315 0.02624,-0.502632 0.289121,-0.941151 0.677301,-1.203 M 12.084121,5.1497614 c 0.264027,0.2685326 0.571864,0.4795119 0.914895,0.6270712 0.355956,0.1531785 0.733207,0.2307083 1.121387,0.2307083 0.388106,0 0.765358,-0.07753 1.121313,-0.2307083 C 15.584723,5.6292733 15.892584,5.418294 16.156612,5.1497614 16.420615,4.8812288 16.628079,4.5681388 16.773162,4.2192543 16.923649,3.8573245 17,3.4735367 17,3.0788324 17,2.684029 16.923649,2.3003403 16.773162,1.9384104 16.628079,1.5894269 16.420615,1.2764111 16.156612,1.0079033 15.892584,0.73937067 15.584723,0.52839137 15.241716,0.38083211 14.885761,0.22765366 14.508509,0.15000001 14.120403,0.15000001 c -0.38818,0 -0.765431,0.0776537 -1.121387,0.2308321 -0.343031,0.14755926 -0.650868,0.35853856 -0.914895,0.62707119 -0.264003,0.2685078 -0.471467,0.5815236 -0.616551,0.9305071 -0.150487,0.3619299 -0.226838,0.7456186 -0.226838,1.140422 0,0.2790531 0.03831,0.5525118 0.113906,0.8167867 L 5.0480147,7.5808876 C 5.0056165,7.5316764 4.961612,7.4836039 4.915782,7.4369919 4.6517546,7.1684841 4.3440147,6.95748 4.0008862,6.8099207 3.6450285,6.6568661 3.267777,6.5792124 2.8795974,6.5792124 c -0.388204,0 -0.7654555,0.077654 -1.1213133,0.2307083 C 1.415253,6.95748 1.1074157,7.1684841 0.84338836,7.4369919 0.57938532,7.7055245 0.37192132,8.0186393 0.22683769,8.367499 0.07625348,8.7295279 0,9.1132167 0,9.507921 c 0,0.3948034 0.07625348,0.778492 0.22683769,1.140521 0.14508363,0.348885 0.35254763,0.661999 0.61655067,0.930507 0.26402734,0.268533 0.57186464,0.479512 0.91489574,0.627071 0.3558578,0.15308 0.7331093,0.230733 1.1213133,0.230733 0.3881796,0 0.7654311,-0.07765 1.1212888,-0.230733 0.3431285,-0.147559 0.6508684,-0.358538 0.9148958,-0.627071 0.046779,-0.04758 0.091636,-0.09659 0.13491,-0.146866 l 6.302705,3.670367 c -0.07472,0.262913 -0.112665,0.53501 -0.112665,0.812628 0,0.394828 0.07635,0.778516 0.226838,1.140446 0.145084,0.348959 0.352548,0.661975 0.616551,0.930582 0.264027,0.268532 0.571864,0.479511 0.914895,0.627071 0.355956,0.153079 0.733207,0.230733 1.121387,0.230733 0.388106,0 0.765358,-0.07765 1.121313,-0.230733 0.343007,-0.14756 0.650868,-0.358539 0.914896,-0.627071 0.264003,-0.268607 0.471467,-0.581623 0.61655,-0.930582 C 16.923649,16.693594 17,16.309906 17,15.915078 c 0,-0.394705 -0.07635,-0.778394 -0.226838,-1.140422 -0.145083,-0.348885 -0.352547,-0.661975 -0.61655,-0.930508 -0.264028,-0.268532 -0.571889,-0.479511 -0.914896,-0.627071 -0.355955,-0.153054 -0.733207,-0.230708 -1.121313,-0.230708 -0.38818,0 -0.765431,0.07765 -1.121387,0.230708 -0.343031,0.14756 -0.650868,0.358539 -0.914895,0.627071 -0.01796,0.01827 -0.03563,0.03683 -0.05313,0.0555 L 5.6780734,10.200071 c 0.053813,-0.2252874 0.081194,-0.4566889 0.081194,-0.692051 0,-0.2367978 -0.027673,-0.469536 -0.082143,-0.6960361 L 12.033934,5.097357 c 0.01655,0.017699 0.03327,0.035101 0.05019,0.052404"
          id="Fill-1"
diff --git a/linphone-app/assets/images/settings_network_normal.svg b/linphone-app/assets/images/settings_network_normal.svg
deleted file mode 100644
index e24cd6db8..000000000
--- a/linphone-app/assets/images/settings_network_normal.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="19"
-   height="19"
-   viewBox="0 0 19 19"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="settings_network_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_network_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="12.421053"
-     inkscape:cx="8.5"
-     inkscape:cy="9.5"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_network_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(1)">
-    <g
-       id="settings_network_default"
-       style="fill:#ffffff">
-      <path
-         d="m 12.603706,3.0788324 c 0,-0.8519871 0.679004,-1.5426021 1.516697,-1.5426021 0.837595,0 1.516624,0.690615 1.516624,1.5426021 0,0.851888 -0.679029,1.5424782 -1.516624,1.5424782 -0.308689,0 -0.595717,-0.093991 -0.835211,-0.2550664 -0.388666,-0.2613786 -0.652012,-0.6995017 -0.679004,-1.2019359 -0.0015,-0.028343 -0.0025,-0.05686 -0.0025,-0.085476 M 2.8795974,11.050523 c -0.8376201,0 -1.5167215,-0.690615 -1.5167215,-1.542602 0,-0.8518633 0.6791014,-1.5424783 1.5167215,-1.5424783 0.3554682,0 0.6820464,0.124637 0.9406462,0.3329181 0.3507222,0.2825434 0.5760509,0.7192307 0.5760509,1.2095602 0,0.4897601 -0.2246716,0.925878 -0.5745176,1.208422 -0.2588919,0.209048 -0.5860541,0.33418 -0.9421795,0.33418 m 10.4036966,3.578405 c 0.239859,-0.161867 0.527568,-0.256329 0.837109,-0.256329 0.837595,0 1.516624,0.690591 1.516624,1.542479 0,0.851987 -0.679029,1.542601 -1.516624,1.542601 -0.837693,0 -1.516697,-0.690614 -1.516697,-1.542601 0,-0.02785 7.54e-4,-0.0556 0.0023,-0.08315 0.02624,-0.502632 0.289121,-0.941151 0.677301,-1.203 M 12.084121,5.1497614 c 0.264027,0.2685326 0.571864,0.4795119 0.914895,0.6270712 0.355956,0.1531785 0.733207,0.2307083 1.121387,0.2307083 0.388106,0 0.765358,-0.07753 1.121313,-0.2307083 C 15.584723,5.6292733 15.892584,5.418294 16.156612,5.1497614 16.420615,4.8812288 16.628079,4.5681388 16.773162,4.2192543 16.923649,3.8573245 17,3.4735367 17,3.0788324 17,2.684029 16.923649,2.3003403 16.773162,1.9384104 16.628079,1.5894269 16.420615,1.2764111 16.156612,1.0079033 15.892584,0.73937067 15.584723,0.52839137 15.241716,0.38083211 14.885761,0.22765366 14.508509,0.15000001 14.120403,0.15000001 c -0.38818,0 -0.765431,0.0776537 -1.121387,0.2308321 -0.343031,0.14755926 -0.650868,0.35853856 -0.914895,0.62707119 -0.264003,0.2685078 -0.471467,0.5815236 -0.616551,0.9305071 -0.150487,0.3619299 -0.226838,0.7456186 -0.226838,1.140422 0,0.2790531 0.03831,0.5525118 0.113906,0.8167867 L 5.0480147,7.5808876 C 5.0056165,7.5316764 4.961612,7.4836039 4.915782,7.4369919 4.6517546,7.1684841 4.3440147,6.95748 4.0008862,6.8099207 3.6450285,6.6568661 3.267777,6.5792124 2.8795974,6.5792124 c -0.388204,0 -0.7654555,0.077654 -1.1213133,0.2307083 C 1.415253,6.95748 1.1074157,7.1684841 0.84338836,7.4369919 0.57938532,7.7055245 0.37192132,8.0186393 0.22683769,8.367499 0.07625348,8.7295279 0,9.1132167 0,9.507921 c 0,0.3948034 0.07625348,0.778492 0.22683769,1.140521 0.14508363,0.348885 0.35254763,0.661999 0.61655067,0.930507 0.26402734,0.268533 0.57186464,0.479512 0.91489574,0.627071 0.3558578,0.15308 0.7331093,0.230733 1.1213133,0.230733 0.3881796,0 0.7654311,-0.07765 1.1212888,-0.230733 0.3431285,-0.147559 0.6508684,-0.358538 0.9148958,-0.627071 0.046779,-0.04758 0.091636,-0.09659 0.13491,-0.146866 l 6.302705,3.670367 c -0.07472,0.262913 -0.112665,0.53501 -0.112665,0.812628 0,0.394828 0.07635,0.778516 0.226838,1.140446 0.145084,0.348959 0.352548,0.661975 0.616551,0.930582 0.264027,0.268532 0.571864,0.479511 0.914895,0.627071 0.355956,0.153079 0.733207,0.230733 1.121387,0.230733 0.388106,0 0.765358,-0.07765 1.121313,-0.230733 0.343007,-0.14756 0.650868,-0.358539 0.914896,-0.627071 0.264003,-0.268607 0.471467,-0.581623 0.61655,-0.930582 C 16.923649,16.693594 17,16.309906 17,15.915078 c 0,-0.394705 -0.07635,-0.778394 -0.226838,-1.140422 -0.145083,-0.348885 -0.352547,-0.661975 -0.61655,-0.930508 -0.264028,-0.268532 -0.571889,-0.479511 -0.914896,-0.627071 -0.355955,-0.153054 -0.733207,-0.230708 -1.121313,-0.230708 -0.38818,0 -0.765431,0.07765 -1.121387,0.230708 -0.343031,0.14756 -0.650868,0.358539 -0.914895,0.627071 -0.01796,0.01827 -0.03563,0.03683 -0.05313,0.0555 L 5.6780734,10.200071 c 0.053813,-0.2252874 0.081194,-0.4566889 0.081194,-0.692051 0,-0.2367978 -0.027673,-0.469536 -0.082143,-0.6960361 L 12.033934,5.097357 c 0.01655,0.017699 0.03327,0.035101 0.05019,0.052404"
-         id="Fill-1"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/settings_sip_accounts_selected.svg b/linphone-app/assets/images/settings_sip_accounts_custom.svg
similarity index 98%
rename from linphone-app/assets/images/settings_sip_accounts_selected.svg
rename to linphone-app/assets/images/settings_sip_accounts_custom.svg
index 5e8e91dc5..426f8ee7e 100644
--- a/linphone-app/assets/images/settings_sip_accounts_selected.svg
+++ b/linphone-app/assets/images/settings_sip_accounts_custom.svg
@@ -60,7 +60,7 @@
     <g
        id="settings_account_selected"
        class="color-i-stroke"
-       style="stroke:#fe5e00;stroke-width:1.5">
+       style="stroke:#000000;stroke-width:1.5">
       <path
          d="m 9.4008727,0.75 c 2.4143233,0 4.3719493,1.945376 4.3719493,4.3425101 0,1.1471474 -0.448057,2.1914556 -1.180006,2.9676472 -0.103683,0.1089606 -0.06295,0.090597 -0.176508,0.1885386 l 0.182679,0.1224277 c 6.623343,2.8648084 4.926158,7.6811134 4.926158,7.6811134 -4.267033,1.344256 -8.1168664,1.136129 -8.1168664,1.136129 h -0.097511 c 0,0 -3.8498336,0.208127 -8.1156319,-1.136129 0,0 -1.69841966,-4.816305 4.9261577,-7.6811134 L 6.3027379,8.2486959 C 6.1891808,8.1507538 6.2299133,8.1691179 6.127465,8.0601573 5.3955152,7.2839657 4.9474583,6.2396575 4.9474583,5.0925101 4.9474583,2.695376 6.9038501,0.75 9.3181735,0.75 Z"
          id="new_conference_default"
diff --git a/linphone-app/assets/images/settings_sip_accounts_normal.svg b/linphone-app/assets/images/settings_sip_accounts_normal.svg
deleted file mode 100644
index eef4c160a..000000000
--- a/linphone-app/assets/images/settings_sip_accounts_normal.svg
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="19"
-   height="19"
-   viewBox="0 0 19 19"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="settings_sip_accounts_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_account_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="13.111111"
-     inkscape:cx="9.5"
-     inkscape:cy="9"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_account_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,0.54999352)">
-    <g
-       id="settings_account_default"
-       style="stroke:#ffffff;stroke-width:1.5">
-      <path
-         d="m 9.4008727,0.75 c 2.4143233,0 4.3719493,1.945376 4.3719493,4.3425101 0,1.1471474 -0.448057,2.1914556 -1.180006,2.9676472 -0.103683,0.1089606 -0.06295,0.090597 -0.176508,0.1885386 l 0.182679,0.1224277 c 6.623343,2.8648084 4.926158,7.6811134 4.926158,7.6811134 -4.267033,1.344256 -8.1168664,1.136129 -8.1168664,1.136129 h -0.097511 c 0,0 -3.8498336,0.208127 -8.1156319,-1.136129 0,0 -1.69841966,-4.816305 4.9261577,-7.6811134 L 6.3027379,8.2486959 C 6.1891808,8.1507538 6.2299133,8.1691179 6.127465,8.0601573 5.3955152,7.2839657 4.9474583,6.2396575 4.9474583,5.0925101 4.9474583,2.695376 6.9038501,0.75 9.3181735,0.75 Z"
-         id="new_conference_default"
-         inkscape:connector-curvature="0" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/settings_video_selected.svg b/linphone-app/assets/images/settings_video_custom.svg
similarity index 97%
rename from linphone-app/assets/images/settings_video_selected.svg
rename to linphone-app/assets/images/settings_video_custom.svg
index 119d272f5..33b3aacf8 100644
--- a/linphone-app/assets/images/settings_video_selected.svg
+++ b/linphone-app/assets/images/settings_video_custom.svg
@@ -60,7 +60,7 @@
     <g
        id="settings_video_selected"
        class="color-i-stroke"
-       style="stroke:#fe5e00;stroke-width:1.5">
+       style="stroke:#000000;stroke-width:1.5">
       <polygon
          id="videocall_icon"
          points="22.25,6.8935549 22.25,1.0871661 16.494274,5.6313435 16.494274,0.75 0.75,0.75 0.75,13.25 16.494274,13.25 16.494274,8.3686565 22.25,12.912834 " />
diff --git a/linphone-app/assets/images/settings_video_normal.svg b/linphone-app/assets/images/settings_video_normal.svg
deleted file mode 100644
index 2d6401f26..000000000
--- a/linphone-app/assets/images/settings_video_normal.svg
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="23"
-   height="23"
-   viewBox="0 0 23 23"
-   version="1.1"
-   id="svg11"
-   sodipodi:docname="settings_video_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata15">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>settings_video_default</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview13"
-     showgrid="false"
-     inkscape:zoom="5.9599"
-     inkscape:cx="1.9593552"
-     inkscape:cy="4.8696829"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg11" />
-  <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">settings_video_default</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Symbols"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
-     transform="translate(0,5.5)">
-    <g
-       id="settings_video_default"
-       style="stroke:#ffffff;stroke-width:1.5">
-      <polygon
-         id="videocall_icon"
-         points="16.494274,0.75 0.75,0.75 0.75,13.25 16.494274,13.25 16.494274,8.3686565 22.25,12.912834 22.25,6.8935549 22.25,1.0871661 16.494274,5.6313435 " />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/speaker.svg b/linphone-app/assets/images/speaker.svg
deleted file mode 100644
index 498ccdf76..000000000
--- a/linphone-app/assets/images/speaker.svg
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="21"
-   height="21"
-   viewBox="0 0 21 21"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="speaker.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata10">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview6"
-     showgrid="false"
-     inkscape:zoom="11.8"
-     inkscape:cx="10.5"
-     inkscape:cy="10"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg4" />
-  <path
-     d="M 0.906,14.274 H 6.634 L 13.086,19.5 V 1.5 L 6.634,6.726 H 0.75 v 7.548 z M 16.26,12.268 a 2.585,2.585 0 0 0 0,-3.7 m 2.464,5.186 a 4.663,4.663 0 0 0 0,-6.672"
-     id="path2"
-     inkscape:connector-curvature="0"
-     style="fill:none;fill-rule:evenodd;stroke:#6b7a86;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round" />
-</svg>
diff --git a/linphone-app/assets/images/speaker_off_custom.svg b/linphone-app/assets/images/speaker_off_custom.svg
new file mode 100644
index 000000000..c79aece46
--- /dev/null
+++ b/linphone-app/assets/images/speaker_off_custom.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="speaker_off_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="3.6744299"
+     inkscape:cx="-14.832233"
+     inkscape:cy="-14.151855"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     stroke="#000000"
+     stroke-width="1.5"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g4"
+     transform="matrix(2.3953513,0,0,2.199171,14.401162,17.255028)">
+    <path
+       d="M 1.156,13.774 H 6.884 L 13.336,19 V 1 L 6.884,6.226 H 1 v 7.548 z M 16.51,11.768 a 2.585,2.585 0 0 0 0,-3.7 m 2.464,5.186 a 4.663,4.663 0 0 0 0,-6.672 M 1,19.831 20.14,0.854 Z"
+       id="path2" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/speaker_off_hovered.svg b/linphone-app/assets/images/speaker_off_hovered.svg
deleted file mode 100644
index b8546381b..000000000
--- a/linphone-app/assets/images/speaker_off_hovered.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>speaker_off</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="speaker_off">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M10.1559954,23.7737278 L15.8840871,23.7737278 L22.3361811,29 L22.3361811,11 L15.8840871,16.2259714 L10,16.2259714 L10,23.7737278 L10.1559954,23.7737278 L10.1559954,23.7737278 Z M25.5099238,21.7675107 C26.548364,20.7459012 26.548364,19.0898471 25.5099238,18.0688393 M27.9740401,23.254199 C29.8472089,21.4119328 29.8475148,18.4241163 27.9740401,16.5818501" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-            <path d="M10,29.8313182 L29.1397841,10.8541412 L10,29.8313182 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/speaker_off_normal.svg b/linphone-app/assets/images/speaker_off_normal.svg
deleted file mode 100644
index b6f06a66d..000000000
--- a/linphone-app/assets/images/speaker_off_normal.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>speaker_off</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="speaker_off">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M10.1559954,23.7737278 L15.8840871,23.7737278 L22.3361811,29 L22.3361811,11 L15.8840871,16.2259714 L10,16.2259714 L10,23.7737278 L10.1559954,23.7737278 L10.1559954,23.7737278 Z M25.5099238,21.7675107 C26.548364,20.7459012 26.548364,19.0898471 25.5099238,18.0688393 M27.9740401,23.254199 C29.8472089,21.4119328 29.8475148,18.4241163 27.9740401,16.5818501" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-            <path d="M10,29.8313182 L29.1397841,10.8541412 L10,29.8313182 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/speaker_off_pressed.svg b/linphone-app/assets/images/speaker_off_pressed.svg
deleted file mode 100644
index ba78ea53f..000000000
--- a/linphone-app/assets/images/speaker_off_pressed.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>speaker_off_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="speaker_off_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M10.1559954,23.7737278 L15.8840871,23.7737278 L22.3361811,29 L22.3361811,11 L15.8840871,16.2259714 L10,16.2259714 L10,23.7737278 L10.1559954,23.7737278 L10.1559954,23.7737278 Z M25.5099238,21.7675107 C26.548364,20.7459012 26.548364,19.0898471 25.5099238,18.0688393 M27.9740401,23.254199 C29.8472089,21.4119328 29.8475148,18.4241163 27.9740401,16.5818501" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-            <path d="M10,29.8313182 L29.1397841,10.8541412 L10,29.8313182 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/speaker_on_custom.svg b/linphone-app/assets/images/speaker_on_custom.svg
new file mode 100644
index 000000000..816f333cd
--- /dev/null
+++ b/linphone-app/assets/images/speaker_on_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="speaker_on_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="5.45625"
+     inkscape:cx="16.769759"
+     inkscape:cy="41.603665"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 17.13786,48.695584 H 30.882849 L 46.365158,60.736678 V 19.263337 L 30.882849,31.30443 H 16.763521 v 17.391154 z m 36.843672,-4.621973 a 6.203002,5.9560326 0 0 0 0,-8.525075 m 5.912651,11.94893 a 11.1894,10.7439 0 0 0 0,-15.372786"
+     stroke="#000000"
+     stroke-width="3.52704"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/speaker_on_hovered.svg b/linphone-app/assets/images/speaker_on_hovered.svg
deleted file mode 100644
index 5bee6cbda..000000000
--- a/linphone-app/assets/images/speaker_on_hovered.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>speaker_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="speaker_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <path d="M10.1559954,23.7737278 L15.8840871,23.7737278 L22.3361811,29 L22.3361811,11 L15.8840871,16.2259714 L10,16.2259714 L10,23.7737278 L10.1559954,23.7737278 L10.1559954,23.7737278 Z M25.5099238,21.7675107 C26.548364,20.7459012 26.548364,19.0898471 25.5099238,18.0688393 M27.9740401,23.254199 C29.8472089,21.4119328 29.8475148,18.4241163 27.9740401,16.5818501" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/speaker_on_normal.svg b/linphone-app/assets/images/speaker_on_normal.svg
deleted file mode 100644
index 0256a84ba..000000000
--- a/linphone-app/assets/images/speaker_on_normal.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>speaker_on</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="speaker_on">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <path d="M10.1559954,23.7737278 L15.8840871,23.7737278 L22.3361811,29 L22.3361811,11 L15.8840871,16.2259714 L10,16.2259714 L10,23.7737278 L10.1559954,23.7737278 L10.1559954,23.7737278 Z M25.5099238,21.7675107 C26.548364,20.7459012 26.548364,19.0898471 25.5099238,18.0688393 M27.9740401,23.254199 C29.8472089,21.4119328 29.8475148,18.4241163 27.9740401,16.5818501" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/speaker_on_pressed.svg b/linphone-app/assets/images/speaker_on_pressed.svg
deleted file mode 100644
index 2866a71ef..000000000
--- a/linphone-app/assets/images/speaker_on_pressed.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>speaker_on_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="speaker_on_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" class="color-i-fill" fill="#FE5E00"></path>
-            <path d="M10.1559954,23.7737278 L15.8840871,23.7737278 L22.3361811,29 L22.3361811,11 L15.8840871,16.2259714 L10,16.2259714 L10,23.7737278 L10.1559954,23.7737278 L10.1559954,23.7737278 Z M25.5099238,21.7675107 C26.548364,20.7459012 26.548364,19.0898471 25.5099238,18.0688393 M27.9740401,23.254199 C29.8472089,21.4119328 29.8475148,18.4241163 27.9740401,16.5818501" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/stop_fullscreen_custom.svg b/linphone-app/assets/images/stop_fullscreen_custom.svg
new file mode 100644
index 000000000..922d65be2
--- /dev/null
+++ b/linphone-app/assets/images/stop_fullscreen_custom.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="stop_fullscreen_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.4801136"
+     inkscape:cx="0.604811"
+     inkscape:cy="15.725086"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <g
+     stroke="#000000"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g4"
+     transform="matrix(2.7025233,0,0,2.7354098,10.778991,10.264677)">
+    <path
+       d="m 12.166,4.167 0.107,5.332 m 5.33,0.11 -5.33,-0.11 M 12.541,9.231 17.713,4.059 M 9.459,17.574 9.351,12.243 m -5.33,-0.11 5.33,0.11 m -0.268,0.268 -5.171,5.171"
+       id="path2" />
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/tel_keypad_hovered.svg b/linphone-app/assets/images/tel_keypad_custom.svg
similarity index 85%
rename from linphone-app/assets/images/tel_keypad_hovered.svg
rename to linphone-app/assets/images/tel_keypad_custom.svg
index 73a952141..ad948b56a 100644
--- a/linphone-app/assets/images/tel_keypad_hovered.svg
+++ b/linphone-app/assets/images/tel_keypad_custom.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
    version="1.1"
    id="svg27"
-   sodipodi:docname="tel_keypad_hovered.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
+   sodipodi:docname="tel_keypad_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <metadata
      id="metadata31">
     <rdf:RDF>
@@ -35,8 +35,8 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="1268"
-     inkscape:window-height="847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
      id="namedview29"
      showgrid="false"
      fit-margin-top="0"
@@ -44,13 +44,14 @@
      fit-margin-right="0"
      fit-margin-bottom="0"
      units="px"
-     inkscape:zoom="36.307692"
-     inkscape:cx="6.4161971"
-     inkscape:cy="5.4258991"
+     inkscape:zoom="4.5384615"
+     inkscape:cx="84.059323"
+     inkscape:cy="4.1864407"
      inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg27" />
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg27"
+     inkscape:pagecheckerboard="0" />
   <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
   <title
      id="title2">dialer_dtmf</title>
@@ -61,11 +62,11 @@
   <g
      id="Page-1"
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(1,0.5135936)">
+     transform="matrix(5.8333331,0,0,5.6538462,5,3.3295455)">
     <g
        id="08-INCALL-02-Simple-Chiffrement"
        transform="translate(-301,-64)"
-       style="fill:#6b7a86">
+       style="fill:#000000">
       <g
          id="dialer_dtmf"
          transform="translate(301,64)">
diff --git a/linphone-app/assets/images/tel_keypad_normal.svg b/linphone-app/assets/images/tel_keypad_normal.svg
deleted file mode 100644
index aac9b4a1e..000000000
--- a/linphone-app/assets/images/tel_keypad_normal.svg
+++ /dev/null
@@ -1,140 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   version="1.1"
-   id="svg27"
-   sodipodi:docname="tel_keypad_normal.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata31">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>dialer_dtmf</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview29"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:zoom="18.153846"
-     inkscape:cx="6"
-     inkscape:cy="6.1764069"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg27" />
-  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">dialer_dtmf</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Page-1"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(1,0.5140686)">
-    <g
-       id="08-INCALL-02-Simple-Chiffrement"
-       transform="translate(-301,-64)"
-       style="fill:#6b7a86">
-      <g
-         id="dialer_dtmf"
-         transform="translate(301,64)">
-        <g
-           id="Group-2">
-          <rect
-             id="Rectangle"
-             x="0"
-             y="0.29545453"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="Rectangle-Copy"
-             x="4.2352943"
-             y="0.29545453"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="Rectangle-Copy-2"
-             x="8.4705887"
-             y="0.29545453"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect11"
-             x="0"
-             y="4.6652026"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect13"
-             x="4.2352943"
-             y="4.6652026"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect15"
-             x="8.4705887"
-             y="4.6652026"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect17"
-             x="0"
-             y="9.0349503"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect19"
-             x="4.2352943"
-             y="9.0349503"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect21"
-             x="8.4705887"
-             y="9.0349503"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/tel_keypad_pressed.svg b/linphone-app/assets/images/tel_keypad_pressed.svg
deleted file mode 100644
index 8a9c4fb8e..000000000
--- a/linphone-app/assets/images/tel_keypad_pressed.svg
+++ /dev/null
@@ -1,141 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   version="1.1"
-   id="svg27"
-   sodipodi:docname="tel_keypad_pressed.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata31">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>dialer_dtmf</dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="868"
-     inkscape:window-height="480"
-     id="namedview29"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:zoom="18.153846"
-     inkscape:cx="6"
-     inkscape:cy="6.1764069"
-     inkscape:window-x="0"
-     inkscape:window-y="35"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg27" />
-  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
-  <title
-     id="title2">dialer_dtmf</title>
-  <desc
-     id="desc4">Created with Sketch.</desc>
-  <defs
-     id="defs6" />
-  <g
-     id="Page-1"
-     style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
-     transform="translate(1,0.5140686)">
-    <g
-       id="08-INCALL-02-Simple-Chiffrement"
-       transform="translate(-301,-64)"
-       class="color-i-fill"
-       style="fill:#fe5e00">
-      <g
-         id="dialer_dtmf"
-         transform="translate(301,64)">
-        <g
-           id="Group-2">
-          <rect
-             id="Rectangle"
-             x="0"
-             y="0.29545453"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="Rectangle-Copy"
-             x="4.2352943"
-             y="0.29545453"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="Rectangle-Copy-2"
-             x="8.4705887"
-             y="0.29545453"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect11"
-             x="0"
-             y="4.6652026"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect13"
-             x="4.2352943"
-             y="4.6652026"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect15"
-             x="8.4705887"
-             y="4.6652026"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect17"
-             x="0"
-             y="9.0349503"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect19"
-             x="4.2352943"
-             y="9.0349503"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-          <rect
-             id="rect21"
-             x="8.4705887"
-             y="9.0349503"
-             width="3.5294118"
-             height="3.6414566"
-             rx="1" />
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/textfield_close.svg b/linphone-app/assets/images/textfield_close.svg
deleted file mode 100644
index c2366eeb3..000000000
--- a/linphone-app/assets/images/textfield_close.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="14.933333"
-   height="14.933333"
-   viewBox="0 0 14.933333 14.933333"
-   sodipodi:docname="textfield_close.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="10.334334"
-     inkscape:cx="8.5636868"
-     inkscape:cy="6.8703024"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="14.933333"
-       height="14.933333"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9
-kT1Iw0AcxV9TpVpaHOwg4hCk6mJBVMRRq1CECqVWaNXB5NIPoUlDkuLiKLgWHPxYrDq4OOvq4CoI
-gh8gbm5Oii5S4v+SQosYD4778e7e4+4dINTLTDU7xgBVs4x0Ii5mcyti4BVBhNGNEQxKzNRnU6kk
-PMfXPXx8vYvxLO9zf46wkjcZ4BOJZ5huWMTrxFObls55nzjCSpJCfE48atAFiR+5Lrv8xrnosMAz
-I0YmPUccIRaLbSy3MSsZKvEkcVRRNcoXsi4rnLc4q+Uqa96TvzCU15aXuE5zAAksYBEpiJBRxQbK
-sBCjVSPFRJr24x7+fsefIpdMrg0wcsyjAhWS4wf/g9/dmoWJcTcpFAc6X2z7YwgI7AKNmm1/H9t2
-4wTwPwNXWstfqQPTn6TXWlr0COjZBi6uW5q8B1zuAH1PumRIjuSnKRQKwPsZfVMO6L0Fgqtub819
-nD4AGeoqeQMcHALDRcpe83h3V3tv/55p9vcDcvtyp3BZWEQAAAAGYktHRAD/AP8A/6C9p5MAAAAJ
-cEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQflCg0JLDO7t9HaAAABtElEQVQoz4WSMWsUURSFv/PA
-QIRAfoAQkBFBCGkU7RSysyFqERAEUcSUCWIjKwiKrKiFIIoWUaKIgqK4hRKr95jFNCIWViIWC2KR
-xspFECZk5lglLFHiqc93uefeoxhjR9J8nuc/+I9ijGPAPUkfAnAMeJNS2rkVlFLaI+k1cBQYC5KW
-bO+33UkpjW8GFhYWlFLaZ7tje1zS87quL4QQwmngKTBh+2VK6cAglGXZIduvgF2S7q+trc1NTU31
-BVAUxUhVVdeBOWBF0myv13uXZdkR4JHtUeBWVVXXpqenfwNoIPiwpEu2W0AfWJR01vaQpCvA7TzP
-V9f9GsyzvLy8rSzL80AbGAJWJZ2z/bDZbFaD3rD5GJLWhxnAtviHNsAY43BZlldtt4G+pBtACdwB
-Wimlob/AoihGJN0EWsAKcLzX612WdAL4CbRtt7vd7vaNzYqiGK3r+q7tk5K+ArN5nn8ceMdB24+B
-HZIehBAuTk5O/lKM8S1wWNIn22eazebnzQXIsmyv7SfAbkkv6rqeV4zRwPsQwqlGo/Ftq8rZfgZM
-SFoMQMf2zFYQQJ7nX4AZYAn4/gfzkMv/biDhtQAAAABJRU5ErkJggg==
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/timeline_close.svg b/linphone-app/assets/images/timeline_close.svg
deleted file mode 100644
index 97cc19996..000000000
--- a/linphone-app/assets/images/timeline_close.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   sodipodi:docname="timeline_close.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="29.1"
-     inkscape:cx="8.3333333"
-     inkscape:cy="15"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="14"
-       height="14"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0A KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAAB AAAAHgAAAADKQTcFAAAFMUlEQVRIDbVXfUxbVRS/5z5axteCzjkdRJMlUnUZmXxFw2YWJzBti4CC aysVtC2MuUT9x8SvNC4x+oeZn4w95sKEQlgj+2hxMtBtaGIic1PnMLIsi4loYjIZAweWvnc9t+w9 7gNKCGH3j95zfufjd8959913K9mcngP3bCy4dPHnM3+TmzisTl+lZUPOq1nZuauGzp89C1aHhxEg /xICZd3tzX03g9vm9O5mjL2u5wZaRWMKIynAWLfN5XlKNy6D4Pf7qd3paTSQYl4gZP00MSqMEDNh 0Gl3+DzLwEl8Pp/pzNBwQGVkh5gPgIxRKnVwYuScHrgyqhK12er0vqJhS5ntPl/yn+PsKObbLsYj 6RUA2Hqsbe9vVKKSG4uPig6EsXdsDu+7BmyRSlnNi+nqGOtF0scMIQB/mCTz5lCgeYDj2G5C7C6v TWUsiLWv4Lo+AD5NLiuqC1ZVKTq2gFBZ03DHxH+RHmxhttENhhLBXNzV/snvGh4j5kqps+5hhagh rHalZuQztubzpKwMZ9Dvj4j4bNnq3LGOkKleXDzOMwMJzpkSErYdbm0yvK46MXctddc/oEaVL7FN t8+EogTQl5xuKg82No4b8BvKEy7fhihjPbjoOw12IP3pkGQPBD66ZsBR0Xc1Nxz7rOkcQpvwAegt iQUw9ujE1chX5e6dq2K68GNz1D2EpKdnk+JGCq02Z5bMR8rDDcQcCLfvu5gIZBOKv3JdG4yRgkg0 0m9z12doGO7+EgJqH5LeomF8xsfTmpeVWdHS4p8UcVE2tFo08OqmopHj2PZ8EefdACIV4ZzDmNqK pCbRjqQfhALySzjrr6lo1+S4xNyhsqEhFVt8BKvdqgXEZoBrGJiKizJ2DOib3e3yboNvHEWKg8fg wYGBSMmWws6Riej9CNwn+CairC8aq1MpgRfCHc3vCT4LinrwQl6Vhw5JE4d7ZUbYc3P9IEol5g61 7e+Ya4uPGFsV3w/LY3G6w4CpsOg8GkWcZJqZkJoa/4rRCz8Gcac8PYMaJE5absnOuzJ0/ofvDZYF lAWJXa5dK0ei/4QxfpuYAxcxSgHMiGmPCmf2uCU7h+BH/rToG0+O26LK2l2rR9nkSSTZIgbjRrps NtNcvD1sRzbDMYq73291eD/E3a4tSAw1yPM62N2+u1hUPYGJLKI3Ov9ilmhxV5v8F8ftLl+xytQu PJ9TRD+U2/ItmbV4ETB+9QSnOcR4EbhXBYaHPcsU/PA0It8xYrJ2t+8dEXG7y/OgqpJuxG4VcexM OGlNalVwz54JEddkA3FpdV2eqqj8tLpNc+AzJumBVKgIyfJ1Eddk+7Pe9SzCTuBjWathfAYC3ySl gT0oy6MizmX9GdurPY+oivL1XFLSuTYV7PFIeZLQweYLkMDPd7jEdW3ge7/5+jg7VV5db/zaoUOM 2ObylqtR+AKfaZoWxGestAkPe6csy1MiPp8cat1/WUpJLsQqfzLYGds4pSjfVjh33i3igJ+1WkKU ZmyT4dWiQN8Otcuvic6LkfnVZyoyHsYNVyj644KGJUqLjwb2DXKcMqIcmEXKkPTlpZDyhEda3r+a vCatCLt1nOvawLZnKEzptznrCzg2faG/YcWdpjBKn+8OyAe1gKXO/Ho7PMYwD3OIObDycSol5Omb C7fgJL4yTy4HKSfi+yLfkvEModAoEmPlqaqqOGIVI+EYoQml4bamU6LTcsn4b+ItvNi/oefDvzCS JTt3nQRSbSiwL3bf1Y3LKOD5fTIrO28QC4wAhY/xP1rr/65z4vA1bJBHAAAAAElFTkSuQmCC "
-       id="image10"
-       x="0"
-       y="0" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/timeline_filter.svg b/linphone-app/assets/images/timeline_filter.svg
deleted file mode 100644
index d2cd7a860..000000000
--- a/linphone-app/assets/images/timeline_filter.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   sodipodi:docname="timeline_filter.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="30.103448"
-     inkscape:cx="7.5240551"
-     inkscape:cy="14.5"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="14"
-       height="14"
-       preserveAspectRatio="none"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAAXNSR0IArs4c6QAAAERlWElmTU0A KgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAAB AAAAHQAAAABZ3d0SAAABn0lEQVRIDe1WsU7DMBC1rXwFawcGdj6BhXZkoWwQIsEvIFEGdoRUgSok FkQZkcqfIIQYO1Qws7fH2cTOhWD7XFpYsJT4+d35Pdlq7ipFOdrb+z2A2bFeSqlOHm4HvTJUm36a p2pqv7D4Q0OAFXdAih2ZCKgGwQoA5GY3vwQBuZXU2HAYsxx3jullnW5xKACKhuAMis5O/oh8vxEL EDE9hafZtfvXVltCP3bgAfcs5s4xvUwKaEGpttXeMOjp5cLMOsY1snkxvQwTn/FZ1xuu7+7xbe01 Y2IGJLyCekoqcWbFxpNXMZ682aWgMUdGAN3znZ4a3VwNlVBHWF+mlZacak7HKo6HYnrmwx8NB6dY z86dJGLDOSINhPRcpcEP7t3KUmy51JlqUOwMUwXnzf83nPfmvPvSr5RUfqzBVYfxWtQDbMNYF6jL +ldsQ9MFsIM0pD67ykGD9xBsw1gX8Og3aF28WSPWBVgimMQ2xNxgF+Aasq801gUWbhjrAgs31IKh LrAUQy1KKz/FSzPkCvvy3I8G/8m4jk/x1400RjE37wOMheppiiwC6gAAAABJRU5ErkJggg== "
-       id="image10"
-       x="0"
-       y="0" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/timeline_history.svg b/linphone-app/assets/images/timeline_history.svg
deleted file mode 100644
index def6ac17b..000000000
--- a/linphone-app/assets/images/timeline_history.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>history</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="history" stroke="#5A585B">
-            <path d="M9.5,5 C9.5,7.485125 7.485575,9.5 5,9.5 C2.514875,9.5 0.5,7.485125 0.5,5 C0.5,2.5147625 2.514875,0.5 5,0.5 C7.485575,0.5 9.5,2.5147625 9.5,5 L9.5,5 Z M4.998875,2.5679625 L4.998875,5.0349875 L7.5806375,5.0349875"></path>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/assets/images/timeline_search.svg b/linphone-app/assets/images/timeline_search.svg
deleted file mode 100644
index 32e842dc7..000000000
--- a/linphone-app/assets/images/timeline_search.svg
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg2"
-   width="32"
-   height="32"
-   viewBox="0 0 32 32"
-   sodipodi:docname="timeline_search.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs6" />
-  <sodipodi:namedview
-     id="namedview4"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     inkscape:zoom="27.28125"
-     inkscape:cx="16"
-     inkscape:cy="16"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g8" />
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
-     id="g8">
-    <image
-       width="32"
-       height="32"
-       preserveAspectRatio="none"
-       style="image-rendering:optimizeQuality"
-       xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdC
-AK7OHOkAAAA8UExURUdwTExaZEtaZE1cZ0xaZUtaZU1bZ0xZZVNia1pqckxbZkxaZExaZU1bZUtZ
-ZEtZZUtZZExaZExZZUtZZHcCA00AAAATdFJOUwDI9S6BlCLlEQhC23RS7dK5p2DG16tEAAAA5klE
-QVQ4y42S67bEEAyFU6JELxjv/66zGjVDOKezfxHfkp0LQJU3MdgtGk8w025z1Ykj4rfcyh7i/aWy
-EPbvn7iaElrdqTUB6WqmyRI4kNx9JVN41yfAIeUnwgWkzhSyn7tYzRfXAWQbF0wb2bYmmK6zF8B6
-BZdyjtd5la3lfjZFOgmcl7Eff5h64NLCaHhaRenD+ncfisvYATyNs67NkWWSXUynTDPWUl2ZpiW5
-D8p4R87jea9dY+vIM3WEeiJ06J62MBDw+i6+RXLLSIDGtGwhIrd9SnT6mUjwQCzwQOz/AEAYd3gD
-nfob8h+L4UQAAAAASUVORK5CYII=
-"
-       id="image10" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/timer.svg b/linphone-app/assets/images/timer.svg
deleted file mode 100644
index 5d55601c2..000000000
--- a/linphone-app/assets/images/timer.svg
+++ /dev/null
@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="30"
-   height="30"
-   viewBox="0 0 30 30"
-   version="1.1"
-   id="svg12"
-   sodipodi:docname="timer.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs16" />
-  <sodipodi:namedview
-     id="namedview14"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     showgrid="false"
-     width="30px"
-     inkscape:zoom="4.4090909"
-     inkscape:cx="84.938144"
-     inkscape:cy="99"
-     inkscape:window-width="1920"
-     inkscape:window-height="1092"
-     inkscape:window-x="1920"
-     inkscape:window-y="33"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg12" />
-  <g
-     fill="none"
-     fill-rule="evenodd"
-     id="g10"
-     transform="matrix(0.15097165,0,0,0.15318627,2.0162868,0)">
-    <g
-       fill="#ff5e00"
-       id="g8">
-      <path
-         d="M 45.544,46.242 36.54,33.206 c -1.61,-2.33 -4.76,-2.88 -7.032,-1.23 l -13.375,9.71 c -2.275,1.65 -2.811,4.88 -1.202,7.209 l 9.08,13.153 m 114.27,0 8.85,-11.353 c 1.603,-2.058 1.069,-4.909 -1.201,-6.37 L 132.59,35.74 c -2.267,-1.456 -5.407,-0.97 -7.011,1.09 l -9.067,11.629 M 93.498,38.78 v -4.83 c 0,-3.089 2.668,-5.619 5.928,-5.619 h 3.27 c 3.263,0 5.932,-2.53 5.932,-5.618 V 5.623 C 108.628,2.53 105.959,0 102.695,0 H 59.355 C 56.097,0 53.43,2.53 53.43,5.622 v 17.09 c 0,3.089 2.667,5.62 5.925,5.62 h 3.275 c 3.261,0 5.929,2.53 5.929,5.619 v 4.83"
-         transform="translate(3)"
-         id="path2" />
-      <path
-         fill-rule="nonzero"
-         d="m 83,32.963 c -45.726,0 -82.796,36.462 -82.796,81.439 0,44.976 37.07,81.438 82.798,81.438 45.727,0 82.796,-36.462 82.796,-81.438 0,-44.977 -37.07,-81.439 -82.796,-81.439 z m 0,11.634 c 39.195,0 70.97,31.253 70.97,69.805 0,38.55 -31.775,69.804 -70.97,69.804 -39.195,0 -70.97,-31.253 -70.97,-69.804 C 12.03,75.85 43.805,44.597 83,44.597 Z"
-         transform="translate(3)"
-         id="path4" />
-      <path
-         d="m 83.001,54.292 c -0.165,0 -0.327,0.015 -0.487,0.015 v 59.615 H 21.9 c -0.003,0.157 -0.012,0.316 -0.012,0.481 0,32.985 27.153,59.838 60.626,60.099 0.16,0 0.322,0.009 0.487,0.009 33.695,0 61.111,-26.96 61.111,-60.108 0,-0.165 -0.011,-0.324 -0.011,-0.481 -0.265,-32.921 -27.568,-59.63 -61.1,-59.63 z"
-         transform="translate(3)"
-         id="path6" />
-    </g>
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/timer_custom.svg b/linphone-app/assets/images/timer_custom.svg
new file mode 100644
index 000000000..ef9a0b159
--- /dev/null
+++ b/linphone-app/assets/images/timer_custom.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   viewBox="0 0 80 80"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="menu_ephemeral.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="10.646341"
+     inkscape:cx="34.518902"
+     inkscape:cy="41.046966"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12"
+     width="13px" />
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="g10"
+     transform="matrix(0.51931865,0,0,0.49263511,22.083506,20)">
+    <g
+       fill="#000000"
+       id="g8">
+      <path
+         d="m 19.256,19.172 -3.665,-5.405 c -0.656,-0.966 -1.937,-1.194 -2.862,-0.51 L 7.285,17.283 C 6.36,17.967 6.141,19.306 6.796,20.272 l 3.696,5.453 m 46.507,0 3.601,-4.705 c 0.653,-0.854 0.436,-2.036 -0.488,-2.642 l -5.429,-3.559 c -0.922,-0.603 -2.2,-0.401 -2.853,0.452 l -3.69,4.822 m -9.367,-4.015 v -2.002 c 0,-1.28 1.085,-2.33 2.412,-2.33 h 1.33 c 1.33,0 2.415,-1.049 2.415,-2.33 V 2.332 C 44.93,1.049 43.844,0 42.516,0 h -17.64 c -1.325,0 -2.41,1.049 -2.41,2.331 v 7.086 c 0,1.28 1.085,2.33 2.41,2.33 h 1.334 c 1.327,0 2.413,1.048 2.413,2.329 v 2.002"
+         id="path2" />
+      <path
+         fill-rule="nonzero"
+         d="m 34.5,13.667 c -18.61,0 -33.698,15.117 -33.698,33.763 0,18.65 15.088,33.766 33.698,33.766 18.61,0 33.698,-15.117 33.698,-33.765 0,-18.647 -15.087,-33.764 -33.698,-33.764 z m 0,4.823 c 15.952,0 28.884,12.958 28.884,28.941 0,15.984 -12.932,28.942 -28.884,28.942 C 18.548,76.373 5.616,63.415 5.616,47.43 5.616,31.447 18.548,18.49 34.5,18.49 Z"
+         id="path4" />
+      <path
+         d="m 34.5,22.51 c -0.067,0 -0.133,0.006 -0.198,0.006 V 47.233 H 9.633 c -10e-4,0.065 -0.005,0.13 -0.005,0.199 0,13.676 11.051,24.81 24.674,24.917 0.066,0 0.131,0.004 0.198,0.004 13.714,0 24.872,-11.178 24.872,-24.921 0,-0.068 -0.005,-0.134 -0.005,-0.2 C 59.26,33.584 48.147,22.51 34.5,22.51 Z"
+         id="path6" />
+    </g>
+  </g>
+</svg>
diff --git a/linphone-app/assets/images/timer_light.svg b/linphone-app/assets/images/timer_light.svg
deleted file mode 100644
index 2b92e2f77..000000000
--- a/linphone-app/assets/images/timer_light.svg
+++ /dev/null
@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="30"
-   height="30"
-   version="1.1"
-   id="svg10"
-   sodipodi:docname="timer_light.svg"
-   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs14" />
-  <sodipodi:namedview
-     id="namedview12"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="true"
-     showgrid="false"
-     inkscape:zoom="27.714286"
-     inkscape:cx="12.82732"
-     inkscape:cy="15.154639"
-     inkscape:window-width="1920"
-     inkscape:window-height="1131"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg10" />
-  <g
-     fill="#ffffff"
-     fill-rule="evenodd"
-     id="g8"
-     transform="matrix(2.1763733,0,0,2.165899,2.173544,1.3362538e-4)">
-    <path
-       d="M 3.296,3.27 2.672,2.349 A 0.34,0.34 0 0 0 2.184,2.262 L 1.256,2.948 a 0.376,0.376 0 0 0 -0.083,0.51 l 0.63,0.93 M 9.73,4.389 10.343,3.586 A 0.308,0.308 0 0 0 10.26,3.135 L 9.335,2.528 A 0.367,0.367 0 0 0 8.848,2.605 L 8.22,3.427 M 6.623,2.743 V 2.4 c 0,-0.218 0.185,-0.397 0.411,-0.397 H 7.261 A 0.406,0.406 0 0 0 7.673,1.605 V 0.398 A 0.406,0.406 0 0 0 7.26,0 H 4.255 A 0.406,0.406 0 0 0 3.843,0.398 v 1.208 c 0,0.219 0.185,0.398 0.412,0.398 h 0.227 c 0.226,0 0.411,0.179 0.411,0.397 v 0.342"
-       id="path2" />
-    <path
-       d="m 5.895,2.331 c -3.172,0 -5.745,2.58 -5.745,5.76 0,3.182 2.572,5.76 5.744,5.76 3.172,0 5.743,-2.578 5.743,-5.76 0,-3.18 -2.571,-5.76 -5.743,-5.76 z m 0,0.823 A 4.93,4.93 0 0 1 10.818,8.091 4.93,4.93 0 0 1 5.895,13.029 4.93,4.93 0 0 1 0.972,8.09 4.93,4.93 0 0 1 5.895,3.153 Z"
-       fill-rule="nonzero"
-       id="path4" />
-    <path
-       d="M 5.895,3.84 5.861,3.841 V 8.058 H 1.656 v 0.034 a 4.25,4.25 0 0 0 4.205,4.25 h 0.034 a 4.25,4.25 0 0 0 4.24,-4.25 L 10.133,8.058 C 10.115,5.729 8.221,3.84 5.895,3.84 Z"
-       id="path6" />
-  </g>
-</svg>
diff --git a/linphone-app/assets/images/tooltip_arrow_bottom.svg b/linphone-app/assets/images/tooltip_arrow_bottom_custom.svg
similarity index 98%
rename from linphone-app/assets/images/tooltip_arrow_bottom.svg
rename to linphone-app/assets/images/tooltip_arrow_bottom_custom.svg
index b68fc3045..586cf60e7 100644
--- a/linphone-app/assets/images/tooltip_arrow_bottom.svg
+++ b/linphone-app/assets/images/tooltip_arrow_bottom_custom.svg
@@ -59,7 +59,7 @@
      transform="translate(0,2)">
     <g
        id="tooltip"
-       style="fill:#6b7a86">
+       style="fill:#000000">
       <polygon
          id="Path-2"
          points="0,6 4,0 8,6 " />
diff --git a/linphone-app/assets/images/tooltip_arrow_left.svg b/linphone-app/assets/images/tooltip_arrow_left_custom.svg
similarity index 98%
rename from linphone-app/assets/images/tooltip_arrow_left.svg
rename to linphone-app/assets/images/tooltip_arrow_left_custom.svg
index 2f48a2651..df28f699b 100644
--- a/linphone-app/assets/images/tooltip_arrow_left.svg
+++ b/linphone-app/assets/images/tooltip_arrow_left_custom.svg
@@ -58,7 +58,7 @@
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
     <g
        id="tooltip"
-       style="fill:#6b7a86">
+       style="fill:#000000">
       <polygon
          id="Path-2"
          points="0,8 0,0 6,4 " />
diff --git a/linphone-app/assets/images/tooltip_arrow_right.svg b/linphone-app/assets/images/tooltip_arrow_right_custom.svg
similarity index 98%
rename from linphone-app/assets/images/tooltip_arrow_right.svg
rename to linphone-app/assets/images/tooltip_arrow_right_custom.svg
index 07ffa2b08..2e56db246 100644
--- a/linphone-app/assets/images/tooltip_arrow_right.svg
+++ b/linphone-app/assets/images/tooltip_arrow_right_custom.svg
@@ -59,7 +59,7 @@
      transform="translate(2)">
     <g
        id="tooltip"
-       style="fill:#6b7a86">
+       style="fill:#000000">
       <polygon
          id="Path-2"
          points="6,8 6,0 0,4 " />
diff --git a/linphone-app/assets/images/tooltip_arrow_top.svg b/linphone-app/assets/images/tooltip_arrow_top_custom.svg
similarity index 98%
rename from linphone-app/assets/images/tooltip_arrow_top.svg
rename to linphone-app/assets/images/tooltip_arrow_top_custom.svg
index 31f693237..a07c1acad 100644
--- a/linphone-app/assets/images/tooltip_arrow_top.svg
+++ b/linphone-app/assets/images/tooltip_arrow_top_custom.svg
@@ -58,7 +58,7 @@
      style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
     <g
        id="tooltip"
-       style="fill:#6b7a86">
+       style="fill:#000000">
       <polygon
          id="Path-2"
          points="0,0 4,6 8,0 " />
diff --git a/linphone-app/assets/images/transfer_custom.svg b/linphone-app/assets/images/transfer_custom.svg
new file mode 100644
index 000000000..1c518bbbc
--- /dev/null
+++ b/linphone-app/assets/images/transfer_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="transfer_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.9602273"
+     inkscape:cx="39.61512"
+     inkscape:cy="6.1489118"
+     inkscape:window-width="1458"
+     inkscape:window-height="1088"
+     inkscape:window-x="26"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 40.832926,58.003382 56.883534,41.301043 58.000631,40.134472 Z M 40.603576,22.018668 58.002608,40.134472 40.603576,22.016611 Z M 56.229093,40.124184 21.988588,39.864947 Z"
+     stroke="#000000"
+     stroke-width="4.03382"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/transfer_hovered.svg b/linphone-app/assets/images/transfer_hovered.svg
deleted file mode 100644
index f330b0239..000000000
--- a/linphone-app/assets/images/transfer_hovered.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>transfer_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="transfer_over">
-            <g id="chat_default-copy-2">
-                <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" id="chat_default" fill="#4B5964"></path>
-                <g id="Group-4" transform="translate(20.000000, 20.000000) rotate(-180.000000) translate(-20.000000, -20.000000) translate(10.000000, 10.000000)" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M3.49948648,4.26240154 L3.49948648,15.7427287 L3.50049251,16.5429899 L3.49948648,4.26240154 Z M15.9500062,16.5469565 L3.50049251,16.5429899 L15.9500062,16.5469565 Z M4.13931604,15.9123007 L16.4731373,3.7556686 L4.13931604,15.9123007 Z" id="Imported-Layers" transform="translate(9.986312, 10.151313) rotate(-315.000000) translate(-9.986312, -10.151313) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/transfer_normal.svg b/linphone-app/assets/images/transfer_normal.svg
deleted file mode 100644
index 1b597189b..000000000
--- a/linphone-app/assets/images/transfer_normal.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>transfer_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="transfer_default">
-            <g id="chat_default-copy">
-                <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" id="chat_default" fill="#96A6B1"></path>
-                <g id="Group-4" transform="translate(20.000000, 20.000000) rotate(-180.000000) translate(-20.000000, -20.000000) translate(10.000000, 10.000000)" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M3.49948648,4.26240154 L3.49948648,15.7427287 L3.50049251,16.5429899 L3.49948648,4.26240154 Z M15.9500062,16.5469565 L3.50049251,16.5429899 L15.9500062,16.5469565 Z M4.13931604,15.9123007 L16.4731373,3.7556686 L4.13931604,15.9123007 Z" id="Imported-Layers" transform="translate(9.986312, 10.151313) rotate(-315.000000) translate(-9.986312, -10.151313) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/transfer_pressed.svg b/linphone-app/assets/images/transfer_pressed.svg
deleted file mode 100644
index b4de5de6c..000000000
--- a/linphone-app/assets/images/transfer_pressed.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
-    <title>transfer_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="transfer_clic">
-            <g id="chat_default-copy-2">
-                <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" id="chat_default" class="color-i-fill" fill="#FE5E00"></path>
-                <g id="Group-4" transform="translate(20.000000, 20.000000) rotate(-180.000000) translate(-20.000000, -20.000000) translate(10.000000, 10.000000)" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M3.49948648,4.26240154 L3.49948648,15.7427287 L3.50049251,16.5429899 L3.49948648,4.26240154 Z M15.9500062,16.5469565 L3.50049251,16.5429899 L15.9500062,16.5469565 Z M4.13931604,15.9123007 L16.4731373,3.7556686 L4.13931604,15.9123007 Z" id="Imported-Layers" transform="translate(9.986312, 10.151313) rotate(-315.000000) translate(-9.986312, -10.151313) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/video_call_accept_custom.svg b/linphone-app/assets/images/video_call_accept_custom.svg
new file mode 100644
index 000000000..409fc950e
--- /dev/null
+++ b/linphone-app/assets/images/video_call_accept_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="video_call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.5851455"
+     inkscape:cx="-23.445275"
+     inkscape:cy="23.990514"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 60.469654,39.7704 V 27.254579 l -11.225165,9.79694 V 26.528405 H 18.528406 V 53.471593 H 49.244489 V 42.950615 l 11.227109,9.794804 z"
+     stroke="#000000"
+     stroke-width="3.05681"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/video_call_accept_hovered.svg b/linphone-app/assets/images/video_call_accept_hovered.svg
deleted file mode 100644
index dbff9f81d..000000000
--- a/linphone-app/assets/images/video_call_accept_hovered.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>video_call_accept_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="video_call_accept_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#7D9F21"></path>
-            <g id="videocall_icon" transform="translate(9.000000, 13.000000)" stroke-linecap="round" stroke-width="1.5" stroke="#FFFFFF" stroke-linejoin="round">
-                <polygon points="21.9033897 6.53341215 21.9033897 0.673601511 16.1289093 5.25958769 16.1289093 0.333333333 0.333333333 0.333333333 0.333333333 12.9483398 16.1289093 12.9483398 16.1289093 8.02208543 21.9033897 12.6080716"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/video_call_accept_normal.svg b/linphone-app/assets/images/video_call_accept_normal.svg
deleted file mode 100644
index 7e55595ee..000000000
--- a/linphone-app/assets/images/video_call_accept_normal.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>video_call_accept_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="video_call_accept_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#9ECD1D"></path>
-            <g id="videocall_icon" transform="translate(9.000000, 13.000000)" stroke-linecap="round" stroke-width="1.5" stroke="#FFFFFF" stroke-linejoin="round">
-                <polygon points="21.9033897 6.53341215 21.9033897 0.673601511 16.1289093 5.25958769 16.1289093 0.333333333 0.333333333 0.333333333 0.333333333 12.9483398 16.1289093 12.9483398 16.1289093 8.02208543 21.9033897 12.6080716"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/video_call_accept_pressed.svg b/linphone-app/assets/images/video_call_accept_pressed.svg
deleted file mode 100644
index 8277f2345..000000000
--- a/linphone-app/assets/images/video_call_accept_pressed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
-    <title>video_call_accept_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="video_call_accept_clic">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#9ECD1D"></path>
-            <g id="videocall_icon" transform="translate(9.000000, 13.000000)" stroke-linecap="round" stroke-width="1.5" stroke="#FFFFFF" stroke-linejoin="round">
-                <polygon points="21.9033897 6.53341215 21.9033897 0.673601511 16.1289093 5.25958769 16.1289093 0.333333333 0.333333333 0.333333333 0.333333333 12.9483398 16.1289093 12.9483398 16.1289093 8.02208543 21.9033897 12.6080716"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/video_call_custom.svg b/linphone-app/assets/images/video_call_custom.svg
new file mode 100644
index 000000000..409fc950e
--- /dev/null
+++ b/linphone-app/assets/images/video_call_custom.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="80"
+   height="80"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="video_call_custom.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="4.5851455"
+     inkscape:cx="-23.445275"
+     inkscape:cy="23.990514"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 60.469654,39.7704 V 27.254579 l -11.225165,9.79694 V 26.528405 H 18.528406 V 53.471593 H 49.244489 V 42.950615 l 11.227109,9.794804 z"
+     stroke="#000000"
+     stroke-width="3.05681"
+     fill="none"
+     fill-rule="evenodd"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>
diff --git a/linphone-app/assets/images/video_call_hovered.svg b/linphone-app/assets/images/video_call_hovered.svg
deleted file mode 100644
index 81b4c9ad1..000000000
--- a/linphone-app/assets/images/video_call_hovered.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>video_call_over</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="video_call_over">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#4B5964"></path>
-            <g id="videocall_icon" transform="translate(9.000000, 13.000000)" stroke-linecap="round" stroke-width="1.5" stroke="#FFFFFF" stroke-linejoin="round">
-                <polygon points="21.9033897 6.53341215 21.9033897 0.673601511 16.1289093 5.25958769 16.1289093 0.333333333 0.333333333 0.333333333 0.333333333 12.9483398 16.1289093 12.9483398 16.1289093 8.02208543 21.9033897 12.6080716"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/video_call_normal.svg b/linphone-app/assets/images/video_call_normal.svg
deleted file mode 100644
index b6d8b5ed6..000000000
--- a/linphone-app/assets/images/video_call_normal.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>video_call_default</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="video_call_default">
-            <path d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#96A6B1"></path>
-            <g id="videocall_icon" transform="translate(9.000000, 13.000000)" stroke-linecap="round" stroke-width="1.5" stroke="#FFFFFF" stroke-linejoin="round">
-                <polygon points="21.9033897 6.53341215 21.9033897 0.673601511 16.1289093 5.25958769 16.1289093 0.333333333 0.333333333 0.333333333 0.333333333 12.9483398 16.1289093 12.9483398 16.1289093 8.02208543 21.9033897 12.6080716"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/linphone-app/assets/images/video_call_pressed.svg b/linphone-app/assets/images/video_call_pressed.svg
deleted file mode 100644
index 98f100e8e..000000000
--- a/linphone-app/assets/images/video_call_pressed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 40.3 (33839) - http://www.bohemiancoding.com/sketch -->
-    <title>video_call_clic</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="video_call_clic">
-            <path class="color-i-fill" d="M20,40 C31.045695,40 40,31.045695 40,20 C40,8.954305 31.045695,0 20,0 C8.954305,0 0,8.954305 0,20 C0,31.045695 8.954305,40 20,40 Z" fill="#FE5E00"></path>
-            <g id="videocall_icon" transform="translate(9.000000, 13.000000)" stroke-linecap="round" stroke-width="1.5" stroke="#FFFFFF" stroke-linejoin="round">
-                <polygon points="21.9033897 6.53341215 21.9033897 0.673601511 16.1289093 5.25958769 16.1289093 0.333333333 0.333333333 0.333333333 0.333333333 12.9483398 16.1289093 12.9483398 16.1289093 8.02208543 21.9033897 12.6080716"></polygon>
-            </g>
-        </g>
-    </g>
-</svg>
diff --git a/linphone-app/resources.qrc b/linphone-app/resources.qrc
index 73f6be649..55fd5035e 100644
--- a/linphone-app/resources.qrc
+++ b/linphone-app/resources.qrc
@@ -8,267 +8,134 @@
 		<file>assets/fonts/NotoSans-hinted/NotoSansUI-Bold.ttf</file>
 		<file>assets/fonts/NotoSans-hinted/NotoSansUI-Italic.ttf</file>
 		<file>assets/fonts/NotoSans-hinted/NotoSansUI-Regular.ttf</file>
-		<file>assets/images/add_disabled.svg</file>
-		<file>assets/images/add_hovered.svg</file>
-		<file>assets/images/add_normal.svg</file>
-		<file>assets/images/add_pressed.svg</file>
-		<file>assets/images/add_participant_hovered.svg</file>
-		<file>assets/images/add_participant_normal.svg</file>
-		<file>assets/images/add_participant_pressed.svg</file>
-		<file>assets/images/admin_selected.svg</file>
-		<file>assets/images/attachment_disabled.svg</file>
-		<file>assets/images/attachment_hovered.svg</file>
-		<file>assets/images/attachment_normal.svg</file>
-		<file>assets/images/attachment_pressed.svg</file>
-		<file>assets/images/auto_answer.svg</file>
-		<file>assets/images/burger_menu_hovered.svg</file>
-		<file>assets/images/burger_menu_light_hovered.svg</file>
-		<file>assets/images/burger_menu_light_normal.svg</file>
-		<file>assets/images/burger_menu_light_pressed.svg</file>
-		<file>assets/images/burger_menu_normal.svg</file>
-		<file>assets/images/burger_menu_pressed.svg</file>
-		<file>assets/images/call_accept_hovered.svg</file>
-		<file>assets/images/call_accept_normal.svg</file>
-		<file>assets/images/call_accept_pressed.svg</file>
-		<file>assets/images/call_chat_secure_hovered.svg</file>
-		<file>assets/images/call_chat_secure_normal.svg</file>
-		<file>assets/images/call_chat_secure_pressed.svg</file>
-		<file>assets/images/call_chat_unsecure_hovered.svg</file>
-		<file>assets/images/call_chat_unsecure_normal.svg</file>
-		<file>assets/images/call_chat_unsecure_pressed.svg</file>
-		<file>assets/images/call_hovered.svg</file>
-		<file>assets/images/call_normal.svg</file>
-		<file>assets/images/call_pressed.svg</file>
-		<file>assets/images/call_quality_0.svg</file>
-		<file>assets/images/call_quality_1.svg</file>
-		<file>assets/images/call_quality_2.svg</file>
-		<file>assets/images/call_quality_3.svg</file>
+		<file>assets/images/add_custom.svg</file>
+		<file>assets/images/add_participant_custom.svg</file>
+		<file>assets/images/admin_selected_custom.svg</file>
+		<file>assets/images/attachment_custom.svg</file>
+		<file>assets/images/auto_answer_custom.svg</file>
+		<file>assets/images/burger_menu_custom.svg</file>
+		<file>assets/images/call_accept_custom.svg</file>
+		<file>assets/images/call_chat_secure_custom.svg</file>
+		<file>assets/images/call_chat_unsecure_custom.svg</file>
+		<file>assets/images/call_custom.svg</file>
+		<file>assets/images/call_quality_custom.svg</file>
 		<file>assets/images/call_sign_connected.svg</file>
 		<file>assets/images/call_sign_ended.svg</file>
 		<file>assets/images/call_sign_incoming.svg</file>
 		<file>assets/images/call_sign_outgoing.svg</file>
 		<file>assets/images/call_sign_paused.svg</file>
-		<file>assets/images/camera_off_hovered.svg</file>
-		<file>assets/images/camera_off_normal.svg</file>
-		<file>assets/images/camera_off_pressed.svg</file>
-		<file>assets/images/camera_off_updating.svg</file>
-		<file>assets/images/camera_on_hovered.svg</file>
-		<file>assets/images/camera_on_normal.svg</file>
-		<file>assets/images/camera_on_pressed.svg</file>
-		<file>assets/images/camera_on_updating.svg</file>
-		<file>assets/images/camera.svg</file>
-		<file>assets/images/cancel_hovered.svg</file>
-		<file>assets/images/cancel_normal.svg</file>
-		<file>assets/images/cancel_pressed.svg</file>
+		<file>assets/images/camera_off_custom.svg</file>
+		<file>assets/images/camera_on_custom.svg</file>
+		<file>assets/images/cancel_custom.svg</file>
+		<file>assets/images/chat_custom.svg</file>
 		<file>assets/images/chat_amount.svg</file>
 		<file>assets/images/chat_count.svg</file>
-		<file>assets/images/chat_disabled.svg</file>
-		<file>assets/images/chat_delivered.svg</file>		
+		<file>assets/images/chat_delivered.svg</file>
 		<file>assets/images/chat_error.svg</file>
-		<file>assets/images/chat_hovered.svg</file>
-		<file>assets/images/chat_menu_hovered.svg</file>
-		<file>assets/images/chat_menu_normal.svg</file>
-		<file>assets/images/chat_menu_pressed.svg</file>
+		<file>assets/images/chat_menu_custom.svg</file>
 		<file>assets/images/chat_is_composing_0.svg</file>
 		<file>assets/images/chat_is_composing_1.svg</file>
 		<file>assets/images/chat_is_composing_2.svg</file>
 		<file>assets/images/chat_is_composing_3.svg</file>
-		<file>assets/images/chat_micro.svg</file>
-		<file>assets/images/chat_normal.svg</file>
-		<file>assets/images/chat_pressed.svg</file>
+		<file>assets/images/chat_micro_custom.svg</file>
 		<file>assets/images/chat_read.svg</file>
-		<file>assets/images/chat_room.svg</file>
-		<file>assets/images/chat_room_light.svg</file>
-		<file>assets/images/close.svg</file>
-		<file>assets/images/collapse.svg</file>
-		<file>assets/images/collapsed.svg</file>
-		<file>assets/images/conferences_normal.svg</file>
-		<file>assets/images/conferences_selected.svg</file>
-		<file>assets/images/contact_add_hovered.svg</file>
-		<file>assets/images/contact_add_normal.svg</file>
-		<file>assets/images/contact_add_pressed.svg</file>
-		<file>assets/images/contact_add.svg</file>
-		<file>assets/images/contact_card_photo_disabled.svg</file>
-		<file>assets/images/contact_card_photo_hovered.svg</file>
-		<file>assets/images/contact_card_photo_normal.svg</file>
-		<file>assets/images/contact_card_photo_pressed.svg</file>
-		<file>assets/images/contact_edit_hovered.svg</file>
-		<file>assets/images/contact_edit_normal.svg</file>
-		<file>assets/images/contact_edit_pressed.svg</file>
-		<file>assets/images/contact_disabled.svg</file>
-		<file>assets/images/contact_normal.svg</file>
-		<file>assets/images/contact_selected.svg</file>
-		<file>assets/images/copy_light.svg</file>
+		<file>assets/images/chat_room_custom.svg</file>
+		<file>assets/images/close_custom.svg</file>
+		<file>assets/images/collapsed_custom.svg</file>
+		<file>assets/images/contact_add_custom.svg</file>
+		<file>assets/images/contact_card_photo_custom.svg</file>
+		<file>assets/images/contact_custom.svg</file>
+		<file>assets/images/contact_delete_custom.svg</file>
+		<file>assets/images/contact_edit_custom.svg</file>
+		<file>assets/images/contact_view_custom.svg</file>
+		<file>assets/images/copy_custom.svg</file>
 		<file>assets/images/current_account_status_online.svg</file>
 		<file>assets/images/current_account_status_offline.svg</file>
 		<file>assets/images/current_account_status_dnd.svg</file>
 		<file>assets/images/current_account_status_busy.svg</file>
-		<file>assets/images/declined_incoming_call.svg</file>
-		<file>assets/images/declined_outgoing_call.svg</file>
-		<file>assets/images/delete_hovered.svg</file>
-		<file>assets/images/delete_normal.svg</file>
-		<file>assets/images/delete_pressed.svg</file>
-		<file>assets/images/download.svg</file>
-		<file>assets/images/drop_down.svg</file>
-		<file>assets/images/edit_hovered.svg</file>
-		<file>assets/images/edit_normal.svg</file>
-		<file>assets/images/edit_pressed.svg</file>
-		<file>assets/images/ended_call.svg</file>
-		<file>assets/images/expanded.svg</file>
-		<file>assets/images/file_hovered.svg</file>
-		<file>assets/images/file_normal.svg</file>
-		<file>assets/images/file_pressed.svg</file>
+		<file>assets/images/declined_incoming_call_custom.svg</file>
+		<file>assets/images/declined_outgoing_call_custom.svg</file>
+		<file>assets/images/delete_custom.svg</file>
+		<file>assets/images/download_custom.svg</file>
+		<file>assets/images/drop_down_custom.svg</file>
+		<file>assets/images/edit_custom.svg</file>
+		<file>assets/images/ended_call_custom.svg</file>
+		<file>assets/images/expanded_custom.svg</file>
+		<file>assets/images/file_custom.svg</file>
 		<file>assets/images/file_sign.svg</file>
-		<file>assets/images/filter.svg</file>
-		<file>assets/images/folder_hovered.svg</file>
-		<file>assets/images/folder_normal.svg</file>
-		<file>assets/images/folder_pressed.svg</file>
-		<file>assets/images/fullscreen_hovered.svg</file>
-		<file>assets/images/fullscreen_normal.svg</file>
-		<file>assets/images/fullscreen_pressed.svg</file>
-		<file>assets/images/generic_error_hovered.svg</file>
-		<file>assets/images/generic_error_normal.svg</file>
-		<file>assets/images/generic_error_pressed.svg</file>
+		<file>assets/images/filter_custom.svg</file>
+		<file>assets/images/filter_params_custom.svg</file>
+		<file>assets/images/folder_custom.svg</file>
+		<file>assets/images/fullscreen_custom.svg</file>
 		<file>assets/images/generic_error.svg</file>
-		<file>assets/images/group_chat_hovered.svg</file>
-		<file>assets/images/group_chat_normal.svg</file>
-		<file>assets/images/group_chat_pressed.svg</file>
-		<file>assets/images/hangup_hovered.svg</file>
-		<file>assets/images/hangup_normal.svg</file>
-		<file>assets/images/hangup_pressed.svg</file>
-		<file>assets/images/history_hovered.svg</file>
-		<file>assets/images/history_normal.svg</file>
-		<file>assets/images/history_pressed.svg</file>
-		<file>assets/images/history.svg</file>
+		<file>assets/images/group_chat_custom.svg</file>
+		<file>assets/images/hangup_custom.svg</file>
+		<file>assets/images/history_custom.svg</file>
 		<file>assets/images/home_account_assistant.svg</file>
+		<file>assets/images/home_custom.svg</file>
 		<file>assets/images/home_invite_friends.svg</file>
-		<file>assets/images/home_normal.svg</file>
-		<file>assets/images/home_pressed.svg</file>
-		<file>assets/images/home_hovered.svg</file>
-		<file>assets/images/home_disabled.svg</file>
 		<file>assets/images/home_use_linphone.svg</file>
-		<file>assets/images/incoming_call.svg</file>
+		<file>assets/images/incoming_call_custom.svg</file>
 		<file>assets/images/led_green.svg</file>
 		<file>assets/images/led_orange.svg</file>
 		<file>assets/images/led_red.svg</file>
 		<file>assets/images/led_white.svg</file>
-		<file>assets/images/menu_copy_text.svg</file>
-		<file>assets/images/menu_delete.svg</file>
-		<file>assets/images/menu_imdn_info.svg</file>
-		<file>assets/images/menu_vdots_normal.svg</file>
-		<file>assets/images/menu_vdots_hovered.svg</file>
-		<file>assets/images/menu_vdots_pressed.svg</file>
-		<file>assets/images/menu_infos.svg</file>
-		<file>assets/images/menu_infos_selected.svg</file>
-		<file>assets/images/menu_devices.svg</file>
-		<file>assets/images/menu_devices_selected.svg</file>
-		<file>assets/images/menu_ephemeral.svg</file>
-		<file>assets/images/menu_ephemeral_selected.svg</file>
+		<file>assets/images/menu_copy_text_custom.svg</file>
+		<file>assets/images/menu_imdn_info_custom.svg</file>
+		<file>assets/images/menu_vdots_custom.svg</file>
+		<file>assets/images/menu_info_custom.svg</file>
+		<file>assets/images/menu_devices_custom.svg</file>
+		<file>assets/images/menu_ephemeral_custom.svg</file>
 		<file>assets/images/message_sign.svg</file>
-		<file>assets/images/micro_off_hovered.svg</file>
-		<file>assets/images/micro_off_normal.svg</file>
-		<file>assets/images/micro_off_pressed.svg</file>
-		<file>assets/images/micro_on_hovered.svg</file>
-		<file>assets/images/micro_on_normal.svg</file>
-		<file>assets/images/micro_on_pressed.svg</file>
-		<file>assets/images/micro.svg</file>
-		<file>assets/images/missed_incoming_call.svg</file>
-		<file>assets/images/missed_outgoing_call.svg</file>
-		<file>assets/images/new_call_hovered.svg</file>
-		<file>assets/images/new_call_normal.svg</file>
-		<file>assets/images/new_call_pressed.svg</file>
-		<file>assets/images/new_chat_hovered.svg</file>
-		<file>assets/images/new_chat_normal.svg</file>
-		<file>assets/images/new_chat_pressed.svg</file>
-		<file>assets/images/new_chat_group_hovered.svg</file>
-		<file>assets/images/new_chat_group_normal.svg</file>
-		<file>assets/images/new_chat_group_pressed.svg</file>
-		<file>assets/images/new_conference_hovered.svg</file>
-		<file>assets/images/new_conference_normal.svg</file>
-		<file>assets/images/new_conference_pressed.svg</file>
-		<file>assets/images/options_hovered.svg</file>
-		<file>assets/images/options_normal.svg</file>
-		<file>assets/images/options_pressed.svg</file>
-		<file>assets/images/outgoing_call.svg</file>
-		<file>assets/images/panel_arrow.svg</file>
+		<file>assets/images/micro_off_custom.svg</file>
+		<file>assets/images/micro_on_custom.svg</file>
+		<file>assets/images/missed_incoming_call_custom.svg</file>
+		<file>assets/images/missed_outgoing_call_custom.svg</file>
+		<file>assets/images/new_call_custom.svg</file>
+		<file>assets/images/new_chat_group_custom.svg</file>
+		<file>assets/images/new_conference_custom.svg</file>
+		<file>assets/images/options_custom.svg</file>
+		<file>assets/images/outgoing_call_custom.svg</file>
+		<file>assets/images/panel_arrow_custom.svg</file>
 		<file>assets/images/panel_hidden_normal.svg</file>
 		<file>assets/images/panel_hidden_hovered.svg</file>
 		<file>assets/images/panel_hidden_pressed.svg</file>
 		<file>assets/images/panel_shown_normal.svg</file>
 		<file>assets/images/panel_shown_hovered.svg</file>
 		<file>assets/images/panel_shown_pressed.svg</file>
-		<file>assets/images/pause_off_hovered.svg</file>
-		<file>assets/images/pause_off_normal.svg</file>
-		<file>assets/images/pause_off_pressed.svg</file>
-		<file>assets/images/pause_off_updating.svg</file>
-		<file>assets/images/pause_on_hovered.svg</file>
-		<file>assets/images/pause_on_normal.svg</file>
-		<file>assets/images/pause_on_pressed.svg</file>
-		<file>assets/images/pause_on_updating.svg</file>
-		<file>assets/images/plus_disabled.svg</file>
-		<file>assets/images/plus_hovered.svg</file>
-		<file>assets/images/plus_normal.svg</file>
-		<file>assets/images/plus_pressed.svg</file>
+		<file>assets/images/pause_custom.svg</file>
+		<file>assets/images/play_custom.svg</file>
 		<file>assets/images/recording_sign.svg</file>
-		<file>assets/images/record_off.svg</file>
-		<file>assets/images/record_on.svg</file>
-		<file>assets/images/remove_participant_hovered.svg</file>
-		<file>assets/images/remove_participant_normal.svg</file>
-		<file>assets/images/remove_participant_pressed.svg</file>
-		<file>assets/images/screenshot_hovered.svg</file>
-		<file>assets/images/screenshot_normal.svg</file>
-		<file>assets/images/screenshot_pressed.svg</file>
-		<file>assets/images/search.svg</file>
+		<file>assets/images/record_custom.svg</file>
+		<file>assets/images/remove_participant_custom.svg</file>
+		<file>assets/images/screenshot_custom.svg</file>
+		<file>assets/images/search_custom.svg</file>
 		<file>assets/images/secure_level_unsafe.svg</file>
 		<file>assets/images/secure_level_1.svg</file>
 		<file>assets/images/secure_level_2.svg</file>
 		<file>assets/images/secure_off.svg</file>
 		<file>assets/images/secure_on.svg</file>
-		<file>assets/images/send.svg</file>
-		<file>assets/images/settings_advanced_normal.svg</file>
-		<file>assets/images/settings_advanced_selected.svg</file>
-		<file>assets/images/settings_audio_normal.svg</file>
-		<file>assets/images/settings_audio_selected.svg</file>
-		<file>assets/images/settings_call_normal.svg</file>
-		<file>assets/images/settings_call_selected.svg</file>
-		<file>assets/images/settings_network_normal.svg</file>
-		<file>assets/images/settings_network_selected.svg</file>
-		<file>assets/images/settings_sip_accounts_normal.svg</file>
-		<file>assets/images/settings_sip_accounts_selected.svg</file>
-		<file>assets/images/settings_video_normal.svg</file>
-		<file>assets/images/settings_video_selected.svg</file>
+		<file>assets/images/send_custom.svg</file>
+		<file>assets/images/settings_advanced_custom.svg</file>
+		<file>assets/images/settings_audio_custom.svg</file>
+		<file>assets/images/settings_call_custom.svg</file>
+		<file>assets/images/settings_network_custom.svg</file>
+		<file>assets/images/settings_sip_accounts_custom.svg</file>
+		<file>assets/images/settings_video_custom.svg</file>
 		<file>assets/images/snapshot_sign.svg</file>
-		<file>assets/images/speaker_off_hovered.svg</file>
-		<file>assets/images/speaker_off_normal.svg</file>
-		<file>assets/images/speaker_off_pressed.svg</file>
-		<file>assets/images/speaker_on_hovered.svg</file>
-		<file>assets/images/speaker_on_normal.svg</file>
-		<file>assets/images/speaker_on_pressed.svg</file>
-		<file>assets/images/speaker.svg</file>
-		<file>assets/images/timer.svg</file>
-		<file>assets/images/timer_light.svg</file>
-		<file>assets/images/tel_keypad_hovered.svg</file>
-		<file>assets/images/tel_keypad_normal.svg</file>
-		<file>assets/images/tel_keypad_pressed.svg</file>
-		<file>assets/images/textfield_close.svg</file>
-		<file>assets/images/timeline_history.svg</file>
-		<file>assets/images/timeline_filter.svg</file>
-		<file>assets/images/timeline_search.svg</file>
-		<file>assets/images/timeline_close.svg</file>
-		<file>assets/images/tooltip_arrow_bottom.svg</file>
-		<file>assets/images/tooltip_arrow_left.svg</file>
-		<file>assets/images/tooltip_arrow_right.svg</file>
-		<file>assets/images/tooltip_arrow_top.svg</file>
-		<file>assets/images/transfer_hovered.svg</file>
-		<file>assets/images/transfer_normal.svg</file>
-		<file>assets/images/transfer_pressed.svg</file>
-		<file>assets/images/update_sign.svg</file>
-		<file>assets/images/video_call_accept_hovered.svg</file>
-		<file>assets/images/video_call_accept_normal.svg</file>
-		<file>assets/images/video_call_accept_pressed.svg</file>
-		<file>assets/images/video_call_hovered.svg</file>
-		<file>assets/images/video_call_normal.svg</file>
-		<file>assets/images/video_call_pressed.svg</file>
+		<file>assets/images/speaker_off_custom.svg</file>
+		<file>assets/images/speaker_on_custom.svg</file>
+		<file>assets/images/stop_fullscreen_custom.svg</file>
+		<file>assets/images/timer_custom.svg</file>
+		<file>assets/images/tel_keypad_custom.svg</file>
+		<file>assets/images/tooltip_arrow_bottom_custom.svg</file>
+		<file>assets/images/tooltip_arrow_left_custom.svg</file>
+		<file>assets/images/tooltip_arrow_right_custom.svg</file>
+		<file>assets/images/tooltip_arrow_top_custom.svg</file>
+		<file>assets/images/transfer_custom.svg</file>
+		<file>assets/images/update_sign.svg</file>		
+		<file>assets/images/video_call_accept_custom.svg</file>
+		<file>assets/images/video_call_custom.svg</file>
 		<file>assets/images/warning.svg</file>
 		<file>ui/modules/Common/Animations/BusyIndicator.qml</file>
 		<file>ui/modules/Common/Constants/Constants.qml</file>
@@ -341,6 +208,7 @@
 		<file>ui/modules/Common/Styles/Animations/BusyIndicatorStyle.qml</file>
 		<file>ui/modules/Common/Styles/Dialog/DialogStyle.qml</file>
 		<file>ui/modules/Common/Styles/Form/ActionBarStyle.qml</file>
+		<file>ui/modules/Common/Styles/Form/ActionSwitchStyle.qml</file>
 		<file>ui/modules/Common/Styles/Form/Buttons/AbstractTextButtonStyle.qml</file>
 		<file>ui/modules/Common/Styles/Form/Buttons/ExclusiveButtonsStyle.qml</file>
 		<file>ui/modules/Common/Styles/Form/Buttons/FileChooserButtonStyle.qml</file>
@@ -541,6 +409,7 @@
 		<file>ui/views/App/Settings/SettingsVideo.qml</file>
 		<file>ui/views/App/Settings/SettingsWindow.qml</file>
 		<file>ui/views/App/Styles/Calls/CallStyle.qml</file>
+		<file>ui/views/App/Styles/Calls/CallFullscreenStyle.qml</file>
 		<file>ui/views/App/Styles/Calls/CallsWindowStyle.qml</file>
 		<file>ui/views/App/Styles/Calls/ConferenceStyle.qml</file>
 		<file>ui/views/App/Styles/Calls/Dialogs/CallSipAddressStyle.qml</file>
@@ -562,7 +431,9 @@
 		<file>ui/views/App/Styles/Main/Dialogs/EphemeralChatRoomStyle.qml</file>
 		<file>ui/views/App/Styles/Main/Dialogs/InfoChatRoomStyle.qml</file>
 		<file>ui/views/App/Styles/Main/Dialogs/InfoEncryptionStyle.qml</file>
+		<file>ui/views/App/Styles/Main/Dialogs/NewChatRoomStyle.qml</file>
 		<file>ui/views/App/Styles/Main/Dialogs/ManageAccountsStyle.qml</file>
+		<file>ui/views/App/Styles/Main/Dialogs/ParticipantsDevicesStyle.qml</file>
 		<file>ui/views/App/Styles/Main/HomeStyle.qml</file>
 		<file>ui/views/App/Styles/Main/InviteFriendsStyle.qml</file>
 		<file>ui/views/App/Styles/Main/HistoryViewStyle.qml</file>
@@ -572,6 +443,7 @@
 		<file>ui/views/App/Styles/Settings/Dialogs/SettingsVideoPreviewStyle.qml</file>
 		<file>ui/views/App/Styles/Settings/SettingsAdvancedStyle.qml</file>
 		<file>ui/views/App/Styles/Settings/SettingsAudioStyle.qml</file>
+		<file>ui/views/App/Styles/Settings/SettingsUiStyle.qml</file>
 		<file>ui/views/App/Styles/Settings/SettingsWindowStyle.qml</file>
 		<file>assets/images/linphone_logo.svg</file>
 		<file>ui/dev-modules/Units/Units.qml</file>
diff --git a/linphone-app/src/app/App.cpp b/linphone-app/src/app/App.cpp
index 0bfbb0a8f..1fcd660e6 100644
--- a/linphone-app/src/app/App.cpp
+++ b/linphone-app/src/app/App.cpp
@@ -157,13 +157,6 @@ static inline string getConfigPathIfExists (const QCommandLineParser &parser) {
 	return configPath;
 }
 
-static inline shared_ptr<linphone::Config> getConfigIfExists (const string &configPath) {
-	string factoryPath(Paths::getFactoryConfigFilePath());
-	if (!Paths::filePathExists(factoryPath))
-		factoryPath.clear();
-	
-	return linphone::Config::newWithFactory(configPath, factoryPath);
-}
 bool App::setFetchConfig (QCommandLineParser *parser) {
 	bool fetched = false;
 	QString filePath = parser->value("fetch-config");
@@ -208,7 +201,7 @@ App::App (int &argc, char *argv[]) : SingleApplication(argc, argv, true, Mode::U
 	mParser->process(*this);
 	
 	// Initialize logger.
-	shared_ptr<linphone::Config> config = getConfigIfExists(getConfigPathIfExists(*mParser));
+	shared_ptr<linphone::Config> config = Utils::getConfigIfExists (QString::fromStdString(getConfigPathIfExists(*mParser)));
 	Logger::init(config);
 	if (mParser->isSet("verbose"))
 		Logger::getInstance()->setVerbose(true);
@@ -321,11 +314,11 @@ void App::initContentApp () {
 		mTranslator = new DefaultTranslator(this);
 		mDefaultTranslator = new DefaultTranslator(this);
 		configPath = getConfigPathIfExists(*mParser);
-		config = getConfigIfExists(configPath);
+		config = Utils::getConfigIfExists (QString::fromStdString(configPath));
 		initLocale(config);
 	} else {
 		configPath = getConfigPathIfExists(*mParser);
-		config = getConfigIfExists(configPath);
+		config = Utils::getConfigIfExists(QString::fromStdString(configPath));
 		// Update and download codecs.
 		VideoCodecsModel::updateCodecs();
 		VideoCodecsModel::downloadUpdatableCodecs(this);
@@ -608,6 +601,7 @@ void App::registerTypes () {
 	
 	
 	registerType<ColorProxyModel>("ColorProxyModel");
+	registerType<ImageColorsProxyModel>("ImageColorsProxyModel");
 	registerType<ImageProxyModel>("ImageProxyModel");
 	registerType<TimelineProxyModel>("TimelineProxyModel");
 	registerType<ParticipantProxyModel>("ParticipantProxyModel");
diff --git a/linphone-app/src/components/Components.hpp b/linphone-app/src/components/Components.hpp
index 37688b1e8..617412500 100644
--- a/linphone-app/src/components/Components.hpp
+++ b/linphone-app/src/components/Components.hpp
@@ -84,6 +84,7 @@
 #include "other/colors/ColorModel.hpp"
 #include "other/colors/ColorListModel.hpp"
 #include "other/colors/ColorProxyModel.hpp"
+#include "other/colors/ImageColorsProxyModel.hpp"
 #include "other/clipboard/Clipboard.hpp"
 #include "other/desktop-tools/DesktopTools.hpp"
 #include "other/images/ImageModel.hpp"
diff --git a/linphone-app/src/components/other/colors/ColorListModel.cpp b/linphone-app/src/components/other/colors/ColorListModel.cpp
index 55af6e1ea..d3aa928e2 100644
--- a/linphone-app/src/components/other/colors/ColorListModel.cpp
+++ b/linphone-app/src/components/other/colors/ColorListModel.cpp
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright (c) 2021 Belledonne Communications SARL.
  *
  * This file is part of linphone-desktop
@@ -24,7 +24,7 @@
 #include <QQmlApplicationEngine>
 #include <QJsonValue>
 #if LINPHONE_FRIDAY
-  #include <QDate>
+#include <QDate>
 #endif // if LINPHONE_FRIDAY
 
 
@@ -36,15 +36,38 @@
 #include "components/Components.hpp"
 
 namespace {
-  constexpr char ColorsSection[] = "ui_colors";
+constexpr char ColorsSection[] = "ui_colors";
 }
 
 // =============================================================================
 
 ColorListModel::ColorListModel ( QObject *parent) : QAbstractListModel(parent) {
+	initKeywords();
 	init();	
 }
 
+void ColorListModel::initKeywords(){
+	mKeywordsMap["s"] = "standard";
+	mKeywordsMap["ma"] = "main";
+	mKeywordsMap["l"] = "list";
+	mKeywordsMap["sc"] = "screen";
+	mKeywordsMap["me"] = "menu";
+	
+	mKeywordsMap["n"] = "normal";
+	mKeywordsMap["d"] = "disabled";
+	mKeywordsMap["h"] = "hovered";
+	mKeywordsMap["p"] = "pressed";
+	mKeywordsMap["u"] = "updating";
+	mKeywordsMap["c"] = "checked";
+	
+	mKeywordsMap["b"] = "button";
+	
+	mKeywordsMap["inv"] = "inverse";
+	
+	mKeywordsMap["bg"] = "background";
+	mKeywordsMap["fg"] = "foreground";
+}
+
 int ColorListModel::rowCount (const QModelIndex &index) const{
 	return mList.count();
 }
@@ -52,6 +75,8 @@ int ColorListModel::rowCount (const QModelIndex &index) const{
 QHash<int, QByteArray> ColorListModel::roleNames () const {
 	QHash<int, QByteArray> roles;
 	roles[Qt::DisplayRole] = "$color";
+	roles[Qt::UserRole] = "id";
+	roles[Qt::UserRole+1] = "modelData";
 	return roles;
 }
 
@@ -61,12 +86,17 @@ QVariant ColorListModel::data (const QModelIndex &index, int role) const {
 	if (!index.isValid() || row < 0 || row >= mList.count())
 		return QVariant();
 	
-	//if (role == Qt::DisplayRole)
-		return QVariant::fromValue(mList[row].get());
+	if (role >= Qt::UserRole)
+		return mList[row]->getName();
+	return QVariant::fromValue(mList[row].get());
 	
 	//return QVariant();
 }
 
+ColorModel *ColorListModel::getAt(const int& index){
+	return mList[index].get();
+}
+
 void ColorListModel::add(std::shared_ptr<ColorModel> color){
 	int row = mList.count();
 	
@@ -98,15 +128,28 @@ ColorModel * ColorListModel::add(const QString& id, const QString& idLink, QStri
 		}
 		if( description == ""){
 			description = id;
-			description.replace("_", " ");
+			QStringList tokens = description.split('_');
+			for(int index = 0 ; index < tokens.size() ; ++index)
+				if(mKeywordsMap.contains(tokens[index]))
+					tokens[index] = mKeywordsMap[tokens[index]];
+			description = tokens.join(' ');
+			description[0] = description[0].toUpper();
 		}
 		auto colorShared = std::make_shared<ColorModel>(id, colorValue, description);
 		add(colorShared);
 		color = colorShared.get();
+		emit colorChanged();
 	}
 	return color;
 }
 
+ColorModel * ColorListModel::addImageColor(const QString& id, const QString& imageId, const QString& idLink, QString description, QString color){
+	ColorModel * model = add(id, idLink, description, color);
+	model->setLinkedToImage(imageId);
+	imageLinks[imageId].push_back(model);
+	return model;
+}
+
 void ColorListModel::addLink(const QString& a, const QString& b){
 	int index = 0;
 	if( mColorLinkIndexes.contains(b)){
@@ -125,6 +168,16 @@ void ColorListModel::removeLink(const QString& a){
 	mColorLinkIndexes.remove(a);
 }
 
+void ColorListModel::updateLink(const QString& id, const QString& newLink){
+	removeLink(id);
+	if( newLink != "" ){
+		addLink(id, newLink);
+		ColorModel * linkModel = getColor(newLink);
+		ColorModel * idModel = getColor(id);
+		idModel->setColor(linkModel->getColor());
+	}
+}
+
 bool ColorListModel::removeRow (int row, const QModelIndex &parent){
 	return removeRows(row, 1, parent);
 }
@@ -143,24 +196,24 @@ bool ColorListModel::removeRows (int row, int count, const QModelIndex &parent)
 }
 
 void ColorListModel::useConfig (const std::shared_ptr<linphone::Config> &config) {
-  #if LINPHONE_FRIDAY
-    if (!isLinphoneFriday())
-      overrideColors(config);
-  #else
-    overrideColors(config);
-  #endif // if LINPHONE_FRIDAY
+#if LINPHONE_FRIDAY
+	if (!isLinphoneFriday())
+		overrideColors(config);
+#else
+	overrideColors(config);
+#endif // if LINPHONE_FRIDAY
 }
 
 QString ColorListModel::getNames(){
 	QStringList names;
 	const QMetaObject *info = metaObject();
-
-  for (int i = info->propertyOffset(); i < info->propertyCount(); ++i) {
+	
+	for (int i = info->propertyOffset(); i < info->propertyCount(); ++i) {
 		const QMetaProperty metaProperty = info->property(i);
 		const std::string colorName = metaProperty.name();
 		names << QString::fromStdString(colorName);
-    }
-    return names.join(", ");
+	}
+	return names.join(", ");
 }
 
 ColorModel * ColorListModel::getColor(const QString& id){
@@ -170,6 +223,10 @@ ColorModel * ColorListModel::getColor(const QString& id){
 		return nullptr;
 }
 
+QVector<QStringList> ColorListModel::getColorIdLinks(){
+	return mColorLinks;
+}
+
 QQmlPropertyMap * ColorListModel::getQmlData() {
 	return &mData;
 }
@@ -185,24 +242,73 @@ int ColorListModel::getLinkIndex(const QString& id){
 		return -1;
 }
 
-void ColorListModel::overrideColors (const std::shared_ptr<linphone::Config> &config) {
-  if (!config)
-    return;
+void ColorListModel::overrideColors (const std::shared_ptr<linphone::Config> &colorsConfig) {
+	if (!colorsConfig)
+		return;
+	std::list<std::string> colorsIds = colorsConfig->getKeysNamesList(ColorsSection);
+	for(auto configId : colorsIds){
+		if(configId == "ColorLinks"){
+			std::list<std::string> colorString = colorsConfig->getStringList(ColorsSection, configId, std::list<std::string>());
+			QVector<QStringList> colorLinks;
+			QMap<QString, int> colorLinksIndexes;
+			for(auto color : colorString){
+				QStringList pair = QString::fromStdString(color).split(";");
+				if(pair.size()  == 2){
+					QString id = pair.front();
+					int index = pair.back().toInt();
+					colorLinksIndexes[id] = index;					
+					colorLinks.resize(index+1);
+					colorLinks[index].append(id);
+				}
+			}
+			mColorLinks = colorLinks;
+			mColorLinkIndexes = colorLinksIndexes;
+		}else{
+			bool haveColor = false;
+			QString qtConfigId = QString::fromStdString(configId);
+			QString colorName = QString::fromStdString(colorsConfig->getString(ColorsSection, configId, ""));
+			for(auto color : mList){
+				QString name = color->getName();
+				if( name == qtConfigId) {
+					color->setColor(QColor(colorName));
+					haveColor = true;
+				}
+			}
+			if(!haveColor){
+				add(qtConfigId, "", "Added from Configuration", colorName);
+			}
+		}
+	}  
+	
+	/*
 	for(auto color : mList){
 		QString name = color->getName();
 		const std::string colorValue = config->getString(ColorsSection, name.toStdString(), "");
 		if(!colorValue.empty()){
 			color->setColor(QColor(QString::fromStdString(colorValue)));
 		}
-	}
+	}*/
 }
 
+std::shared_ptr<linphone::Config> ColorListModel::getConfigColors(const QString filename){
+	std::shared_ptr<linphone::Config> config = linphone::Factory::get()->createConfig(filename.toStdString());
+// Colors links
+	std::list<std::string> links;
+	for(auto link = mColorLinkIndexes.begin() ; link != mColorLinkIndexes.end() ; ++link) {
+		links.push_back((link.key()+";"+QString::number(link.value())).toStdString());
+	}
+	config->setStringList(ColorsSection, "ColorLinks", links);
+	for(auto color : mList){
+		config->setString(ColorsSection, color->getName().toStdString(), color->getColor().name(QColor::HexArgb).toStdString());
+	}
+	return config;
+}
 
 void ColorListModel::handleUiColorChanged(const QString& id, const QColor& color){
 	if( mColorLinkIndexes.contains(id)){
 		int index = mColorLinkIndexes[id];
 		for(int i = 0 ; i < mColorLinks[index].size() ; ++i){
-			auto colorToUpdate  =getColor(mColorLinks[index][i]);
+			auto colorToUpdate = getColor(mColorLinks[index][i]);
 			if(colorToUpdate)
 				colorToUpdate->setInternalColor(color);
 		}
diff --git a/linphone-app/src/components/other/colors/ColorListModel.hpp b/linphone-app/src/components/other/colors/ColorListModel.hpp
index 4680603e8..dde23d657 100644
--- a/linphone-app/src/components/other/colors/ColorListModel.hpp
+++ b/linphone-app/src/components/other/colors/ColorListModel.hpp
@@ -1,4 +1,4 @@
-/*
+/*
  * Copyright (c) 2021 Belledonne Communications SARL.
  *
  * This file is part of linphone-desktop
@@ -34,6 +34,9 @@
 #define ADD_COLOR(COLOR, VALUE, DESCRIPTION) \
 	color = std::make_shared<ColorModel>(COLOR, VALUE, DESCRIPTION); \
 	add(color);
+
+#define ADD_COLOR_WITH_LINK(COLOR, VALUE, DESCRIPTION, LINK) \
+	add(COLOR,LINK,DESCRIPTION,VALUE);
 	
 // Alpha is in percent.
 #define ADD_COLOR_WITH_ALPHA(COLOR, ALPHA, DESCRIPTION) \
@@ -57,7 +60,7 @@ class ColorListModel : public QAbstractListModel {
 		ADD_COLOR("e", "#F3F3F3", "Chat text area Background")
 		ADD_COLOR("f", "#E8E8E8", "Border color")
 		ADD_COLOR("g", "#6B7A86", "SIP Address; Text of Contact, question popup; Selected button.")
-		ADD_COLOR("h", "#687680", "")
+		ADD_COLOR("h", "#687680", "Others")
 		
 		// Primary color.
 		ADD_COLOR("i", "#FE5E00", "Primary color.")
@@ -101,10 +104,171 @@ class ColorListModel : public QAbstractListModel {
 		ADD_COLOR("af", "#9FA6AB", "Admin Status")
 		ADD_COLOR("ag", "#EBEBEB", "Line between items in list")
 		ADD_COLOR("ah", "#F5F5F5", "Main List item background")
-		ADD_COLOR("slider_background", "#bdbebf", "Slider background")
+		ADD_COLOR("ai", "#FFFFFF", "Foreground color on buttons")
+		ADD_COLOR("slider_bg", "#bdbebf", "Slider background")
 		ADD_COLOR("slider_low", "#21be2b", "Slider low value")
 		ADD_COLOR("slider_high", "#ff0000", "Slider high value")
+		ADD_COLOR("event_neutral", "#424242", "Event colors that are neutral")
+		ADD_COLOR("event_in", "#96C11F", "Event colors that are incoming")
+		ADD_COLOR("event_out", "#18A7AF", "Event colors that are outgoing")
+
+// Standard actions
+//
+// Keywords: 'mKeywordsMap'
+//		s=standard, ma=main, l=list, sc=screen, me=menu
+//		n=normal, d=disabled, h=hovered, p=pressed, u=updating, c=checked
+//		b=button
+//		inv=inverse
+//		bg=background, fg=foreground
+		ADD_COLOR("s_n_b_bg", "#96A5B1", "[M] Standard normal button : background")
+		ADD_COLOR("s_d_b_bg", "#D0D8DE", "[M] Standard disabled button : background")
+		ADD_COLOR("s_h_b_bg", "#4B5964", "[M] Standard hovered button : background")
+		ADD_COLOR("s_p_b_bg", "#FF5E00", "[M] Standard pressed button : background")
 		
+		ADD_COLOR("s_n_b_fg", "white", "[M] Standard normal button : foreground")
+		ADD_COLOR("s_d_b_fg", "white", "[M] Standard disabled button : foreground")
+		ADD_COLOR("s_h_b_fg", "white", "[M] Standard hovered button : foreground")
+		ADD_COLOR("s_p_b_fg", "white", "[M] Standard pressed button : foreground")
+		/*
+// Inverse
+		ADD_COLOR("s_n_b_inv_bg", "transparent", "Standard normal button : inverse background")
+		ADD_COLOR("s_d_b_inv_bg", "transparent", "Standard disabled button : inverse background")
+		ADD_COLOR("s_h_b_inv_bg", "transparent", "Standard hovered button : inverse background")
+		ADD_COLOR("s_p_b_inv_bg", "transparent", "Standard pressed button : inverse background")
+		
+		ADD_COLOR("s_n_b_inv_fg", "black", "Standard normal button : inverse foreground")
+		ADD_COLOR("s_d_b_inv_fg", "black", "Standard disabled button : inverse foreground")
+		ADD_COLOR("s_h_b_inv_fg", "black", "Standard hovered button : inverse foreground")
+		ADD_COLOR("s_p_b_inv_fg", "black", "Standard pressed button : inverse foreground")
+		*/
+//----------------------------
+// Main Actions
+		ADD_COLOR("ma_n_b_bg", "#FF5E00", "[M] Main normal button : background")
+		ADD_COLOR("ma_d_b_bg", "#FFCEB2", "[M] Main disabled button : background")
+		ADD_COLOR("ma_h_b_bg", "#4B5964", "[M] Main hovered button : background")
+		ADD_COLOR("ma_p_b_bg", "#DC4100", "[M] Main pressed button : background")
+		
+		ADD_COLOR("ma_n_b_fg", "white", "[M] Main normal button : foreground")
+		ADD_COLOR("ma_d_b_fg", "white", "[M] Main disabled button : foreground")
+		ADD_COLOR("ma_h_b_fg", "white", "[M] Main hovered button : foreground")
+		ADD_COLOR("ma_p_b_fg", "white", "[M] Main pressed button : foreground")
+//-------------------------------------
+// Accept Actions
+		ADD_COLOR("a_n_b_bg", "#9ECD1D", "[M] Accept normal button : background")
+		ADD_COLOR("a_d_b_bg", "#809ECD1D", "[M] Accept disabled button : background")
+		ADD_COLOR("a_h_b_bg", "#7D9F21", "[M] Accept hovered button : background")
+		ADD_COLOR("a_p_b_bg", "#9ECD1D", "[M] Accept pressed button : background")
+		
+		ADD_COLOR("a_n_b_fg", "white", "[M] Accept normal button : foreground")
+		ADD_COLOR("a_d_b_fg", "white", "[M] Accept disabled button : foreground")
+		ADD_COLOR("a_h_b_fg", "white", "[M] Accept hovered button : foreground")
+		ADD_COLOR("a_p_b_fg", "white", "[M] Accept pressed button : foreground")
+//-------------------------------------
+// Reject Actions
+		ADD_COLOR("r_n_b_bg", "#FF5E00", "[M] Reject normal button : background")
+		ADD_COLOR("r_d_b_bg", "#80FF5E00", "[M] Reject disabled button : background")
+		ADD_COLOR("r_h_b_bg", "#DC4100", "[M] Reject hovered button : background")
+		ADD_COLOR("r_p_b_bg", "#FF5E00", "[M] Reject pressed button : background")
+		
+		ADD_COLOR("r_n_b_fg", "white", "[M] Reject normal button : foreground")
+		ADD_COLOR("r_d_b_fg", "white", "[M] Reject disabled button : foreground")
+		ADD_COLOR("r_h_b_fg", "white", "[M] Reject hovered button : foreground")
+		ADD_COLOR("r_p_b_fg", "white", "[M] Reject pressed button : foreground")
+//-------------------------------------
+// List Actions
+		ADD_COLOR("l_n_b_bg", "transparent", "[M] List normal button : background")
+		ADD_COLOR("l_d_b_bg", "transparent", "[M] List disabled button : background")
+		ADD_COLOR("l_h_b_bg", "transparent", "[M] List hovered button : background")
+		ADD_COLOR("l_p_b_bg", "transparent", "[M] List pressed button : background")
+		
+		ADD_COLOR("l_n_b_fg", "#96A5B1", "[M] List normal button : foreground")
+		ADD_COLOR("l_d_b_fg", "#8096A5B1", "[M] List disabled button : foreground")
+		ADD_COLOR("l_h_b_fg", "#4B5964", "[M] List hovered button : foreground")
+		ADD_COLOR("l_p_b_fg", "#FF5E00", "[M] List pressed button : foreground")
+//-------------------------------------
+// Screen Actions
+		ADD_COLOR("sc_n_b_bg", "#E8E8E8", "[M] Screen normal button : background")
+		ADD_COLOR("sc_d_b_bg", "#80E8E8E8", "[M] Screen disabled button : background")
+		ADD_COLOR("sc_h_b_bg", "#E8E8E8", "[M] Screen hovered button : background")
+		ADD_COLOR("sc_p_b_bg", "#FF5E00", "[M] Screen pressed button : background")
+		
+		ADD_COLOR("sc_n_b_fg", "#6B7A86", "[M] Screen normal button : foreground")
+		ADD_COLOR("sc_d_b_fg", "#806B7A86", "[M] Screen disabled button : foreground")
+		ADD_COLOR("sc_h_b_fg", "#FF5E00", "[M] Screen hovered button : foreground")
+		ADD_COLOR("sc_p_b_fg", "white", "[M] Screen pressed button : foreground")
+//-------------------------------------		
+// Menu Actions
+		ADD_COLOR("me_n_b_bg", "transparent", "[M] Menu normal button : background")
+		ADD_COLOR("me_d_b_bg", "transparent", "[M] Menu disabled button : background")
+		ADD_COLOR("me_h_b_bg", "transparent", "[M] Menu hovered button : background")
+		ADD_COLOR("me_p_b_bg", "transparent", "[M] Menu pressed button : background")
+		
+		ADD_COLOR("me_n_b_fg", "#96A5B1", "[M] Menu normal button : foreground")
+		ADD_COLOR("me_d_b_fg", "#8096A5B1", "[M] Menu disabled button : foreground")
+		ADD_COLOR("me_h_b_fg", "#4B5964", "[M] Menu hovered button : foreground")
+		ADD_COLOR("me_p_b_fg", "#FF5E00", "[M] Menu pressed button : foreground")
+// Inverse
+		ADD_COLOR("me_n_b_inv_bg", "transparent", "[M] Menu normal button : inverse background")
+		ADD_COLOR("me_d_b_inv_bg", "transparent", "[M] Menu disabled button : inverse background")
+		ADD_COLOR("me_h_b_inv_bg", "transparent", "[M] Menu hovered button : inverse background")
+		ADD_COLOR("me_p_b_inv_bg", "transparent", "[M] Menu pressed button : inverse background")
+		
+		ADD_COLOR("me_n_b_inv_fg", "white", "[M] Menu normal button : inverse foreground")
+		ADD_COLOR("me_d_b_inv_fg", "#80FFFFFF", "[M] Menu disabled button : inverse foreground")
+		ADD_COLOR("me_h_b_inv_fg", "#B0FFFFFF", "[M] Menu hovered button : inverse foreground")
+		ADD_COLOR("me_p_b_inv_fg", "white", "[M] Menu pressed button : inverse foreground")		
+		
+		
+//--------------------------------------------------------------------------------------------------------------------
+/*		
+		ADD_COLOR("m_b_bg_h", "#4B5964", "Main color for hovered buttons(background)")
+		ADD_COLOR("m_b_bg_p", "#DC4100", "Main color for pressed buttons(background)")
+		ADD_COLOR("m_b_fg_n", "#FFFFFF", "Main color for normal buttons(foreground)")
+		ADD_COLOR_WITH_LINK("m_b_fg_h", "", "Main color for hovered buttons(foreground)", "m_b_fg_n")
+		ADD_COLOR_WITH_LINK("m_b_fg_p", "", "Main color for pressed buttons(foreground)", "m_b_fg_n")
+		
+		
+		
+		ADD_COLOR_WITH_LINK("m_b_bg_n", "", "Main color for normal buttons(background)", "i")
+		ADD_COLOR("m_b_bg_h", "#4B5964", "Main color for hovered buttons(background)")
+		ADD_COLOR("m_b_bg_p", "#DC4100", "Main color for pressed buttons(background)")
+		ADD_COLOR("m_b_fg_n", "#FFFFFF", "Main color for normal buttons(foreground)")
+		ADD_COLOR_WITH_LINK("m_b_fg_h", "", "Main color for hovered buttons(foreground)", "m_b_fg_n")
+		ADD_COLOR_WITH_LINK("m_b_fg_p", "", "Main color for pressed buttons(foreground)", "m_b_fg_n")
+		
+		ADD_COLOR("action_b_bg_n", "#96A6B1", "Action color for normal buttons(background)")
+		ADD_COLOR("action_b_bg_h", "#4B5964", "Action color for hovered buttons(background)")
+		ADD_COLOR("action_b_bg_p", "#FE5E00", "Action color for pressed buttons(background)")
+		ADD_COLOR("action_b_fg_n", "white", "Action color for normal buttons(foreground)")
+		ADD_COLOR_WITH_LINK("action_b_fg_h", "", "Action color for hovered buttons(foreground)", "action_b_fg_n")
+		ADD_COLOR_WITH_LINK("action_b_fg_p", "", "Action color for pressed buttons(foreground)", "action_b_fg_n")
+		
+		ADD_COLOR("noBackground_b_n", "transparent", "Buttons with no background(normal)")
+		ADD_COLOR_WITH_LINK("noBackground_b_h", "", "Buttons with no background(hovered)", "noBackground_b_n")
+		ADD_COLOR_WITH_LINK("noBackground_b_p", "", "Buttons with no background(pressed)", "noBackground_b_n")
+		ADD_COLOR("foreground_noBackground_b_n", "#96A6B1", "Normal buttons without background(foreground)")
+		ADD_COLOR("foreground_noBackground_b_h", "#4B5964", "Hovered buttons without background(foreground)")
+		ADD_COLOR("foreground_noBackground_b_p", "#DC4100", "Pressed buttons without background(foreground)")
+		ADD_COLOR("foreground_noBackground_b_activated", "#FF5E00", "Activated buttons without background(foreground)")
+		
+		ADD_COLOR("inv_noBackground_b_n", "transparent", "Inverse color for normal buttons with no background(normal)")
+		ADD_COLOR_WITH_LINK("inv_noBackground_b_h", "", "Inverse color for hovered buttons with no background(hovered)", "inv_noBackground_b_n")
+		ADD_COLOR_WITH_LINK("inv_noBackground_b_p", "", "Inverse color for pressed buttons with no background(pressed)", "inv_noBackground_b_n")
+		ADD_COLOR_WITH_LINK("inv_fg_noBackground_b_n", "", "Inverse color for normal buttons(foreground)", "foreground_noBackground_b_n")
+		ADD_COLOR("inv_fg_noBackground_b_h", "white", "Inverse color for hovered buttons(foreground)")
+		ADD_COLOR_WITH_LINK("inv_fg_noBackground_b_p", "", "Inverse color for pressed buttons(foreground)", "foreground_noBackground_b_p")
+		ADD_COLOR_WITH_LINK("inv_fg_noBackground_b_activated", "", "Inverse color for activated buttons without background(foreground)", "foreground_noBackground_b_activated")
+		
+		ADD_COLOR("inv_fg_noBackground_b_h", "white", "Inverse color for hovered buttons(foreground)")
+		
+		
+		ADD_COLOR("noBackground_b_n", "transparent", "Buttons with no background(normal)")
+		ADD_COLOR_WITH_LINK("noBackground_b_h", "", "Buttons with no background(hovered)", "noBackground_b_n")
+		ADD_COLOR_WITH_LINK("noBackground_b_p", "", "Buttons with no background(pressed)", "noBackground_b_n")
+		ADD_COLOR("foreground_noBackground_b_n", "#96A6B1", "Inverse color for normal buttons(foreground)")
+		ADD_COLOR("foreground_noBackground_b_h", "#4B5964", "Inverse color for hovered buttons(foreground)")
+		ADD_COLOR("foreground_noBackground_b_p", "#DC4100", "Inverse color for pressed buttons(foreground)")
+*/		
 		
 		ADD_COLOR("border", "black", "Borders")
 		
@@ -120,34 +284,45 @@ class ColorListModel : public QAbstractListModel {
 		ADD_COLOR_WITH_ALPHA("l", 50, "")
 		ADD_COLOR_WITH_ALPHA("l", 80, "")
 		ADD_COLOR_WITH_ALPHA("q", 50, "")
+		
+		ADD_COLOR_WITH_LINK("event_bad", "", "Event colors that are bad", "error")
 	}
 public:
 	
 	ColorListModel (QObject *parent = nullptr);
+	void initKeywords();
 	
 	int rowCount (const QModelIndex &index = QModelIndex()) const override;
 	
 	virtual QHash<int, QByteArray> roleNames () const override;
 	virtual QVariant data (const QModelIndex &index, int role = Qt::DisplayRole) const override;
+	ColorModel *getAt(const int& index);
 	
 	void useConfig (const std::shared_ptr<linphone::Config> &config);
 	
 	Q_INVOKABLE QString getNames();
 	ColorModel * getColor(const QString& id);
+	QVector<QStringList> getColorIdLinks();
 
 // id: set an ID. If the ID already exist, the funtion return the item instead of create one.
 // color : if empty, use the color from link
 // description : describe the color
 // idLink : link this color with another ID
 	Q_INVOKABLE ColorModel * add(const QString& id, const QString& idLink, QString description = "", QString color = "");
+	Q_INVOKABLE ColorModel * addImageColor(const QString& id, const QString& imageId, const QString& idLink, QString description = "", QString color = "");
 	
 	void addLink(const QString& a, const QString& b);
 	void removeLink(const QString& a);
+	Q_INVOKABLE void updateLink(const QString& id, const QString& newLink);
 	
 	QQmlPropertyMap * getQmlData();
 	const QQmlPropertyMap * getQmlData() const;
 	int getLinkIndex(const QString& id);
 	
+	
+	void overrideColors (const std::shared_ptr<linphone::Config> &config);
+	std::shared_ptr<linphone::Config> getConfigColors(const QString filename);
+	
 public slots:
 	void handleUiColorChanged(const QString& id, const QColor& color);
 
@@ -161,13 +336,13 @@ private:
 	
 	QList<std::shared_ptr<ColorModel>> mList;
 	
-	void overrideColors (const std::shared_ptr<linphone::Config> &config);
-	
 	QStringList getColorNames () const;
 	
 	QQmlPropertyMap mData;
 	QVector<QStringList> mColorLinks;
 	QMap<QString, int> mColorLinkIndexes;// Optimization for access
+	QMap<QString, QVector<ColorModel*> > imageLinks;
+	QMap<QString, QString> mKeywordsMap;	// Convert keyword into description
 	
 };
 #undef ADD_COLOR
diff --git a/linphone-app/src/components/other/colors/ColorModel.cpp b/linphone-app/src/components/other/colors/ColorModel.cpp
index 375363e8e..613d684b8 100644
--- a/linphone-app/src/components/other/colors/ColorModel.cpp
+++ b/linphone-app/src/components/other/colors/ColorModel.cpp
@@ -48,7 +48,9 @@ QColor ColorModel::getColor() const{
 QString ColorModel::getDescription() const{
 	return mDescription;
 }
-
+QString ColorModel::getLinkedToImage() const{
+	return mLinkedToImage;
+}
 
 void ColorModel::setColor(const QColor& color){
 	if(color != mColor){
@@ -76,3 +78,7 @@ void ColorModel::setDescription(const QString& description){
 		emit descriptionChanged();
 	}
 }
+
+void ColorModel::setLinkedToImage(const QString& id){
+	mLinkedToImage = id;
+}
diff --git a/linphone-app/src/components/other/colors/ColorModel.hpp b/linphone-app/src/components/other/colors/ColorModel.hpp
index b8a33539d..0b5a6f1a8 100644
--- a/linphone-app/src/components/other/colors/ColorModel.hpp
+++ b/linphone-app/src/components/other/colors/ColorModel.hpp
@@ -42,12 +42,14 @@ public:
 	QColor getColor() const;
 	QString getDescription() const;
 	QString getName() const;
-	
+	Q_INVOKABLE QString toString(){return getName();}
+	QString getLinkedToImage() const;
 	
 	void setColor(const QColor& color);
 	void setInternalColor(const QColor& color);
 	void setAlpha(const int& alpha);
 	void setDescription(const QString& description);
+	void setLinkedToImage(const QString& id);
 	
 signals:
 	void colorChanged();
@@ -58,6 +60,7 @@ private:
 	QString mName;
 	QColor mColor;
 	QString mDescription;
+	QString mLinkedToImage;
 };
 
 Q_DECLARE_METATYPE(std::shared_ptr<ColorModel>);
diff --git a/linphone-app/src/components/other/colors/ColorProxyModel.cpp b/linphone-app/src/components/other/colors/ColorProxyModel.cpp
index bbea353d1..5e890651e 100644
--- a/linphone-app/src/components/other/colors/ColorProxyModel.cpp
+++ b/linphone-app/src/components/other/colors/ColorProxyModel.cpp
@@ -32,17 +32,29 @@
 
 ColorProxyModel::ColorProxyModel (QObject *parent) : QSortFilterProxyModel(parent){
 	setSourceModel(App::getInstance()->getColorListModel());
+	mSortMode = 0;
 	sort(0);
 }
 
+void ColorProxyModel::updateLink(const QString& id, const QString& newLink){
+	App::getInstance()->getColorListModel()->updateLink(id, newLink);
+	invalidate();
+}
+
+void ColorProxyModel::changeSort(){
+	mSortMode = (mSortMode+1)%3;
+	invalidate();
+}
+
 bool ColorProxyModel::filterAcceptsRow (
 		int sourceRow,
 		const QModelIndex &sourceParent
 		) const {
 	Q_UNUSED(sourceRow)
 	Q_UNUSED(sourceParent)
-	//const QModelIndex index = sourceModel()->index(sourceRow, 0, sourceParent);
-	//const ParticipantDeviceModel *device = index.data().value<ParticipantDeviceModel *>();
+	const QModelIndex index = sourceModel()->index(sourceRow, 0, sourceParent);
+	const ColorModel *model= index.data().value<ColorModel *>();
+	//return model->getLinkedToImage() == "";// Remove linked to image from list
 	return true;
 }
 
@@ -50,8 +62,15 @@ bool ColorProxyModel::lessThan (const QModelIndex &left, const QModelIndex &righ
 	ColorListModel * model = static_cast<ColorListModel*>(sourceModel());
 	const ColorModel *a = model->data(left).value<ColorModel *>();
 	const ColorModel *b = model->data(right).value<ColorModel *>();
-	
-	return model->getLinkIndex(a->getName()) < model->getLinkIndex(b->getName());
-			//return a->getName() < b->getName() ;
+	switch(mSortMode){
+	case 0 : 
+		return model->getLinkIndex(a->getName()) < model->getLinkIndex(b->getName());
+	case 1:
+		return a->getName() < b->getName();
+	case 2:
+		return a->getDescription() < b->getDescription();
+	default:
+		return a->getName() < b->getName();
+	}
 }
 //---------------------------------------------------------------------------------
diff --git a/linphone-app/src/components/other/colors/ColorProxyModel.hpp b/linphone-app/src/components/other/colors/ColorProxyModel.hpp
index 954e09523..06b23debf 100644
--- a/linphone-app/src/components/other/colors/ColorProxyModel.hpp
+++ b/linphone-app/src/components/other/colors/ColorProxyModel.hpp
@@ -38,11 +38,17 @@ class ColorProxyModel : public QSortFilterProxyModel {
 public:
 	ColorProxyModel (QObject *parent = nullptr);
 	
+	Q_INVOKABLE void updateLink(const QString& id, const QString& newLink);
+	Q_INVOKABLE void changeSort();
+	
 	
 protected:
 	virtual bool filterAcceptsRow (int sourceRow, const QModelIndex &sourceParent) const override;
 	virtual bool lessThan (const QModelIndex &left, const QModelIndex &right) const override;
 	
+private:
+	int mSortMode;
+	
 };
 
 #endif
diff --git a/linphone-app/src/components/other/colors/ImageColorsProxyModel.cpp b/linphone-app/src/components/other/colors/ImageColorsProxyModel.cpp
new file mode 100644
index 000000000..be326aa8c
--- /dev/null
+++ b/linphone-app/src/components/other/colors/ImageColorsProxyModel.cpp
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) 2021 Belledonne Communications SARL.
+ *
+ * This file is part of linphone-desktop
+ * (see https://www.linphone.org).
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+#include "ImageColorsProxyModel.hpp"
+#include <QQmlApplicationEngine>
+
+#include "app/App.hpp"
+
+#include "utils/Utils.hpp"
+
+#include "components/Components.hpp"
+#include "ColorListModel.hpp"
+#include "ColorModel.hpp"
+
+// =============================================================================
+
+ImageColorsProxyModel::ImageColorsProxyModel (QObject *parent) : QSortFilterProxyModel(parent){
+	setSourceModel(App::getInstance()->getColorListModel());
+	sort(0);
+}
+
+void ImageColorsProxyModel::setImageId(const QString& imageId){
+	if(mImageId != imageId){
+		mImageId = imageId;
+		emit imageIdChanged();
+		invalidate();
+	}
+}
+
+//---------------------------------------------------------------------------------
+bool ImageColorsProxyModel::filterAcceptsRow (
+		int sourceRow,
+		const QModelIndex &sourceParent
+		) const {
+	Q_UNUSED(sourceRow)
+	Q_UNUSED(sourceParent)
+	const QModelIndex index = sourceModel()->index(sourceRow, 0, sourceParent);
+	const ColorModel *model= index.data().value<ColorModel *>();
+	return mImageId != "" && model->getLinkedToImage() == mImageId;// Remove linked to image from list
+}
+
+bool ImageColorsProxyModel::lessThan (const QModelIndex &left, const QModelIndex &right) const {
+	ColorListModel * model = static_cast<ColorListModel*>(sourceModel());
+	const ColorModel *a = model->data(left).value<ColorModel *>();
+	const ColorModel *b = model->data(right).value<ColorModel *>();
+	
+	//return model->getLinkIndex(a->getName()) < model->getLinkIndex(b->getName());
+	return a->getName() < b->getName() ;
+}
+//---------------------------------------------------------------------------------
diff --git a/linphone-app/src/components/other/colors/ImageColorsProxyModel.hpp b/linphone-app/src/components/other/colors/ImageColorsProxyModel.hpp
new file mode 100644
index 000000000..c003d4e20
--- /dev/null
+++ b/linphone-app/src/components/other/colors/ImageColorsProxyModel.hpp
@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2021 Belledonne Communications SARL.
+ *
+ * This file is part of linphone-desktop
+ * (see https://www.linphone.org).
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#ifndef IMAGE_COLORS_PROXY_MODEL_H_
+#define IMAGE_COLORS_PROXY_MODEL_H_
+
+
+#include <linphone++/linphone.hh>
+// =============================================================================
+#include <QObject>
+#include <QDateTime>
+#include <QString>
+#include <QSortFilterProxyModel>
+
+class ColorListModel;
+class ChatMessageModel;
+
+class ImageColorsProxyModel : public QSortFilterProxyModel {
+	Q_OBJECT
+	
+public:
+	ImageColorsProxyModel (QObject *parent = nullptr);
+	Q_PROPERTY(QString imageId MEMBER mImageId WRITE setImageId NOTIFY imageIdChanged)
+	
+	void setImageId(const QString& imageId);
+signals:
+	void imageIdChanged();
+	
+protected:
+	virtual bool filterAcceptsRow (int sourceRow, const QModelIndex &sourceParent) const override;
+	virtual bool lessThan (const QModelIndex &left, const QModelIndex &right) const override;
+	
+private:
+		QString mImageId;
+	
+};
+
+#endif
diff --git a/linphone-app/src/utils/Utils.cpp b/linphone-app/src/utils/Utils.cpp
index 82199fafe..b21c1e397 100644
--- a/linphone-app/src/utils/Utils.cpp
+++ b/linphone-app/src/utils/Utils.cpp
@@ -30,6 +30,7 @@
 #include "components/contacts/ContactsListModel.hpp"
 #include "components/contact/ContactModel.hpp"
 #include "components/contact/VcardModel.hpp"
+#include "app/paths/Paths.hpp"
 
 // =============================================================================
 
@@ -506,3 +507,11 @@ QString Utils::getDisplayName(const std::shared_ptr<const linphone::Address>& ad
 	}
 	return displayName;
 }
+
+std::shared_ptr<linphone::Config> Utils::getConfigIfExists (const QString &configPath) {
+	std::string factoryPath(Paths::getFactoryConfigFilePath());
+	if (!Paths::filePathExists(factoryPath))
+		factoryPath.clear();
+	
+	return linphone::Config::newWithFactory(configPath.toStdString(), factoryPath);
+}
\ No newline at end of file
diff --git a/linphone-app/src/utils/Utils.hpp b/linphone-app/src/utils/Utils.hpp
index d88924e81..710033544 100644
--- a/linphone-app/src/utils/Utils.hpp
+++ b/linphone-app/src/utils/Utils.hpp
@@ -126,6 +126,7 @@ public:
 	static QString getCountryName(const QLocale::Country& country);
 	static void copyDir(QString from, QString to);// Copy a folder recursively without erasing old file
 	static QString getDisplayName(const std::shared_ptr<const linphone::Address>& address);	// Get the displayname from addres in this order : Friends, Contact, Display address, Username address
+	static std::shared_ptr<linphone::Config> getConfigIfExists (const QString& configPath);
 };
 
 #endif // UTILS_H_
diff --git a/linphone-app/ui/modules/Common/Dialog/DialogTitle.qml b/linphone-app/ui/modules/Common/Dialog/DialogTitle.qml
index 471975018..99b5c59f5 100644
--- a/linphone-app/ui/modules/Common/Dialog/DialogTitle.qml
+++ b/linphone-app/ui/modules/Common/Dialog/DialogTitle.qml
@@ -23,8 +23,8 @@ Item {
 	Rectangle{
 		anchors.fill:parent
 		gradient: Gradient {
-			GradientStop { position: 0.0; color: ColorsList.add("Dialog_title_gradient_low", "y").color }
-			GradientStop { position: 1.0; color: ColorsList.add("Dialog_title_gradient_high", "z").color}
+			GradientStop { position: 0.0; color: DialogStyle.title.lowGradient }
+			GradientStop { position: 1.0; color: DialogStyle.title.highGradient }
 		}
 		visible:showBar
 	}
@@ -49,10 +49,12 @@ Item {
 		anchors.right:parent.right
 		anchors.rightMargin: 14
 		anchors.top:parent.top
-		anchors.bottom:parent.bottom
-		icon: 'close'
-		iconSize: 12
-		useStates: false
+		anchors.topMargin: 5
+		height: DialogStyle.closeButton.iconSize
+		isCustom: true
+		backgroundRadius: 90
+		colorSet: DialogStyle.closeButton
+
 		visible:mainItem.showCloseCross
 		
 		onClicked: close()
diff --git a/linphone-app/ui/modules/Common/Form/ActionButton.qml b/linphone-app/ui/modules/Common/Form/ActionButton.qml
index f43e240b1..ab5b861c6 100644
--- a/linphone-app/ui/modules/Common/Form/ActionButton.qml
+++ b/linphone-app/ui/modules/Common/Form/ActionButton.qml
@@ -9,89 +9,227 @@ import Common 1.0
 // =============================================================================
 
 Item {
-  id: wrappedButton
-
-  // ---------------------------------------------------------------------------
-
-  property bool enabled: true
-  property bool updating: false
-  property bool useStates: true
-  //property bool autoIcon : false    // hovered/pressed : use an automatic layer instead of specific icon image
-  property int iconSize // Optional.
-  readonly property alias hovered: button.hovered
-  property alias text: button.text
-  property alias tooltipText : tooltip.text
-
-  // If `useStates` = true, the used icons are:
-  // `icon`_pressed, `icon`_hovered and `icon`_normal.
-  property string icon
-
-  // ---------------------------------------------------------------------------
-
-  signal clicked
-
-  // ---------------------------------------------------------------------------
-
-  function _getIcon () {
-	if(wrappedButton.icon == '')
-		return wrappedButton.icon;
-    if (wrappedButton.updating) {
-      return wrappedButton.icon + '_updating'
-    }
-
-    if (!useStates) {
-      return wrappedButton.icon
-    }
-
-    if (!wrappedButton.enabled) {
-      return wrappedButton.icon + '_disabled'
-    }
-   // if(!autoIcon) {
-        return wrappedButton.icon + (
-            button.down
-            ? '_pressed'
-            : (button.hovered ? '_hovered' : '_normal')
-        )
-   // }
-   // return wrappedButton.icon;
-  }
-
-  // ---------------------------------------------------------------------------
-
-  height: iconSize || parent.iconSize || parent.height
-  width: iconSize || parent.iconSize || parent.width
-
-  Button {
-    id: button
-
-    anchors.fill: parent
-    background: Rectangle {
-      color: 'transparent'
-    }
-    hoverEnabled: !wrappedButton.updating//|| wrappedButton.autoIcon
-
-    onClicked: !wrappedButton.updating && wrappedButton.enabled && wrappedButton.clicked()
-
-    Icon {
-      id: icon
-
-      anchors.centerIn: parent
-      icon: Images[_getIcon()].id
-      iconSize: wrappedButton.iconSize || (
-        parent.width > parent.height ? parent.height : parent.width
-      )
-      MouseArea{
-		anchors.fill:parent
-		hoverEnabled: true
-		acceptedButtons: Qt.NoButton
-		cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
-      }
-    }
-    TooltipArea {
-        id:tooltip
-        text: ''
-        visible:text!=''
-    }
-  }
-  
+	id: wrappedButton
+	
+	// ---------------------------------------------------------------------------
+	property QtObject colorSet: QtObject {
+		property int iconSize: 30
+		property string icon : ''
+		property color backgroundNormalColor : "white"
+		property color backgroundDisabledColor : "white"
+		property color backgroundHoveredColor : "white"
+		property color backgroundUpdatingColor : "white"
+		property color backgroundPressedColor : "white"
+	// Color for shown part
+		property color foregroundNormalColor : "black"
+		property color foregroundDisabledColor : "black"
+		property color foregroundHoveredColor : "black"
+		property color foregroundUpdatingColor : "black"
+		property color foregroundPressedColor : "black"
+	}
+	property bool isCustom : false
+	property bool enabled: true
+	property bool updating: false
+	property bool useStates: true
+	//property bool autoIcon : false    // hovered/pressed : use an automatic layer instead of specific icon image
+	property int iconSize : colorSet.iconSize
+	readonly property alias hovered: button.hovered
+	property alias text: button.text
+	// Tooltip aliases
+	property alias tooltipText : tooltip.text
+	property alias tooltipIsClickable : tooltip.isClickable
+	property alias tooltipMaxWidth: tooltip.maxWidth
+	property alias tooltipVisible: tooltip.visible
+	// Custom mode  
+	
+	property alias backgroundRadius : backgroundColor.radius
+	
+	
+// AutoColor for hide part	alpha /4
+	property color foregroundHiddenPartNormalColor : colorSet.foregroundNormalColor ? Qt.rgba(colorSet.foregroundNormalColor.r, colorSet.foregroundNormalColor.g, colorSet.foregroundNormalColor.b, colorSet.foregroundNormalColor.a/4) : 'transparent'
+	property color foregroundHiddenPartDisabledColor : colorSet.foregroundDisabledColor ? Qt.rgba(colorSet.foregroundDisabledColor.r, colorSet.foregroundDisabledColor.g, colorSet.foregroundDisabledColor.b, colorSet.foregroundDisabledColor.a/4): 'transparent'
+	property color foregroundHiddenPartHoveredColor : colorSet.foregroundHoveredColor ? Qt.rgba(colorSet.foregroundHoveredColor.r, colorSet.foregroundHoveredColor.g, colorSet.foregroundHoveredColor.b, colorSet.foregroundHoveredColor.a/4): 'transparent'
+	property color foregroundHiddenPartUpdatingColor : colorSet.foregroundUpdatingColor ? Qt.rgba(colorSet.foregroundUpdatingColor.r, colorSet.foregroundUpdatingColor.g, colorSet.foregroundUpdatingColor.b, colorSet.foregroundUpdatingColor.a/4): 'transparent'
+	property color foregroundHiddenPartPressedColor : colorSet.foregroundPressedColor ? Qt.rgba(colorSet.foregroundPressedColor.r, colorSet.foregroundPressedColor.g, colorSet.foregroundPressedColor.b, colorSet.foregroundPressedColor.a/4): 'transparent'
+	
+	property int percentageDisplayed : 100
+	
+	
+	// If `useStates` = true, the used icons are:
+	// `icon`_pressed, `icon`_hovered and `icon`_normal.
+	property string icon : colorSet.icon
+	
+	// ---------------------------------------------------------------------------
+	
+	signal clicked
+	
+	// ---------------------------------------------------------------------------
+	
+	function _getIcon () {
+		if(isCustom)
+			return wrappedButton.icon
+		if(wrappedButton.icon == '')
+			return wrappedButton.icon;
+		if (wrappedButton.updating) {
+			return wrappedButton.icon + '_updating'
+		}
+		
+		if (!useStates) {
+			return wrappedButton.icon
+		}
+		
+		if (!wrappedButton.enabled) {
+			return wrappedButton.icon + '_disabled'
+		}
+		// if(!autoIcon) {
+		return wrappedButton.icon + (
+					button.down
+					? '_pressed'
+					: (button.hovered ? '_hovered' : '_normal')
+					)
+		// }
+		// return wrappedButton.icon;
+	}
+	function getBackgroundColor(){
+		if(isCustom){
+			if(wrappedButton.icon == '')
+				return wrappedButton.colorSet.backgroundNormalColor
+			if (wrappedButton.updating)
+				return wrappedButton.colorSet.backgroundUpdatingColor
+			if (!useStates)
+				return wrappedButton.colorSet.backgroundNormalColor
+			if (!wrappedButton.enabled)
+				return wrappedButton.colorSet.backgroundDisabledColor
+			return button.down ? wrappedButton.colorSet.backgroundPressedColor
+							   : (button.hovered ? wrappedButton.colorSet.backgroundHoveredColor: wrappedButton.colorSet.backgroundNormalColor)
+		}else
+			return 'transparent'
+	}
+	function getForegroundColor(){
+		if(isCustom){
+			if(wrappedButton.icon == '')
+				return wrappedButton.colorSet.foregroundNormalColor
+			if (wrappedButton.updating)
+				return wrappedButton.colorSet.foregroundUpdatingColor
+			if (!useStates)
+				return wrappedButton.colorSet.foregroundNormalColor
+			if (!wrappedButton.enabled)
+				return wrappedButton.colorSet.foregroundDisabledColor
+			return button.down ? wrappedButton.colorSet.foregroundPressedColor
+							   : (button.hovered ? wrappedButton.colorSet.foregroundHoveredColor: wrappedButton.colorSet.foregroundNormalColor)
+		}else
+			return "black"
+	}
+	function getForegroundHiddenPartColor(){
+		if(isCustom){
+			if(wrappedButton.icon == '')
+				return wrappedButton.foregroundHiddenPartNormalColor
+			if (wrappedButton.updating)
+				return wrappedButton.foregroundHiddenPartUpdatingColor
+			if (!useStates)
+				return wrappedButton.foregroundHiddenPartNormalColor
+			if (!wrappedButton.enabled)
+				return wrappedButton.foregroundHiddenPartDisabledColor
+			return button.down ? wrappedButton.foregroundHiddenPartPressedColor
+							   : (button.hovered ? wrappedButton.foregroundHiddenPartHoveredColor: wrappedButton.foregroundHiddenPartNormalColor)
+		}else
+			return "#80FFFFFF"
+	}
+	// ---------------------------------------------------------------------------
+	
+	height: iconSize || parent.iconSize || parent.height
+	width: iconSize || parent.iconSize || parent.width
+	
+	Button {
+		id: button
+		
+		anchors.fill: parent
+		background: Rectangle {
+			id: backgroundColor
+			color: getBackgroundColor()
+		}
+		hoverEnabled: !wrappedButton.updating//|| wrappedButton.autoIcon
+		
+		onClicked: !wrappedButton.updating && wrappedButton.enabled && wrappedButton.clicked()
+		Rectangle{
+			id: foregroundColor
+			anchors.fill:parent
+			visible: false
+			color: 'transparent'
+			Rectangle{
+				anchors.fill:parent
+				color: getForegroundColor()	
+				anchors.rightMargin: parent.width  * ( 1 - wrappedButton.percentageDisplayed / 100 )
+			}
+		}	
+		Rectangle{
+			id: foregroundHiddenPartColor
+			anchors.fill:parent
+			visible: false
+			color: 'transparent'
+			Rectangle{
+				anchors.fill:parent
+				color: getForegroundHiddenPartColor()	
+				anchors.leftMargin: parent.width  * wrappedButton.percentageDisplayed / 100
+			}
+		}	
+		
+		
+		Icon {
+			id: icon
+			
+			anchors.centerIn: parent
+			icon: {
+				if(!Images[_getIcon()])
+					console.log(_getIcon())
+				return Images[_getIcon()].id
+				}
+			iconSize: wrappedButton.iconSize || (
+						  parent.width > parent.height ? parent.height : parent.width
+						  )
+			visible: !isCustom
+		}
+		
+		
+		OpacityMask{
+			anchors.fill: foregroundColor
+			source: foregroundColor
+			maskSource: icon
+			visible: isCustom
+			MouseArea{
+				anchors.fill:parent
+				hoverEnabled: true
+				acceptedButtons: Qt.NoButton
+				cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
+			}
+		}
+	 
+     
+		OpacityMask{
+			id: mask
+			anchors.fill: foregroundHiddenPartColor
+			source: foregroundHiddenPartColor
+			maskSource: icon
+			visible: isCustom && percentageDisplayed != 100
+			/*
+			layer {
+				enabled: true
+				effect: ColorOverlay {
+					color: "#80FFFFFF"
+				}
+			}*/
+			MouseArea{
+				anchors.fill:parent
+				hoverEnabled: true
+				acceptedButtons: Qt.NoButton
+				cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
+			}
+		}
+		TooltipArea {
+			id:tooltip
+			text: ''
+			visible:text!=''
+		}
+	}
+	
 }
diff --git a/linphone-app/ui/modules/Common/Form/ActionSwitch.qml b/linphone-app/ui/modules/Common/Form/ActionSwitch.qml
index 88d86f23e..6e787e8d1 100644
--- a/linphone-app/ui/modules/Common/Form/ActionSwitch.qml
+++ b/linphone-app/ui/modules/Common/Form/ActionSwitch.qml
@@ -3,29 +3,35 @@ import QtQuick 2.7
 // =============================================================================
 
 Item {
-  property alias updating: actionButton.updating
-  property alias useStates: actionButton.useStates
-  property alias text: actionButton.text
-  property bool enabled: true
-  property int iconSize // Optionnal.
-  property string icon
-
-  // ---------------------------------------------------------------------------
-
-  signal clicked
-
-  // ---------------------------------------------------------------------------
-
-  height: iconSize || parent.iconSize || parent.height
-  width: iconSize || parent.iconSize || parent.width
-
-  ActionButton {
-    id: actionButton
-
-    anchors.fill: parent
-    icon: parent.icon + (parent.enabled ? '_on' : '_off')
-    iconSize: parent.iconSize
-
-    onClicked: parent.clicked()
-  }
+	property alias updating: actionButton.updating
+	property alias useStates: actionButton.useStates
+	property alias text: actionButton.text
+	property bool enabled: true
+	
+	// Custom mode  
+	property alias isCustom : actionButton.isCustom
+	property alias backgroundRadius : actionButton.backgroundRadius
+	
+	property alias colorSet : actionButton.colorSet
+	property alias iconSize : actionButton.iconSize
+	property alias icon : actionButton.icon
+	
+	// ---------------------------------------------------------------------------
+	
+	signal clicked
+	
+	// ---------------------------------------------------------------------------
+	
+	height: iconSize || parent.iconSize || parent.height
+	width: iconSize || parent.iconSize || parent.width
+	
+	ActionButton {
+		id: actionButton
+		
+		anchors.fill: parent
+		//icon: parent.icon// + (parent.enabled ? '_on' : '_off')
+		//iconSize: parent.iconSize
+		
+		onClicked: parent.clicked()
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Form/Buttons/FileChooserButton.qml b/linphone-app/ui/modules/Common/Form/Buttons/FileChooserButton.qml
index 86e5e5949..9285e7d43 100644
--- a/linphone-app/ui/modules/Common/Form/Buttons/FileChooserButton.qml
+++ b/linphone-app/ui/modules/Common/Form/Buttons/FileChooserButton.qml
@@ -48,19 +48,11 @@ TextField {
             : FileChooserButtonStyle.tools.button.color.normal
         )
 
-      Icon {
+      ActionButton {
         anchors.centerIn: parent
-
-        icon: (textField.selectFolder ? 'folder' : 'file') + (mouseArea.pressed
-          ? '_pressed'
-          : (
-            mouseArea.containsMouse
-              ? '_hovered'
-              : '_normal'
-          )
-        )
-
-        iconSize: FileChooserButtonStyle.tools.button.iconSize
+        isCustom: true
+        backgroundRadius: 90
+		colorSet: textField.selectFolder ? FileChooserButtonStyle.folder : FileChooserButtonStyle.file
       }
     }
   }
diff --git a/linphone-app/ui/modules/Common/Form/ComboBox.qml b/linphone-app/ui/modules/Common/Form/ComboBox.qml
index f382416c8..7722ca648 100644
--- a/linphone-app/ui/modules/Common/Form/ComboBox.qml
+++ b/linphone-app/ui/modules/Common/Form/ComboBox.qml
@@ -72,8 +72,9 @@ Controls.ComboBox {
   // ---------------------------------------------------------------------------
 
   indicator: Icon {
-    icon: 'drop_down'
-    iconSize: ComboBoxStyle.background.iconSize
+    icon: ComboBoxStyle.indicator.dropDown.icon
+    iconSize: ComboBoxStyle.indicator.dropDown.iconSize
+    overwriteColor: ComboBoxStyle.indicator.dropDown.color
 
     x: comboBox.width - width - comboBox.rightPadding
     y: comboBox.topPadding + (comboBox.availableHeight - height) / 2
diff --git a/linphone-app/ui/modules/Common/Form/DroppableTextArea.qml b/linphone-app/ui/modules/Common/Form/DroppableTextArea.qml
index 85e513354..5c98e449b 100644
--- a/linphone-app/ui/modules/Common/Form/DroppableTextArea.qml
+++ b/linphone-app/ui/modules/Common/Form/DroppableTextArea.qml
@@ -60,8 +60,10 @@ Item {
 				Layout.alignment: Qt.AlignVCenter
 				//anchors.verticalCenter: parent.verticalCenter
 				enabled: droppableTextArea.dropEnabled
-				icon: 'attachment'
-				iconSize: DroppableTextAreaStyle.fileChooserButton.size
+				isCustom: true
+				backgroundRadius: 8
+				colorSet: DroppableTextAreaStyle.fileChooserButton
+					
 				visible: droppableTextArea.enabled
 				
 				onClicked: fileDialog.open()
@@ -87,8 +89,10 @@ Item {
 				Layout.alignment: Qt.AlignVCenter
 
 				enabled: droppableTextArea.dropEnabled
-				icon: 'chat_micro'
-				iconSize: DroppableTextAreaStyle.fileChooserButton.size
+				isCustom: true
+				backgroundRadius: 8
+				colorSet: DroppableTextAreaStyle.chatMicro
+				
 				useStates:false
 				
 				onClicked: {console.log('Record audio request')}
@@ -189,26 +193,22 @@ Item {
 				Layout.leftMargin: 10
 				Layout.alignment: Qt.AlignVCenter
 				visible: droppableTextArea.enabled
-				icon: 'send'
-				iconSize: DroppableTextAreaStyle.fileChooserButton.size
-				useStates:false
+				isCustom: true
+				backgroundRadius: 8
+				colorSet: DroppableTextAreaStyle.send
+				
 				onClicked: textArea.handleValidation()
 				Icon{
 					visible:droppableTextArea.isEphemeral
-					icon:'timer'
-					iconSize:15
+					icon: DroppableTextAreaStyle.ephemeralTimer.icon
+					overwriteColor: DroppableTextAreaStyle.ephemeralTimer.timerColor
+					iconSize: DroppableTextAreaStyle.ephemeralTimer.iconSize
 					anchors.right:parent.right
 					anchors.bottom : parent.bottom
-					anchors.rightMargin:-15
+					anchors.rightMargin:-10
 				}
 			}
-		}/*
-		MouseArea{
-			anchors.top:parent.top
-			anchors.verticalCenter: parent.verticalCenter
-			//icon: 'burger_menu'
-			//iconSize: 5
-		}*/
+		}
 		// Hovered style.
 		Rectangle {
 			id: hoverContent
diff --git a/linphone-app/ui/modules/Common/Form/Fields/TextField.qml b/linphone-app/ui/modules/Common/Form/Fields/TextField.qml
index 40a098593..47b90fe18 100644
--- a/linphone-app/ui/modules/Common/Form/Fields/TextField.qml
+++ b/linphone-app/ui/modules/Common/Form/Fields/TextField.qml
@@ -14,6 +14,8 @@ Controls.TextField {
   // ---------------------------------------------------------------------------
 
   property alias icon: icon.icon
+  property alias iconSize: icon.iconSize
+  property alias overwriteColor: icon.overwriteColor
   property string error: ''
   property var tools
   property QtObject textFieldStyle : TextFieldStyle.normal
diff --git a/linphone-app/ui/modules/Common/Form/ListForm.qml b/linphone-app/ui/modules/Common/Form/ListForm.qml
index fca65cb8e..65226f0a0 100644
--- a/linphone-app/ui/modules/Common/Form/ListForm.qml
+++ b/linphone-app/ui/modules/Common/Form/ListForm.qml
@@ -9,132 +9,134 @@ import 'ListForm.js' as Logic
 // =============================================================================
 
 RowLayout {
-  id: listForm
-
-  // ---------------------------------------------------------------------------
-
-  property alias placeholder: placeholder.text
-  property alias title: text.text
-  property bool readOnly: false
-  property int inputMethodHints
-  property var minValues
-  readonly property int count: values.count
-
-  // ---------------------------------------------------------------------------
-
-  signal changed (int index, string oldValue, string newValue)
-  signal removed (int index, string value)
-
-  // ---------------------------------------------------------------------------
-
-  function setData () {
-    Logic.setData.apply(this, arguments)
-  }
-
-  function setInvalid () {
-    Logic.setInvalid.apply(this, arguments)
-  }
-
-  function updateValue () {
-    Logic.updateValue.apply(this, arguments)
-  }
-
-  // ---------------------------------------------------------------------------
-
-  spacing: 0
-
-  // ---------------------------------------------------------------------------
-  // Title area.
-  // ---------------------------------------------------------------------------
-
-  RowLayout {
-    Layout.alignment: Qt.AlignTop
-    Layout.preferredHeight: ListFormStyle.lineHeight
-    spacing: ListFormStyle.titleArea.spacing
-
-    ActionButton {
-      id: addButton
-
-      icon: 'add'
-      iconSize: ListFormStyle.titleArea.iconSize
-      opacity: !listForm.readOnly ? 1 : 0
-
-      onClicked: !listForm.readOnly && Logic.addValue('')
-    }
-
-    Text {
-      id: text
-
-      Layout.preferredWidth: ListFormStyle.titleArea.text.width
-      color: ListFormStyle.titleArea.text.color
-      elide: Text.ElideRight
-
-      font {
-        bold: true
-        pointSize: ListFormStyle.titleArea.text.pointSize
-      }
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  // Placeholder.
-  // ---------------------------------------------------------------------------
-
-  Text {
-    id: placeholder
-
-    Layout.fillWidth: true
-    Layout.preferredHeight: ListFormStyle.lineHeight
-    color: ListFormStyle.value.placeholder.color
-
-    font {
-      italic: true
-      pointSize: ListFormStyle.value.placeholder.pointSize
-    }
-
-    padding: ListFormStyle.value.text.padding
-    visible: values.model.count === 0
-    verticalAlignment: Text.AlignVCenter
-
-    MouseArea {
-      anchors.fill: parent
-      onClicked: !listForm.readOnly && Logic.addValue('')
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  // Values.
-  // ---------------------------------------------------------------------------
-
-  ListView {
-    id: values
-
-    Layout.fillWidth: true
-    Layout.preferredHeight: count * ListFormStyle.lineHeight
-    interactive: false
-    visible: model.count > 0
-
-    delegate: Item {
-      implicitHeight: textInput.height
-      width: values.width
-
-      TransparentTextInput {
-        id: textInput
-
-        inputMethodHints: listForm.inputMethodHints
-        isInvalid: $isInvalid
-        readOnly: listForm.readOnly
-        text: $value
-
-        height: ListFormStyle.lineHeight
-        width: parent.width
-
-        Component.onCompleted: Logic.handleItemCreation.apply(this)
-
-        onEditingFinished: Logic.handleEditionFinished(index, text)
-      }
-    }
-
-    model: ListModel {}
-  }
+	id: listForm
+	
+	// ---------------------------------------------------------------------------
+	
+	property alias placeholder: placeholder.text
+	property alias title: text.text
+	property bool readOnly: false
+	property int inputMethodHints
+	property var minValues
+	readonly property int count: values.count
+	
+	// ---------------------------------------------------------------------------
+	
+	signal changed (int index, string oldValue, string newValue)
+	signal removed (int index, string value)
+	
+	// ---------------------------------------------------------------------------
+	
+	function setData () {
+		Logic.setData.apply(this, arguments)
+	}
+	
+	function setInvalid () {
+		Logic.setInvalid.apply(this, arguments)
+	}
+	
+	function updateValue () {
+		Logic.updateValue.apply(this, arguments)
+	}
+	
+	// ---------------------------------------------------------------------------
+	
+	spacing: 0
+	
+	// ---------------------------------------------------------------------------
+	// Title area.
+	// ---------------------------------------------------------------------------
+	
+	RowLayout {
+		Layout.alignment: Qt.AlignTop
+		Layout.preferredHeight: ListFormStyle.lineHeight
+		spacing: ListFormStyle.titleArea.spacing
+		
+		ActionButton {
+			id: addButton
+			
+			colorSet: ListFormStyle.titleArea.add
+			isCustom: true
+			backgroundRadius: 90
+			
+			opacity: !listForm.readOnly ? 1 : 0
+			
+			onClicked: !listForm.readOnly && Logic.addValue('')
+		}
+		
+		Text {
+			id: text
+			
+			Layout.preferredWidth: ListFormStyle.titleArea.text.width
+			color: ListFormStyle.titleArea.text.color
+			elide: Text.ElideRight
+			
+			font {
+				bold: true
+				pointSize: ListFormStyle.titleArea.text.pointSize
+			}
+		}
+	}
+	
+	// ---------------------------------------------------------------------------
+	// Placeholder.
+	// ---------------------------------------------------------------------------
+	
+	Text {
+		id: placeholder
+		
+		Layout.fillWidth: true
+		Layout.preferredHeight: ListFormStyle.lineHeight
+		color: ListFormStyle.value.placeholder.color
+		
+		font {
+			italic: true
+			pointSize: ListFormStyle.value.placeholder.pointSize
+		}
+		
+		padding: ListFormStyle.value.text.padding
+		visible: values.model.count === 0
+		verticalAlignment: Text.AlignVCenter
+		
+		MouseArea {
+			anchors.fill: parent
+			onClicked: !listForm.readOnly && Logic.addValue('')
+		}
+	}
+	
+	// ---------------------------------------------------------------------------
+	// Values.
+	// ---------------------------------------------------------------------------
+	
+	ListView {
+		id: values
+		
+		Layout.fillWidth: true
+		Layout.preferredHeight: count * ListFormStyle.lineHeight
+		interactive: false
+		visible: model.count > 0
+		
+		delegate: Item {
+			implicitHeight: textInput.height
+			width: values.width
+			
+			TransparentTextInput {
+				id: textInput
+				
+				inputMethodHints: listForm.inputMethodHints
+				isInvalid: $isInvalid
+				readOnly: listForm.readOnly
+				text: $value
+				
+				height: ListFormStyle.lineHeight
+				width: parent.width
+				
+				Component.onCompleted: Logic.handleItemCreation.apply(this)
+				
+				onEditingFinished: Logic.handleEditionFinished(index, text)
+			}
+		}
+		
+		model: ListModel {}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Form/Placements/Form.qml b/linphone-app/ui/modules/Common/Form/Placements/Form.qml
index 13d251ba9..8b65d8f3d 100644
--- a/linphone-app/ui/modules/Common/Form/Placements/Form.qml
+++ b/linphone-app/ui/modules/Common/Form/Placements/Form.qml
@@ -7,63 +7,67 @@ import Common 1.0
 // =============================================================================
 
 Column {
-  property alias title: title.text
-  property int orientation: Qt.Horizontal
-  property bool addButton : false
-  signal addButtonClicked;
-  property bool removeButton : false
-  signal removeButtonClicked;
-
-  // ---------------------------------------------------------------------------
-
-  spacing: FormStyle.spacing
-
-  // ---------------------------------------------------------------------------
-
-  ColumnLayout {
-    spacing: FormStyle.header.spacing
-    visible: parent.title.length > 0
-    width: parent.width
-
-    Row{
-		spacing:10
-	    Text {
-	      id: title
-		  anchors.verticalCenter: parent.verticalCenter
+	property alias title: title.text
+	property int orientation: Qt.Horizontal
+	property bool addButton : false
+	signal addButtonClicked;
+	property bool removeButton : false
+	signal removeButtonClicked;
 	
-	      color: FormStyle.header.title.color
-	      font {
-		bold: true
-		pointSize: FormStyle.header.title.pointSize
-	      }
-	    }
-	    ActionButton {
-		 visible:addButton
-		 anchors.verticalCenter: parent.verticalCenter
-		 icon: 'add'
-		 iconSize:38
-		 scale:0.8
-		 onClicked:addButtonClicked()
-	 }
-	 ActionButton {
-		 visible:removeButton
-		 anchors.verticalCenter: parent.verticalCenter
-		 icon: 'delete'
-		 iconSize:38
-		 scale:0.8
-		 onClicked:removeButtonClicked()
-	 }
-    }
-
-    Rectangle {
-      Layout.fillWidth: true
-      Layout.preferredHeight: FormStyle.header.separator.height
-
-      color: FormStyle.header.separator.color
-    }
-
-    Item {
-      height: FormStyle.header.bottomMargin
-    }
-  }
+	// ---------------------------------------------------------------------------
+	
+	spacing: FormStyle.spacing
+	
+	// ---------------------------------------------------------------------------
+	
+	ColumnLayout {
+		spacing: FormStyle.header.spacing
+		visible: parent.title.length > 0
+		width: parent.width
+		
+		Row{
+			spacing:10
+			Text {
+				id: title
+				anchors.verticalCenter: parent.verticalCenter
+				
+				color: FormStyle.header.title.color
+				font {
+					bold: true
+					pointSize: FormStyle.header.title.pointSize
+				}
+			}
+			ActionButton {
+				visible:addButton
+				anchors.verticalCenter: parent.verticalCenter
+				isCustom: true
+				backgroundRadius: 90
+				colorSet: FormStyle.header.add
+				
+				scale:0.8
+				onClicked:addButtonClicked()
+			}
+			ActionButton {
+				visible:removeButton
+				anchors.verticalCenter: parent.verticalCenter
+				isCustom: true
+				backgroundRadius: 90
+				
+				colorSet: FormStyle.header.deleteAction
+				scale:0.8
+				onClicked:removeButtonClicked()
+			}
+		}
+		
+		Rectangle {
+			Layout.fillWidth: true
+			Layout.preferredHeight: FormStyle.header.separator.height
+			
+			color: FormStyle.header.separator.color
+		}
+		
+		Item {
+			height: FormStyle.header.bottomMargin
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Form/SearchBox.qml b/linphone-app/ui/modules/Common/Form/SearchBox.qml
index ec4e297c9..1bf55eae6 100644
--- a/linphone-app/ui/modules/Common/Form/SearchBox.qml
+++ b/linphone-app/ui/modules/Common/Form/SearchBox.qml
@@ -3,6 +3,7 @@ import QtQuick.Controls 2.2 as Controls
 
 import Common 1.0
 import Utils 1.0
+import Common.Styles 1.0
 
 // =============================================================================
 
@@ -74,7 +75,8 @@ Item {
 		TextField {
 			id: searchField
 			
-			icon: 'search'
+			icon: 'search_custom'
+			overwriteColor: SearchBoxStyle.iconColor
 			readOnly: !searchBox.enabled
 			width: parent.width
 			
diff --git a/linphone-app/ui/modules/Common/Form/Tab/TabButton.qml b/linphone-app/ui/modules/Common/Form/Tab/TabButton.qml
index 6a0a63353..ea218d718 100644
--- a/linphone-app/ui/modules/Common/Form/Tab/TabButton.qml
+++ b/linphone-app/ui/modules/Common/Form/Tab/TabButton.qml
@@ -8,101 +8,98 @@ import Common.Styles 1.0
 // =============================================================================
 
 Controls.TabButton {
-  id: button
-
-  // ---------------------------------------------------------------------------
-
-  property int iconSize: TabButtonStyle.icon.size
-  property string iconName
-
-  readonly property bool _isSelected: parent.parent.currentItem === button
-
-  // ---------------------------------------------------------------------------
-
-  function _getBackgroundColor () {
-    if (_isSelected) {
-      return TabButtonStyle.backgroundColor.selected
-    }
-
-    return button.enabled
-      ? (
-        button.down
-          ? TabButtonStyle.backgroundColor.pressed
-          : (
-            button.hovered
-              ? TabButtonStyle.backgroundColor.hovered
-              : TabButtonStyle.backgroundColor.normal
-          )
-      )
-      : TabButtonStyle.backgroundColor.disabled
-  }
-
-  function _getTextColor () {
-    if (_isSelected) {
-      return TabButtonStyle.text.color.selected
-    }
-
-    return button.enabled
-      ? (
-        button.down
-          ? TabButtonStyle.text.color.pressed
-          : (
-            button.hovered
-              ? TabButtonStyle.text.color.hovered
-              : TabButtonStyle.text.color.normal
-          )
-      )
-      : TabButtonStyle.text.color.disabled
-  }
-
-  // ---------------------------------------------------------------------------
-
-  background: Rectangle {
-    color: _getBackgroundColor()
-    implicitHeight: TabButtonStyle.text.height
-  }
-
-  contentItem: RowLayout {
-    height: button.height
-    width: button.width
-    spacing: TabButtonStyle.spacing
-
-    Icon {
-      id: icon
-
-      Layout.fillHeight: true
-      Layout.leftMargin: TabButtonStyle.text.leftPadding
-
-      icon: {
-        var iconName = button.iconName
-        return iconName.length
-          ? (iconName + '_' + (button._isSelected ? 'selected' : 'normal'))
-          : ''
-      }
-      iconSize: button.iconSize
-    }
-
-    Text {
-      Layout.fillWidth: true
-      Layout.fillHeight: true
-
-      color: _getTextColor()
-
-      font {
-        bold: true
-        pointSize: TabButtonStyle.text.pointSize
-      }
-
-      elide: Text.ElideRight
-
-      height: parent.height
-      horizontalAlignment: Text.AlignHCenter
-      verticalAlignment: Text.AlignVCenter
-
-      rightPadding: TabButtonStyle.text.rightPadding
-      text: button.text
-    }
-  }
-
-  hoverEnabled: true
+	id: button
+	
+	// ---------------------------------------------------------------------------
+	
+	property int iconSize: TabButtonStyle.icon.size
+	property string iconName
+	
+	readonly property bool _isSelected: parent.parent.currentItem === button
+	
+	// ---------------------------------------------------------------------------
+	
+	function _getBackgroundColor () {
+		if (_isSelected) {
+			return TabButtonStyle.backgroundColor.selected
+		}
+		
+		return button.enabled
+				? (
+					  button.down
+					  ? TabButtonStyle.backgroundColor.pressed
+					  : (
+							button.hovered
+							? TabButtonStyle.backgroundColor.hovered
+							: TabButtonStyle.backgroundColor.normal
+							)
+					  )
+				: TabButtonStyle.backgroundColor.disabled
+	}
+	
+	function _getTextColor () {
+		if (_isSelected) {
+			return TabButtonStyle.text.color.selected
+		}
+		
+		return button.enabled
+				? (
+					  button.down
+					  ? TabButtonStyle.text.color.pressed
+					  : (
+							button.hovered
+							? TabButtonStyle.text.color.hovered
+							: TabButtonStyle.text.color.normal
+							)
+					  )
+				: TabButtonStyle.text.color.disabled
+	}
+	
+	// ---------------------------------------------------------------------------
+	
+	background: Rectangle {
+		color: _getBackgroundColor()
+		implicitHeight: TabButtonStyle.text.height
+	}
+	
+	contentItem: RowLayout {
+		height: button.height
+		width: button.width
+		spacing: TabButtonStyle.spacing
+		
+		Icon {
+			id: icon
+			
+			Layout.fillHeight: true
+			Layout.leftMargin: TabButtonStyle.text.leftPadding
+			overwriteColor: textItem.color
+			
+			icon: button.iconName
+			iconSize: button.iconSize
+		}
+		
+		Text {
+			id: textItem
+			Layout.fillWidth: true
+			Layout.fillHeight: true
+			
+			color: _getTextColor()
+			
+			font {
+				bold: true
+				pointSize: TabButtonStyle.text.pointSize
+			}
+			
+			elide: Text.ElideRight
+			
+			height: parent.height
+			horizontalAlignment: Text.AlignHCenter
+			verticalAlignment: Text.AlignVCenter
+			
+			rightPadding: TabButtonStyle.text.rightPadding
+			text: button.text
+		}
+	}
+	
+	hoverEnabled: true
 }
diff --git a/linphone-app/ui/modules/Common/Image/Icon.qml b/linphone-app/ui/modules/Common/Image/Icon.qml
index a88a72316..39eff1bc5 100644
--- a/linphone-app/ui/modules/Common/Image/Icon.qml
+++ b/linphone-app/ui/modules/Common/Image/Icon.qml
@@ -1,4 +1,5 @@
 import QtQuick 2.7
+import QtGraphicalEffects 1.12
 
 import Common 1.0
 import Utils 1.0
@@ -8,34 +9,47 @@ import Utils 1.0
 // =============================================================================
 
 Item {
-  property var iconSize // Required.
-  property string icon
-
-  height: iconSize
-  width: iconSize
-
-  Image {
-	id:image
-    mipmap: Qt.platform.os === 'osx'
-    cache: Images.areReadOnlyImages
-    function getIconSize () {
-      Utils.assert(
-        (icon == null ||  icon == '' || iconSize != null && iconSize >= 0),
-        '`iconSize` must be defined and must be positive. (icon=`' +
-          icon + '`, iconSize=' + iconSize + ')'
-      )
-
-      return iconSize
-    }
-
-    anchors.centerIn: parent
-
-    width: iconSize
-    height: iconSize
-
-    fillMode: Image.PreserveAspectFit
-    source: Utils.resolveImageUri(icon)
-    sourceSize.width: getIconSize()
-    sourceSize.height: getIconSize()
-  }
+	id: mainItem
+	property var iconSize // Required.
+	property string icon
+	property color overwriteColor
+// Use this slot because of testing overwriteColor in layer doesn't seem to work
+	onOverwriteColorChanged: if(overwriteColor) 
+								image.colorOverwriteEnabled = true
+							else
+								image.colorOverwriteEnabled = false
+	height: iconSize
+	width: iconSize
+	
+	Image {
+		id:image
+		property bool colorOverwriteEnabled : false
+		mipmap: Qt.platform.os === 'osx'
+		cache: Images.areReadOnlyImages
+		function getIconSize () {
+			Utils.assert(
+						(icon == null ||  icon == '' || iconSize != null && iconSize >= 0),
+						'`iconSize` must be defined and must be positive. (icon=`' +
+						icon + '`, iconSize=' + iconSize + ')'
+						)
+			
+			return iconSize
+		}
+		
+		anchors.centerIn: parent
+		
+		width: iconSize
+		height: iconSize
+		
+		fillMode: Image.PreserveAspectFit
+		source: Utils.resolveImageUri(icon)
+		sourceSize.width: getIconSize()
+		sourceSize.height: getIconSize()
+		layer {
+			enabled: image.colorOverwriteEnabled
+			effect: ColorOverlay {
+				color: mainItem.overwriteColor
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Menus/ApplicationMenuEntry.qml b/linphone-app/ui/modules/Common/Menus/ApplicationMenuEntry.qml
index 06b9cdae1..eb29511bb 100644
--- a/linphone-app/ui/modules/Common/Menus/ApplicationMenuEntry.qml
+++ b/linphone-app/ui/modules/Common/Menus/ApplicationMenuEntry.qml
@@ -16,6 +16,7 @@ Rectangle {
 	
 	readonly property bool isSelected: parent.parent._selected === this
 	property alias iconSize : mainIcon.iconSize
+	property alias overwriteColor: mainIcon.overwriteColor
 	
 	// ---------------------------------------------------------------------------
 	
@@ -68,11 +69,7 @@ Rectangle {
 		
 		Icon {
 			id:mainIcon
-			icon: entry.icon + (
-					  entry.isSelected
-					  ? '_selected'
-					  : '_normal'
-					  )
+			icon: entry.icon
 			iconSize: ApplicationMenuStyle.entry.iconSize
 		}
 		
diff --git a/linphone-app/ui/modules/Common/Menus/Menu.qml b/linphone-app/ui/modules/Common/Menus/Menu.qml
index b06ea282f..4cc756dc9 100644
--- a/linphone-app/ui/modules/Common/Menus/Menu.qml
+++ b/linphone-app/ui/modules/Common/Menus/Menu.qml
@@ -11,7 +11,7 @@ Controls.Menu {
   property var menuStyle : MenuStyle.normal
 
   background: Rectangle {
-    implicitWidth: menuStyle.width
+    implicitWidth: menu.width
     color: menuStyle.color
     radius: menuStyle.radius
 	
diff --git a/linphone-app/ui/modules/Common/Menus/MenuItem.qml b/linphone-app/ui/modules/Common/Menus/MenuItem.qml
index 4ed98f3d5..4f1bdb4d6 100644
--- a/linphone-app/ui/modules/Common/Menus/MenuItem.qml
+++ b/linphone-app/ui/modules/Common/Menus/MenuItem.qml
@@ -1,5 +1,5 @@
 import QtQuick 2.7
-import QtQuick.Controls 2.2  as Controls
+import QtQuick.Controls 2.3  as Controls	//2.3 for menu property (Qt 5.10)
 import QtQuick.Layouts 1.3
 
 import Common 1.0
@@ -15,6 +15,7 @@ Controls.MenuItem {
 	id: button
 	property alias iconMenu : iconArea.icon
 	property alias iconSizeMenu : iconArea.iconSize
+	property alias iconOverwriteColorMenu: iconArea.overwriteColor
 	property alias iconLayoutDirection : rowArea.layoutDirection
 	property var menuItemStyle : MenuItemStyle.normal
 	
@@ -24,6 +25,8 @@ Controls.MenuItem {
 	
 	height:visible?undefined:0
 	
+	Component.onCompleted: menu.width = Math.max(menu.width, implicitWidth)
+	
 	background: Rectangle {	
 		color: button.down
 			   ? menuItemStyle.background.color.pressed
@@ -36,13 +39,22 @@ Controls.MenuItem {
 	}
 	contentItem:RowLayout{
 		id:rowArea		
-		spacing:20
+		spacing:15
 		Icon{
 			id: iconArea
 			visible: icon
 			width: icon?iconSize:0
 			Layout.leftMargin:(iconLayoutDirection == Qt.LeftToRight ? menuItemStyle.leftMargin : 0)
 			Layout.rightMargin:(iconLayoutDirection == Qt.LeftToRight ? 0 : menuItemStyle.rightMargin)
+			overwriteColor: button.enabled
+							? (button.down
+							   ? menuItemStyle.text.color.pressed
+							   : (
+									 button.hovered
+									 ? menuItemStyle.text.color.hovered
+									 : menuItemStyle.text.color.normal
+									 ))
+							: menuItemStyle.text.color.disabled
 		}
 		Text {
 			id:rowText
@@ -52,12 +64,12 @@ Controls.MenuItem {
 			Layout.rightMargin:(iconLayoutDirection == Qt.LeftToRight ? menuItemStyle.rightMargin : 0)
 			color: button.enabled
 				   ? (button.down
-					   ? menuItemStyle.text.color.pressed
-					   : (
-							 button.hovered
-							 ? menuItemStyle.text.color.hovered
-							 : menuItemStyle.text.color.normal
-							 ))
+					  ? menuItemStyle.text.color.pressed
+					  : (
+							button.hovered
+							? menuItemStyle.text.color.hovered
+							: menuItemStyle.text.color.normal
+							))
 				   : menuItemStyle.text.color.disabled
 			
 			elide: Text.ElideRight
@@ -84,7 +96,7 @@ Controls.MenuItem {
 		propagateComposedEvents:true
 		acceptedButtons: Qt.NoButton
 		cursorShape: parent.hovered
-						 ? Qt.PointingHandCursor
-						 : Qt.ArrowCursor
+					 ? Qt.PointingHandCursor
+					 : Qt.ArrowCursor
 	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Animations/BusyIndicatorStyle.qml b/linphone-app/ui/modules/Common/Styles/Animations/BusyIndicatorStyle.qml
index fefaab20a..98aaaa2ed 100644
--- a/linphone-app/ui/modules/Common/Styles/Animations/BusyIndicatorStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Animations/BusyIndicatorStyle.qml
@@ -4,7 +4,8 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Busy_indicator", "i").color
-  property int duration: 1250
-  property int nSpheres: 6
+	property string sectionName: 'Busy'
+	property color color: ColorsList.add(sectionName+'_indicator', 'i').color
+	property int duration: 1250
+	property int nSpheres: 6
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Dialog/DialogStyle.qml b/linphone-app/ui/modules/Common/Styles/Dialog/DialogStyle.qml
index 2a2f60fc0..b36ccb900 100644
--- a/linphone-app/ui/modules/Common/Styles/Dialog/DialogStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Dialog/DialogStyle.qml
@@ -7,31 +7,48 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Dialog", "k").color
-
-  property QtObject buttons: QtObject {
-    property int bottomMargin: 30
-    property int leftMargin: 50
-	property int rightMargin: 50
-    property int spacing: 20
-    property int topMargin: 15
-  }
-
-  property QtObject confirmDialog: QtObject {
-    property int height: 200
-    property int width: 400
-  }
-
-  property QtObject content: QtObject {
-    property int leftMargin: 25
-    property int rightMargin: 25
-  }
-
-  property QtObject description: QtObject {
-    property color color: ColorsList.add("Dialog_description", "j").color
-    property int leftMargin: 50
-    property int pointSize: Units.dp * 11
-    property int rightMargin: 50
-    property int verticalMargin: 25
-  }
+	property string sectionName : 'Dialog'
+	property color color: ColorsList.add(sectionName, 'k').color
+	
+	property QtObject title: QtObject {
+		property color lowGradient: ColorsList.add(sectionName+'_title_gradient_low', 'y').color
+		property color highGradient: ColorsList.add(sectionName+'_title_gradient_high', 'z').color
+	}
+	
+	property QtObject buttons: QtObject {
+		property int bottomMargin: 30
+		property int leftMargin: 50
+		property int rightMargin: 50
+		property int spacing: 20
+		property int topMargin: 15
+	}
+	
+	property QtObject confirmDialog: QtObject {
+		property int height: 200
+		property int width: 400
+	}
+	
+	property QtObject content: QtObject {
+		property int leftMargin: 25
+		property int rightMargin: 25
+	}
+	
+	property QtObject description: QtObject {
+		property color color: ColorsList.add(sectionName+'_description', 'j').color
+		property int leftMargin: 50
+		property int pointSize: Units.dp * 11
+		property int rightMargin: 50
+		property int verticalMargin: 25
+	}
+	property QtObject closeButton: QtObject {
+		property int iconSize: 20
+		property string name : 'close'
+		property string icon : 'close_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_b_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_b_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_b_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_f_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_f_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_f_p', icon, 'l_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/ActionSwitchStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/ActionSwitchStyle.qml
new file mode 100644
index 000000000..9cf73a149
--- /dev/null
+++ b/linphone-app/ui/modules/Common/Styles/Form/ActionSwitchStyle.qml
@@ -0,0 +1,7 @@
+pragma Singleton
+import QtQml 2.2
+
+// =============================================================================
+
+QtObject {
+}
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Buttons/ExclusiveButtonsStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Buttons/ExclusiveButtonsStyle.qml
index a953d835a..0f48a97af 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Buttons/ExclusiveButtonsStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Buttons/ExclusiveButtonsStyle.qml
@@ -5,14 +5,15 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int buttonsSpacing: 8
-
-  property QtObject button: QtObject {
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("Exclusive_button_hovered", "n").color
-      property color normal: ColorsList.add("Exclusive_button_normal", "x").color
-      property color pressed: ColorsList.add("Exclusive_button_pressed", "i").color
-      property color selected: ColorsList.add("Exclusive_button_selected", "g").color
-    }
-  }
+	property string sectionName: 'ExclusiveButtons'
+	property int buttonsSpacing: 8
+	
+	property QtObject button: QtObject {
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_h', 'n').color
+			property color normal: ColorsList.add(sectionName+'_n', 'x').color
+			property color pressed: ColorsList.add(sectionName+'_p', 'i').color
+			property color selected: ColorsList.add(sectionName+'_c', 'g').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Buttons/FileChooserButtonStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Buttons/FileChooserButtonStyle.qml
index df73c3c46..49b63c3bb 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Buttons/FileChooserButtonStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Buttons/FileChooserButtonStyle.qml
@@ -5,17 +5,40 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject tools: QtObject {
-    property int width: 30
-
-    property QtObject button: QtObject {
-      property int iconSize: 16
-
-      property QtObject color: QtObject {
-        property color hovered: ColorsList.add("FileChooser_hovered", "c").color
-        property color normal: ColorsList.add("FileChooser_normal", "f").color
-        property color pressed: ColorsList.add("FileChooser_pressed", "c").color
-      }
-    }
-  }
+	property string sectionName: 'FileChooser'
+	property QtObject tools: QtObject {
+		property int width: 30
+		
+		property QtObject button: QtObject {
+			property int iconSize: 16
+			
+			property QtObject color: QtObject {
+				property color hovered: ColorsList.add(sectionName+'_h', 'c').color
+				property color normal: ColorsList.add(sectionName+'_n', 'f').color
+				property color pressed: ColorsList.add(sectionName+'_p', 'c').color
+			}
+		}
+	}
+	property QtObject file: QtObject {
+		property int iconSize: 30
+		property string name : 'file'
+		property string icon : 'file_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
+	property QtObject folder: QtObject {
+		property int iconSize: 30
+		property string name : 'folder'
+		property string icon : 'folder_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Buttons/SmallButtonStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Buttons/SmallButtonStyle.qml
index 0b8cdb01e..7224c1e81 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Buttons/SmallButtonStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Buttons/SmallButtonStyle.qml
@@ -7,22 +7,23 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int leftPadding: 5
-  property int rightPadding: 5
-
-  property QtObject background: QtObject {
-    property int height: 22
-    property int radius: 20
-
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("SmallButton_background_hovered", "c").color
-      property color normal: ColorsList.add("SmallButton_background_normal", "f").color
-      property color pressed: ColorsList.add("SmallButton_background_pressed", "i").color
-    }
-  }
-
-  property QtObject text: QtObject {
-    property color color: ColorsList.add("SmallButton_text", "q").color
-    property int pointSize: Units.dp * 8
-  }
+	property string sectionName: 'SmallButton'
+	property int leftPadding: 5
+	property int rightPadding: 5
+	
+	property QtObject background: QtObject {
+		property int height: 22
+		property int radius: 20
+		
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_bg_h', 'c').color
+			property color normal: ColorsList.add(sectionName+'_bg_n', 'f').color
+			property color pressed: ColorsList.add(sectionName+'_bg_p', 'i').color
+		}
+	}
+	
+	property QtObject text: QtObject {
+		property color color: ColorsList.add(sectionName+'_text', 'q').color
+		property int pointSize: Units.dp * 8
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonAStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonAStyle.qml
index 0b32989de..ea0adee6b 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonAStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonAStyle.qml
@@ -6,18 +6,19 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'TextButtonA'
 	property QtObject backgroundColor: QtObject {
-		property color disabled: ColorsList.add("TextButton_background_disabled", "o").color
-		property color hovered: ColorsList.add("TextButton_background_hovered", "j").color
-		property color normal: ColorsList.add("TextButton_background_normal", "r").color
-		property color pressed: ColorsList.add("TextButton_background_pressed", "i").color
+		property color disabled: ColorsList.add(sectionName+'_bg_d', 'o').color
+		property color hovered: ColorsList.add(sectionName+'_bg_h', 'j').color
+		property color normal: ColorsList.add(sectionName+'_bg_n', 'r').color
+		property color pressed: ColorsList.add(sectionName+'_bg_p', 'i').color
 	}
 	
 	property QtObject textColor: QtObject {
-		property color disabled: ColorsList.add("TextButton_text_disabled", "q").color
-		property color hovered: ColorsList.add("TextButton_text_hovered", "q").color
-		property color normal: ColorsList.add("TextButton_text_normal", "q").color
-		property color pressed: ColorsList.add("TextButton_text_pressed", "q").color
+		property color disabled: ColorsList.add(sectionName+'_text_d', 'q').color
+		property color hovered: ColorsList.add(sectionName+'_text_h', 'q').color
+		property color normal: ColorsList.add(sectionName+'_text_n', 'q').color
+		property color pressed: ColorsList.add(sectionName+'_text_p', 'q').color
 	}
 	property QtObject borderColor : backgroundColor
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonBStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonBStyle.qml
index d578d9822..710527c77 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonBStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Buttons/TextButtonBStyle.qml
@@ -5,18 +5,19 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject backgroundColor: QtObject {
-    property color disabled: ColorsList.add("TextButtonB_background_disabled", "i30").color
-    property color hovered: ColorsList.add("TextButtonB_background_hovered", "b").color
-    property color normal: ColorsList.add("TextButtonB_background_normal", "i").color
-    property color pressed: ColorsList.add("TextButtonB_background_pressed", "m").color
-  }
-
-  property QtObject textColor: QtObject {
-    property color disabled: ColorsList.add("TextButtonB_text_disabled", "q").color
-    property color hovered: ColorsList.add("TextButtonB_text_hovered", "q").color
-    property color normal: ColorsList.add("TextButtonB_text_normal", "q").color
-    property color pressed: ColorsList.add("TextButtonB_text_pressed", "q").color
-  }
-  property QtObject borderColor : backgroundColor
+	property string sectionName: 'TextButtonB'
+	property QtObject backgroundColor: QtObject {
+		property color disabled: ColorsList.add(sectionName+'_bg_d', 'i30').color
+		property color hovered: ColorsList.add(sectionName+'_bg_h', 'b').color
+		property color normal: ColorsList.add(sectionName+'_bg_n', 'i').color
+		property color pressed: ColorsList.add(sectionName+'_bg_p', 'm').color
+	}
+	
+	property QtObject textColor: QtObject {
+		property color disabled: ColorsList.add(sectionName+'_text_d', 'q').color
+		property color hovered: ColorsList.add(sectionName+'_text_h', 'q').color
+		property color normal: ColorsList.add(sectionName+'_text_n', 'q').color
+		property color pressed: ColorsList.add(sectionName+'_text_p', 'q').color
+	}
+	property QtObject borderColor : backgroundColor
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/CheckBoxTextStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/CheckBoxTextStyle.qml
index e9f04069a..2ce766fe5 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/CheckBoxTextStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/CheckBoxTextStyle.qml
@@ -7,13 +7,14 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int pointSize: Units.dp * 10
-  property int radius: 3
-  property int size: 18
-
-  property QtObject color: QtObject {
-    property color pressed:  ColorsList.add("CheckBox_pressed", "i").color
-    property color hovered: ColorsList.add("CheckBox_hovered", "h").color
-    property color normal: ColorsList.add("CheckBox_normal", "g").color
-  }
+	property string sectionName: 'CheckBox'
+	property int pointSize: Units.dp * 10
+	property int radius: 3
+	property int size: 18
+	
+	property QtObject color: QtObject {
+		property color pressed:  ColorsList.add(sectionName+'_p', 'i').color
+		property color hovered: ColorsList.add(sectionName+'_h', 'h').color
+		property color normal: ColorsList.add(sectionName+'_n', 'g').color
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/ComboBoxStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/ComboBoxStyle.qml
index 870e3ef19..769b6bcfa 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/ComboBoxStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/ComboBoxStyle.qml
@@ -6,31 +6,39 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject background: QtObject {
-    property int height: 36
-    property int iconSize: 10
-    property int radius: 4
-    property int width: 200
-
-    property QtObject border: QtObject {
-      property color color: ColorsList.add("ComboBox_border_normal", "c").color
-      property int width: 1
-    }
-
-    property QtObject color: QtObject {
-      property color normal: ColorsList.add("ComboBox_normal", "q").color
-      property color readOnly: ColorsList.add("ComboBox_readonly", "e").color
-    }
-  }
-
-  property QtObject contentItem: QtObject {
-    property int iconSize: 20
-    property int leftMargin: 10
-    property int spacing: 5
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("ComboBox_text_normal", "d").color
-      property int pointSize: Units.dp * 10
-    }
-  }
+	property string sectionName: 'ComboBox'
+	property QtObject indicator: QtObject{
+		property QtObject dropDown : QtObject{
+			property string icon: 'drop_down_custom'
+			property int iconSize: 20
+			property color color: ColorsList.addImageColor(sectionName+'_indicator', icon, 'l_n_b_fg').color
+		}
+	 }
+	property QtObject background: QtObject {
+		property int height: 36
+		property int iconSize: 10
+		property int radius: 4
+		property int width: 200
+		
+		property QtObject border: QtObject {
+			property color color: ColorsList.add(sectionName+'_border_n', 'c').color
+			property int width: 1
+		}
+		
+		property QtObject color: QtObject {
+			property color normal: ColorsList.add(sectionName+'_normal', 'q').color
+			property color readOnly: ColorsList.add(sectionName+'_readonly', 'e').color
+		}
+	}
+	
+	property QtObject contentItem: QtObject {
+		property int iconSize: 20
+		property int leftMargin: 10
+		property int spacing: 5
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_text_n', 'd').color
+			property int pointSize: Units.dp * 10
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/CommonItemDelegateStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/CommonItemDelegateStyle.qml
index 13fbb278f..0de4f88f3 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/CommonItemDelegateStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/CommonItemDelegateStyle.qml
@@ -7,28 +7,29 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject color: QtObject {
-    property color hovered: ColorsList.add("CommonItem_hovered", "o").color
-    property color normal: ColorsList.add("CommonItem_normal", "q").color
-  }
-
-  property QtObject contentItem: QtObject {
-    property int iconSize: 20
-    property int spacing: 5
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("CommonItem_text", "d").color
-      property int pointSize: Units.dp * 10
-    }
-  }
-
-  property QtObject indicator: QtObject {
-    property color color: ColorsList.add("CommonItem_indicator", "i").color
-    property int width: 5
-  }
-
-  property QtObject separator: QtObject {
-    property color color: ColorsList.add("CommonItem_separator", "c").color
-    property int height: 1
-  }
+	property string sectionName: 'CommonItemDelegate'
+	property QtObject color: QtObject {
+		property color hovered: ColorsList.add(sectionName+'_h', 'o').color
+		property color normal: ColorsList.add(sectionName+'_n', 'q').color
+	}
+	
+	property QtObject contentItem: QtObject {
+		property int iconSize: 20
+		property int spacing: 5
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_text', 'd').color
+			property int pointSize: Units.dp * 10
+		}
+	}
+	
+	property QtObject indicator: QtObject {
+		property color color: ColorsList.add(sectionName+'_indicator', 'i').color
+		property int width: 5
+	}
+	
+	property QtObject separator: QtObject {
+		property color color: ColorsList.add(sectionName+'_separator', 'c').color
+		property int height: 1
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/DroppableTextAreaStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/DroppableTextAreaStyle.qml
index 9f566f03d..fad890de4 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/DroppableTextAreaStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/DroppableTextAreaStyle.qml
@@ -7,25 +7,67 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("DroppableTextArea_Chat_background", "e").color
-  property color outsideBackgroundColor: ColorsList.add("DroppableTextArea_Chat_outsideBackground", "aa").color
-
-  property QtObject fileChooserButton: QtObject {
-    property int margins: 6
-    property int size: 20
-  }
-
-  property QtObject hoverContent: QtObject {
-    property color backgroundColor: ColorsList.add("DroppableTextArea_Chat_hoverContent_background", "q").color
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("DroppableTextArea_Chat_hoverContent_text", "i").color
-      property int pointSize: Units.dp * 11
-    }
-  }
-
-  property QtObject text: QtObject {
-    property color color: ColorsList.add("DroppableTextArea_Chat_text", "d").color
-    property int pointSize: Units.dp * 10
-  }
+	property string sectionName: 'DroppableTextArea'
+	property color backgroundColor: ColorsList.add(sectionName+'_Chat_bg', 'e').color
+	property color outsideBackgroundColor: ColorsList.add(sectionName+'_Chat_outsideBackground', 'aa').color
+	
+	property QtObject ephemeralTimer: QtObject{
+		property string icon: 'timer_custom'
+		property int iconSize : 30
+		property color timerColor: ColorsList.addImageColor(sectionName+'_ephemeralTimer', icon, 'ad').color
+	}
+	
+	property QtObject fileChooserButton: QtObject {
+		property int margins: 6
+		property int iconSize: 40
+		property string icon : 'attachment_custom'
+		property string name : 'attachment'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		
+	}
+	property QtObject chatMicro: QtObject {
+		property int margins: 6
+		property int iconSize: 40
+		property string name : 'micro'
+		property string icon : 'chat_micro_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		
+	}
+	property QtObject send: QtObject {
+		property int margins: 6
+		property int iconSize: 40
+		property string name : 'send'
+		property string icon : 'send_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		
+	}
+	
+	property QtObject hoverContent: QtObject {
+		property color backgroundColor: ColorsList.add(sectionName+'_Chat_hoverContent_bg', 'q').color
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_Chat_hoverContent_text', 'i').color
+			property int pointSize: Units.dp * 11
+		}
+	}
+	
+	property QtObject text: QtObject {
+		property color color: ColorsList.add(sectionName+'_Chat_text', 'd').color
+		property int pointSize: Units.dp * 10
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Fields/NumericFieldStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Fields/NumericFieldStyle.qml
index 4d41ad9f5..df6a2bf66 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Fields/NumericFieldStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Fields/NumericFieldStyle.qml
@@ -7,19 +7,20 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject tools: QtObject {
-    property int width: 20
-
-    property QtObject button: QtObject {
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("NumericField_normal", "f").color
-        property color pressed: ColorsList.add("NumericField_pressed", "c").color
-      }
-
-      property QtObject text: QtObject {
-        property color color: ColorsList.add("NumericField_text", "d").color
-        property int pointSize: Units.dp * 9
-      }
-    }
-  }
+	property string sectionName: 'NumericField'
+	property QtObject tools: QtObject {
+		property int width: 20
+		
+		property QtObject button: QtObject {
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_n', 'f').color
+				property color pressed: ColorsList.add(sectionName+'_p', 'c').color
+			}
+			
+			property QtObject text: QtObject {
+				property color color: ColorsList.add(sectionName+'_text', 'd').color
+				property int pointSize: Units.dp * 9
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Fields/TextAreaFieldStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Fields/TextAreaFieldStyle.qml
index 5caa8c8e7..cdd004038 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Fields/TextAreaFieldStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Fields/TextAreaFieldStyle.qml
@@ -7,26 +7,27 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject background: QtObject {
-    property int height: 36
-    property int width: 200
-
-    property int radius: 4
-
-    property QtObject border: QtObject {
-      property color color: ColorsList.add("TextAreaField_background_border", "c").color
-      property int width: 1
-    }
-
-    property QtObject color: QtObject {
-      property color normal: ColorsList.add("TextAreaField_background_normal", "q").color
-      property color readOnly: ColorsList.add("TextAreaField_background_reeadOnly", "e").color
-    }
-  }
-
-  property QtObject text: QtObject {
-    property color color: ColorsList.add("TextAreaField_text", "d").color
-    property int pointSize: Units.dp * 10
-    property int padding: 8
-  }
+	property string sectionName: 'TextAreaField'
+	property QtObject background: QtObject {
+		property int height: 36
+		property int width: 200
+		
+		property int radius: 4
+		
+		property QtObject border: QtObject {
+			property color color: ColorsList.add(sectionName+'_bg_border', 'c').color
+			property int width: 1
+		}
+		
+		property QtObject color: QtObject {
+			property color normal: ColorsList.add(sectionName+'_bg_n', 'q').color
+			property color readOnly: ColorsList.add(sectionName+'_bg_readOnly', 'e').color
+		}
+	}
+	
+	property QtObject text: QtObject {
+		property color color: ColorsList.add(sectionName+'_text', 'd').color
+		property int pointSize: Units.dp * 10
+		property int padding: 8
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Fields/TextFieldStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Fields/TextFieldStyle.qml
index 5b399e9c9..76e6b3745 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Fields/TextFieldStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Fields/TextFieldStyle.qml
@@ -6,6 +6,7 @@ import ColorsList 1.0
 
 // =============================================================================
 QtObject {
+	property string sectionName: 'TextField'
 	property QtObject normal : QtObject {
 		property QtObject background: QtObject {
 		  property int height: 36
@@ -15,22 +16,22 @@ QtObject {
 	  
 		  property QtObject border: QtObject {
 			property QtObject color: QtObject {
-			  property color error: ColorsList.add("TextField_normal_background_border_error", "error").color
-			  property color normal: ColorsList.add("TextField_normal_background_border_normal", "c").color
-			  property color selected: ColorsList.add("TextField_normal_background_border_selected", "i").color
+			  property color error: ColorsList.add(sectionName+'_n_bg_border_error', 'error').color
+			  property color normal: ColorsList.add(sectionName+'_n_bg_border_n', 'c').color
+			  property color selected: ColorsList.add(sectionName+'_n_bg_border_c', 'i').color
 			}
 	  
 			property int width: 1
 		  }
 	  
 		  property QtObject color: QtObject {
-			property color normal: ColorsList.add("TextField_normal_background_normal", "q").color
-			property color readOnly: ColorsList.add("TextField_normal_background_readonly", "e").color
+			property color normal: ColorsList.add(sectionName+'_n_bg_n', 'q').color
+			property color readOnly: ColorsList.add(sectionName+'_n_bg_readonly', 'e').color
 		  }
 		}
 	  
 		property QtObject text: QtObject {
-		  property color color: ColorsList.add("TextField_normal_text", "d").color
+		  property color color: ColorsList.add(sectionName+'_n_text', 'd').color
 		  property int pointSize: Units.dp * 10
 		  property int rightPadding: 10
 		}
@@ -44,22 +45,22 @@ QtObject {
 	  
 		  property QtObject border: QtObject {
 			property QtObject color: QtObject {
-			  property color error: "black"
-			  property color normal: "black"
-			  property color selected: "black"
+			  property color error: 'black'
+			  property color normal: 'black'
+			  property color selected: 'black'
 			}
 	  
 			property int width: 0
 		  }
 	  
 		  property QtObject color: QtObject {
-			property color normal:  ColorsList.add("TextField_unbordered_background_normal", "q").color
-			property color readOnly: ColorsList.add("TextField_unbordered_background_readonly", "e").color
+			property color normal:  ColorsList.add(sectionName+'_unbordered_bg_n', 'q').color
+			property color readOnly: ColorsList.add(sectionName+'_unbordered_bg_readonly', 'e').color
 		  }
 		}
 	  
 		property QtObject text: QtObject {
-		  property color color: ColorsList.add("TextField_unbordered_text", "d").color
+		  property color color: ColorsList.add(sectionName+'_unbordered_text', 'd').color
 		  property int pointSize: Units.dp * 10
 		  property int rightPadding: 10
 		}
@@ -73,22 +74,22 @@ QtObject {
 	  
 		  property QtObject border: QtObject {
 			property QtObject color: QtObject {
-			  property color error: "black"
-			  property color normal: "black"
-			  property color selected: "black"
+			  property color error: 'black'
+			  property color normal: 'black'
+			  property color selected: 'black'
 			}
 	  
 			property int width: 0
 		  }
 	  
 		  property QtObject color: QtObject {
-			property color normal: ColorsList.add("TextField_flat_background_normal", "q").color
-			property color readOnly: ColorsList.add("TextField_flat_background_readonly", "e").color
+			property color normal: ColorsList.add(sectionName+'_flat_bg_n', 'q').color
+			property color readOnly: ColorsList.add(sectionName+'_flat_bg_readonly', 'e').color
 		  }
 		}
 	  
 		property QtObject text: QtObject {
-		  property color color: ColorsList.add("TextField_flat_text", "d").color
+		  property color color: ColorsList.add(sectionName+'_flat_text', 'd').color
 		  property int pointSize: Units.dp * 10
 		  property int rightPadding: 10
 		}
diff --git a/linphone-app/ui/modules/Common/Styles/Form/ListFormStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/ListFormStyle.qml
index 2fe287c0a..abe2e68b0 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/ListFormStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/ListFormStyle.qml
@@ -7,27 +7,39 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int lineHeight: 35
-
-  property QtObject value: QtObject {
-    property QtObject placeholder: QtObject {
-      property color color: ColorsList.add("ListForm_placeholder", "n").color
-      property int pointSize: Units.dp * 10
-    }
-
-    property QtObject text: QtObject {
-      property int padding: 10
-    }
-  }
-
-  property QtObject titleArea: QtObject  {
-    property int spacing: 10
-    property int iconSize: 18
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("ListForm_text", "j").color
-      property int pointSize: Units.dp * 9
-      property int width: 130
-    }
-  }
+	property int lineHeight: 35
+	property string sectionName : 'ListForm'
+	property QtObject value: QtObject {
+		property QtObject placeholder: QtObject {
+			property color color: ColorsList.add(sectionName+'_placeholder', 'n').color
+			property int pointSize: Units.dp * 10
+		}
+		
+		property QtObject text: QtObject {
+			property int padding: 10
+		}
+	}
+	
+	property QtObject titleArea: QtObject  {
+		property int spacing: 10
+		property int iconSize: 18
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_text', 'j').color
+			property int pointSize: Units.dp * 9
+			property int width: 130
+		}
+		property QtObject add: QtObject {
+			property int iconSize: 18
+			property string name : 'add'
+			property string icon : 'add_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+			
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormHGroupStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormHGroupStyle.qml
index eb8c60175..af1f9ed22 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormHGroupStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormHGroupStyle.qml
@@ -7,16 +7,17 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 20
-
-  property QtObject content: QtObject {
-    property int maxWidth: 400
-  }
-
-  property QtObject legend: QtObject {
-    property color color: ColorsList.add("FormHGroup_legend", "j").color
-    property int pointSize: Units.dp * 10
-    property int height: 36
-    property int width: 200
-  }
+	property string sectionName: 'FormHGroup'
+	property int spacing: 20
+	
+	property QtObject content: QtObject {
+		property int maxWidth: 400
+	}
+	
+	property QtObject legend: QtObject {
+		property color color: ColorsList.add(sectionName+'_legend', 'j').color
+		property int pointSize: Units.dp * 10
+		property int height: 36
+		property int width: 200
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormStyle.qml
index 634db4bf9..9a1df36da 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormStyle.qml
@@ -7,20 +7,44 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 10
-
-  property QtObject header: QtObject {
-    property int bottomMargin: 5
-    property int spacing: 5
-
-    property QtObject separator: QtObject {
-      property color color: ColorsList.add("Form_header_separator", "i").color
-      property int height: 2
-    }
-
-    property QtObject title: QtObject {
-      property color color: ColorsList.add("Form_header_title", "i").color
-      property int pointSize: Units.dp * 12
-    }
-  }
+	property int spacing: 10
+	property string sectionName : 'Form'
+	
+	property QtObject header: QtObject {
+		property int bottomMargin: 5
+		property int spacing: 5
+		
+		property QtObject separator: QtObject {
+			property color color: ColorsList.add(sectionName+'_header_separator', 'i').color
+			property int height: 2
+		}
+		
+		property QtObject title: QtObject {
+			property color color: ColorsList.add(sectionName+'_header_title', 'i').color
+			property int pointSize: Units.dp * 12
+		}
+		property QtObject add: QtObject {
+			property int iconSize: 38
+			property string name : 'add'
+			property string icon : 'add_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+			
+		}
+		property QtObject deleteAction: QtObject {
+			property int iconSize: 38
+			property string name : 'delete'
+			property string icon : 'delete_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormTableStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormTableStyle.qml
index 51c7d7cce..8ed4c0575 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormTableStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormTableStyle.qml
@@ -7,16 +7,17 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 10
-
-  property QtObject entry: QtObject {
-    property int height: 36
-    property int width: 200
-    property int maxWidth: 400
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("Form_entry_text", "j").color
-      property int pointSize: Units.dp * 10
-    }
-  }
+	property string sectionName: 'FormTable'
+	property int spacing: 10
+	
+	property QtObject entry: QtObject {
+		property int height: 36
+		property int width: 200
+		property int maxWidth: 400
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_entry_text', 'j').color
+			property int pointSize: Units.dp * 10
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormVGroupStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormVGroupStyle.qml
index 6703974dd..4a98eb8f3 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Placements/FormVGroupStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Placements/FormVGroupStyle.qml
@@ -7,20 +7,21 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 5
-
-  property QtObject content: QtObject {
-    property int maxWidth: 400
-  }
-
-  property QtObject error: QtObject {
-    property color color: ColorsList.add("FormV_error", "error").color
-    property int pointSize: Units.dp * 10
-    property int height: 11
-  }
-
-  property QtObject legend: QtObject {
-    property color color: ColorsList.add("FormV_legend", "j").color
-    property int pointSize: Units.dp * 10
-  }
+	property string sectionName: 'FormVGroup'
+	property int spacing: 5
+	
+	property QtObject content: QtObject {
+		property int maxWidth: 400
+	}
+	
+	property QtObject error: QtObject {
+		property color color: ColorsList.add(sectionName+'_error', 'error').color
+		property int pointSize: Units.dp * 10
+		property int height: 11
+	}
+	
+	property QtObject legend: QtObject {
+		property color color: ColorsList.add(sectionName+'_legend', 'j').color
+		property int pointSize: Units.dp * 10
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/SearchBoxStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/SearchBoxStyle.qml
index f94598233..16f544505 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/SearchBoxStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/SearchBoxStyle.qml
@@ -5,5 +5,7 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color shadowColor: ColorsList.add("SearchBox_shadow", "l").color
+	property string sectionName: 'SearchBox'
+	property color shadowColor: ColorsList.add(sectionName+'_shadow', 'l').color
+	property color iconColor: ColorsList.add(sectionName+'_icon', 'c').color
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/SliderStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/SliderStyle.qml
index 089fb9bbb..cdc48d136 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/SliderStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/SliderStyle.qml
@@ -5,33 +5,34 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject background: QtObject {
-    property color color: ColorsList.add("Slider_background", "c").color
-    property int height: 4
-    property int radius: 2
-    property int width: 200
-
-    property QtObject content: QtObject {
-      property color color: ColorsList.add("Slider_content", "m").color
-      property int radius: 2
-    }
-  }
-
-  property QtObject handle: QtObject {
-    property int height: 16
-    property int radius: 13
-    property int width: 16
-
-    property QtObject border: QtObject {
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("Slider_handle_border_normal", "c").color
-        property color pressed: ColorsList.add("Slider_handle_border_pressed", "c").color
-      }
-    }
-
-    property QtObject color: QtObject {
-      property color normal: ColorsList.add("Slider_handle_normal", "e").color
-      property color pressed: ColorsList.add("Slider_handle_pressed", "f").color
-    }
-  }
+	property string sectionName: 'Slider'
+	property QtObject background: QtObject {
+		property color color: ColorsList.add(sectionName+'_bg', 'c').color
+		property int height: 4
+		property int radius: 2
+		property int width: 200
+		
+		property QtObject content: QtObject {
+			property color color: ColorsList.add(sectionName+'_content', 'm').color
+			property int radius: 2
+		}
+	}
+	
+	property QtObject handle: QtObject {
+		property int height: 16
+		property int radius: 13
+		property int width: 16
+		
+		property QtObject border: QtObject {
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_handle_border_n', 'c').color
+				property color pressed: ColorsList.add(sectionName+'_handle_border_p', 'c').color
+			}
+		}
+		
+		property QtObject color: QtObject {
+			property color normal: ColorsList.add(sectionName+'_handle_n', 'e').color
+			property color pressed: ColorsList.add(sectionName+'_handle_p', 'f').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/SwitchStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/SwitchStyle.qml
index 89ee98103..28c0a37d4 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/SwitchStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/SwitchStyle.qml
@@ -4,6 +4,7 @@ import ColorsList 1.0
 
 // =============================================================================
 QtObject{
+	property string sectionName: 'Switch'
 	property QtObject normal :QtObject {
 	  property QtObject animation: QtObject {
 		property int duration: 200
@@ -15,16 +16,16 @@ QtObject{
 		property int width: 48
 		property QtObject border: QtObject {
 		  property QtObject color: QtObject {
-			property color checked: ColorsList.add("Switch_normal_indicator_border_checked", "i").color
-			property color disabled: ColorsList.add("Switch_normal_indicator_border_disabled", "c").color
-			property color normal: ColorsList.add("Switch_normal_indicator_border_normal", "c").color
+			property color checked: ColorsList.add(sectionName+'_n_indicator_border_c', 'i').color
+			property color disabled: ColorsList.add(sectionName+'_n_indicator_border_d', 'c').color
+			property color normal: ColorsList.add(sectionName+'_n_indicator_border_n', 'c').color
 		  }
 		}
 	
 		property QtObject color: QtObject {
-		  property color checked: ColorsList.add("Switch_normal_indicator_checked", "i").color
-		  property color disabled: ColorsList.add("Switch_normal_indicator_disabled", "e").color
-		  property color normal: ColorsList.add("Switch_normal_indicator_normal", "q").color
+		  property color checked: ColorsList.add(sectionName+'_n_indicator_c', 'i').color
+		  property color disabled: ColorsList.add(sectionName+'_n_indicator_d', 'e').color
+		  property color normal: ColorsList.add(sectionName+'_n_indicator_n', 'q').color
 		}
 	  }
 	
@@ -33,17 +34,17 @@ QtObject{
 	
 		property QtObject border: QtObject {
 		  property QtObject color: QtObject {
-			property color checked: ColorsList.add("Switch_normal_sphere_border_checked", "i").color
-			property color disabled: ColorsList.add("Switch_normal_sphere_border_disabled", "c").color
-			property color normal: ColorsList.add("Switch_normal_sphere_border_normal", "n").color
-			property color pressed: ColorsList.add("Switch_normal_sphere_border_pressed", "n").color
+			property color checked: ColorsList.add(sectionName+'_n_sphere_border_c', 'i').color
+			property color disabled: ColorsList.add(sectionName+'_n_sphere_border_d', 'c').color
+			property color normal: ColorsList.add(sectionName+'_n_sphere_border_n', 'n').color
+			property color pressed: ColorsList.add(sectionName+'_n_sphere_border_p', 'n').color
 		  }
 		}
 	
 		property QtObject color: QtObject {
-		  property color pressed: ColorsList.add("Switch_normal_sphere_pressed", "c").color
-		  property color disabled: ColorsList.add("Switch_normal_sphere_disabled", "e").color
-		  property color normal: ColorsList.add("Switch_normal_sphere_normal", "q").color
+		  property color pressed: ColorsList.add(sectionName+'_n_sphere_p', 'c').color
+		  property color disabled: ColorsList.add(sectionName+'_n_sphere_d', 'e').color
+		  property color normal: ColorsList.add(sectionName+'_n_sphere_n', 'q').color
 		}
 	  }
 	}
@@ -58,16 +59,16 @@ QtObject{
 		property int width: 48
 		property QtObject border: QtObject {
 		  property QtObject color: QtObject {
-			property color checked: ColorsList.add("Switch_aux_indicator_border_checked", "s").color
-			property color disabled: ColorsList.add("Switch_aux_indicator_border_disabled", "c").color
-			property color normal: ColorsList.add("Switch_aux_indicator_border_normal", "c").color
+			property color checked: ColorsList.add(sectionName+'_aux_indicator_border_c', 's').color
+			property color disabled: ColorsList.add(sectionName+'_aux_indicator_border_d', 'c').color
+			property color normal: ColorsList.add(sectionName+'_aux_indicator_border_n', 'c').color
 		  }
 		}
 	
 		property QtObject color: QtObject {
-		  property color checked: ColorsList.add("Switch_aux_indicator_checked", "s").color
-		  property color disabled: ColorsList.add("Switch_aux_indicator_disabled", "e").color
-		  property color normal: ColorsList.add("Switch_aux_indicator_normal", "q").color
+		  property color checked: ColorsList.add(sectionName+'_aux_indicator_c', 's').color
+		  property color disabled: ColorsList.add(sectionName+'_aux_indicator_d', 'e').color
+		  property color normal: ColorsList.add(sectionName+'_aux_indicator_n', 'q').color
 		}
 	  }
 	
@@ -76,17 +77,17 @@ QtObject{
 	
 		property QtObject border: QtObject {
 		  property QtObject color: QtObject {
-			property color checked:  ColorsList.add("Switch_aux_sphere_border_checked", "s").color
-			property color disabled: ColorsList.add("Switch_aux_sphere_border_disabled", "c").color
-			property color normal: ColorsList.add("Switch_aux_sphere_border_normal", "n").color
-			property color pressed: ColorsList.add("Switch_aux_sphere_border_pressed", "n").color
+			property color checked:  ColorsList.add(sectionName+'_aux_sphere_border_c', 's').color
+			property color disabled: ColorsList.add(sectionName+'_aux_sphere_border_d', 'c').color
+			property color normal: ColorsList.add(sectionName+'_aux_sphere_border_n', 'n').color
+			property color pressed: ColorsList.add(sectionName+'_aux_sphere_border_p', 'n').color
 		  }
 		}
 	
 		property QtObject color: QtObject {
-		  property color pressed: ColorsList.add("Switch_aux_sphere_pressed", "c").color
-		  property color disabled: ColorsList.add("Switch_aux_sphere_disabled", "e").color
-		  property color normal: ColorsList.add("Switch_aux_sphere_normal", "q").color
+		  property color pressed: ColorsList.add(sectionName+'_aux_sphere_p', 'c').color
+		  property color disabled: ColorsList.add(sectionName+'_aux_sphere_d', 'e').color
+		  property color normal: ColorsList.add(sectionName+'_aux_sphere_n', 'q').color
 		}
 	  }
 	}
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Tab/TabButtonStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Tab/TabButtonStyle.qml
index 8d5f037a1..29f96518e 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Tab/TabButtonStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Tab/TabButtonStyle.qml
@@ -7,32 +7,39 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 8
-
-  property QtObject backgroundColor: QtObject {
-    property color disabled: ColorsList.add("TabButton_background_disabled", "i30").color
-    property color hovered: ColorsList.add("TabButton_background_hovered", "b").color
-    property color normal: ColorsList.add("TabButton_background_normal", "i").color
-    property color pressed: ColorsList.add("TabButton_background_pressed", "m").color
-    property color selected: ColorsList.add("TabButton_background_selected", "k").color
-  }
-
-  property QtObject icon: QtObject {
-    property int size: 20
-  }
-
-  property QtObject text: QtObject {
-    property int pointSize: Units.dp * 9
-    property int height: 40
-    property int leftPadding: 10
-    property int rightPadding: 10
-
-    property QtObject color: QtObject {
-      property color disabled: ColorsList.add("TabButton_text_disabled", "q").color
-      property color hovered: ColorsList.add("TabButton_text_hovered", "q").color
-      property color normal: ColorsList.add("TabButton_text_normal", "q").color
-      property color pressed: ColorsList.add("TabButton_text_pressed", "q").color
-      property color selected: ColorsList.add("TabButton_text_selected", "i").color
-    }
-  }
+	property string sectionName: 'TabButton'
+	property int spacing: 8
+	
+	property QtObject backgroundColor: QtObject {
+		property color disabled: ColorsList.add(sectionName+'_bg_d', 'i30').color
+		property color hovered: ColorsList.add(sectionName+'_bg_h', 'b').color
+		property color normal: ColorsList.add(sectionName+'_bg_n', 'i').color
+		property color pressed: ColorsList.add(sectionName+'_bg_p', 'm').color
+		property color selected: ColorsList.add(sectionName+'_bg_c', 'k').color
+	}
+	
+	property QtObject icon: QtObject {
+		property int size: 20
+		property string sipAccountsIcon: 'settings_sip_accounts_custom'
+		property string audioIcon: 'settings_audio_custom'
+		property string videoIcon: 'settings_video_custom'
+		property string callIcon: 'settings_call_custom'
+		property string networkIcon: 'settings_network_custom'
+		property string advancedIcon: 'settings_advanced_custom'
+	}
+	
+	property QtObject text: QtObject {
+		property int pointSize: Units.dp * 9
+		property int height: 40
+		property int leftPadding: 10
+		property int rightPadding: 10
+		
+		property QtObject color: QtObject {
+			property color disabled: ColorsList.add(sectionName+'_text_d', 'q').color
+			property color hovered: ColorsList.add(sectionName+'_text_h', 'q').color
+			property color normal: ColorsList.add(sectionName+'_text_n', 'q').color
+			property color pressed: ColorsList.add(sectionName+'_text_p', 'q').color
+			property color selected: ColorsList.add(sectionName+'_text_c', 'i').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/Tab/TabContainerStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/Tab/TabContainerStyle.qml
index ddde5ee95..93b62988b 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/Tab/TabContainerStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/Tab/TabContainerStyle.qml
@@ -5,14 +5,15 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("TabContainer", "k").color
-  property int bottomMargin: 30
-  property int leftMargin: 30
-  property int rightMargin: 40
-  property int topMargin: 30
-
-  property QtObject separator: QtObject {
-    property int height: 2
-    property color color: ColorsList.add("TabContainer_separator", "f").color
-  }
+	property string sectionName: 'TabContainer'
+	property color color: ColorsList.add(sectionName+'', 'k').color
+	property int bottomMargin: 30
+	property int leftMargin: 30
+	property int rightMargin: 40
+	property int topMargin: 30
+	
+	property QtObject separator: QtObject {
+		property int height: 2
+		property color color: ColorsList.add(sectionName+'_separator', 'f').color
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Form/TransparentTextInputStyle.qml b/linphone-app/ui/modules/Common/Styles/Form/TransparentTextInputStyle.qml
index f40b6d5d1..72aeb810b 100644
--- a/linphone-app/ui/modules/Common/Styles/Form/TransparentTextInputStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Form/TransparentTextInputStyle.qml
@@ -7,21 +7,22 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("TabTransparentTextInput_background", "f").color
-  property int iconSize: 12
-  property int padding: 10
-
-  property QtObject placeholder: QtObject {
-    property color color: ColorsList.add("TabTransparentTextInput_palceholder", "n").color
-    property int pointSize: Units.dp * 10
-  }
-
-  property QtObject text: QtObject {
-    property int pointSize: Units.dp * 10
-
-    property QtObject color: QtObject {
-      property color focused: ColorsList.add("TabTransparentTextInput_text_focused", "l").color
-      property color normal: ColorsList.add("TabTransparentTextInput_text_normal", "d").color
-    }
-  }
+	property string sectionName: 'TransparentTextInput'
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'f').color
+	property int iconSize: 12
+	property int padding: 10
+	
+	property QtObject placeholder: QtObject {
+		property color color: ColorsList.add(sectionName+'_palceholder', 'n').color
+		property int pointSize: Units.dp * 10
+	}
+	
+	property QtObject text: QtObject {
+		property int pointSize: Units.dp * 10
+		
+		property QtObject color: QtObject {
+			property color focused: ColorsList.add(sectionName+'_text_focused', 'l').color
+			property color normal: ColorsList.add(sectionName+'_text_n', 'd').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Indicators/VuMeterStyle.qml b/linphone-app/ui/modules/Common/Styles/Indicators/VuMeterStyle.qml
index 828a8e7ce..84e381479 100644
--- a/linphone-app/ui/modules/Common/Styles/Indicators/VuMeterStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Indicators/VuMeterStyle.qml
@@ -6,32 +6,33 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int height: 40
-  property int width: 5
-
-  property QtObject high: QtObject {
-    property QtObject background: QtObject {
-      property QtObject color: QtObject {
-        property color disabled:  ColorsList.add("VuMeter_background_disabled", "o").color
-        property color enabled: ColorsList.add("VuMeter_background_enabled", "n").color
-      }
-    }
-
-    property QtObject contentItem: QtObject {
-      property color color: ColorsList.add("VuMeter_contentItem", "b").color
-    }
-  }
-
-  property QtObject low: QtObject {
-    property QtObject background: QtObject {
-      property QtObject color: QtObject {
-        property color disabled: ColorsList.add("VuMeter_low_background_disabled", "o").color
-        property color enabled: ColorsList.add("VuMeter_low_background_enabled", "n").color
-      }
-    }
-
-    property QtObject contentItem: QtObject {
-      property color color: ColorsList.add("VuMeter_low_contentItem", "j").color
-    }
-  }
+	property string sectionName: 'VuMeter'
+	property int height: 40
+	property int width: 5
+	
+	property QtObject high: QtObject {
+		property QtObject background: QtObject {
+			property QtObject color: QtObject {
+				property color disabled:  ColorsList.add(sectionName+'_bg_d', 'o').color
+				property color enabled: ColorsList.add(sectionName+'_bg_enabled', 'n').color
+			}
+		}
+		
+		property QtObject contentItem: QtObject {
+			property color color: ColorsList.add(sectionName+'_contentItem', 'b').color
+		}
+	}
+	
+	property QtObject low: QtObject {
+		property QtObject background: QtObject {
+			property QtObject color: QtObject {
+				property color disabled: ColorsList.add(sectionName+'_low_bg_d', 'o').color
+				property color enabled: ColorsList.add(sectionName+'_low_bg_enabled', 'n').color
+			}
+		}
+		
+		property QtObject contentItem: QtObject {
+			property color color: ColorsList.add(sectionName+'_low_contentItem', 'j').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Menus/ApplicationMenuStyle.qml b/linphone-app/ui/modules/Common/Styles/Menus/ApplicationMenuStyle.qml
index 3f50ff93a..46eb5b1c0 100644
--- a/linphone-app/ui/modules/Common/Styles/Menus/ApplicationMenuStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Menus/ApplicationMenuStyle.qml
@@ -7,34 +7,35 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 1
-  property color backgroundColor: ColorsList.add("ApplicationMenu_background", "n").color
-
-  property QtObject entry: QtObject {
-    property int iconSize: 24
-    property int leftMargin: 20
-    property int rightMargin: 20
-    property int spacing: 18
-
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("ApplicationMenu_entry_hovered", "h").color
-      property color normal: ColorsList.add("ApplicationMenu_entry_normal", "g").color
-      property color pressed: ColorsList.add("ApplicationMenu_entry_pressed", "i").color
-      property color selected: ColorsList.add("ApplicationMenu_entry_selected", "j").color
-    }
-
-    property QtObject indicator: QtObject {
-      property color color: ColorsList.add("ApplicationMenu_entry_indicator", "i").color
-      property int width: 5
-    }
-
-    property QtObject text: QtObject {
-      property int pointSize: Units.dp * 10
-
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("ApplicationMenu_entry_text_normal", "q").color
-        property color selected: ColorsList.add("ApplicationMenu_entry_text_selected", "q").color
-      }
-    }
-  }
+	property string sectionName: 'ApplicationMenu'
+	property int spacing: 1
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'n').color
+	
+	property QtObject entry: QtObject {
+		property int iconSize: 24
+		property int leftMargin: 20
+		property int rightMargin: 20
+		property int spacing: 18
+		
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_entry_h', 'h').color
+			property color normal: ColorsList.add(sectionName+'_entry_n', 'g').color
+			property color pressed: ColorsList.add(sectionName+'_entry_p', 'i').color
+			property color selected: ColorsList.add(sectionName+'_entry_selected', 'j').color
+		}
+		
+		property QtObject indicator: QtObject {
+			property color color: ColorsList.add(sectionName+'_entry_indicator', 'i').color
+			property int width: 5
+		}
+		
+		property QtObject text: QtObject {
+			property int pointSize: Units.dp * 10
+			
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_entry_text_n', 'q').color
+				property color selected: ColorsList.add(sectionName+'_entry_text_c', 'q').color
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Menus/DropDownStaticMenuStyle.qml b/linphone-app/ui/modules/Common/Styles/Menus/DropDownStaticMenuStyle.qml
index eec18bfa5..42d0d6ff2 100644
--- a/linphone-app/ui/modules/Common/Styles/Menus/DropDownStaticMenuStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Menus/DropDownStaticMenuStyle.qml
@@ -7,21 +7,22 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 1
-
-  property QtObject entry: QtObject {
-    property int leftMargin: 18
-    property int rightMargin: 8
-
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("DropDownMenu_entry_hovered", "j").color
-      property color normal: ColorsList.add("DropDownMenu_entry_normal", "g").color
-      property color pressed: ColorsList.add("DropDownMenu_entry_pressed", "i").color
-    }
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("DropDownMenu_entry_text", "q").color
-      property int pointSize: Units.dp * 9
-    }
-  }
+	property string sectionName: 'DropDownStaticMenu'
+	property int spacing: 1
+	
+	property QtObject entry: QtObject {
+		property int leftMargin: 18
+		property int rightMargin: 8
+		
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_entry_h', 'j').color
+			property color normal: ColorsList.add(sectionName+'_entry_n', 'g').color
+			property color pressed: ColorsList.add(sectionName+'_entry_p', 'i').color
+		}
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_entry_text', 'q').color
+			property int pointSize: Units.dp * 9
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Menus/MenuItemStyle.qml b/linphone-app/ui/modules/Common/Styles/Menus/MenuItemStyle.qml
index a73e61fd3..531eac7b7 100644
--- a/linphone-app/ui/modules/Common/Styles/Menus/MenuItemStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Menus/MenuItemStyle.qml
@@ -8,6 +8,35 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'MenuItem'
+	
+	property QtObject speaker: QtObject {
+		property int iconSize: 30
+		property string icon : 'speaker_on_custom'
+	}
+	property QtObject copy: QtObject {
+		property int iconSize: 30
+		property string icon : 'menu_copy_text_custom'
+	}
+	property QtObject imdn: QtObject {
+		property int iconSize: 30
+		property string icon : 'menu_imdn_info_custom'
+	}
+	property QtObject deleteEntry: QtObject {
+		property int iconSize: 30
+		property string icon : 'delete_custom'
+	}
+	property QtObject info: QtObject {
+		property string icon : 'menu_info_custom'
+	}
+	property QtObject devices: QtObject {
+		property string icon : 'menu_devices_custom'
+	}
+	property QtObject ephemeral: QtObject {
+		property string icon : 'menu_ephemeral_custom'
+	}
+	
+	
 	property QtObject normal : QtObject{
 		property int leftMargin: 5
 		property int rightMargin: 5
@@ -16,9 +45,9 @@ QtObject {
 			property int height: 30
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_normal_background_hovered", "o").color
-				property color normal: ColorsList.add("MenuItem_normal_background_normal", "q").color
-				property color pressed: ColorsList.add("MenuItem_normal_background_pressed", "o").color
+				property color hovered: ColorsList.add(sectionName+'_normal_bg_h', 'o').color
+				property color normal: ColorsList.add(sectionName+'_normal_bg_n', 'q').color
+				property color pressed: ColorsList.add(sectionName+'_normal_bg_p', 'o').color
 			}
 		}
 		
@@ -27,10 +56,10 @@ QtObject {
 			property int weight : Font.Bold
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_normal_text_hovered", "j").color
-				property color normal: ColorsList.add("MenuItem_normal_text_normal", "j").color
-				property color pressed: ColorsList.add("MenuItem_normal_text_pressed", "j").color
-				property color disabled: ColorsList.add("MenuItem_normal_text_disabled", "l50").color
+				property color hovered: ColorsList.add(sectionName+'_n_text_h', 'j').color
+				property color normal: ColorsList.add(sectionName+'_n_text_n', 'j').color
+				property color pressed: ColorsList.add(sectionName+'_n_text_p', 'j').color
+				property color disabled: ColorsList.add(sectionName+'_n_text_d', 'l50').color
 			}
 		}
 	}
@@ -42,9 +71,9 @@ QtObject {
 			property int height: 40
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_aux_background_hovered", "v").color
-				property color normal: ColorsList.add("MenuItem_aux_background_normal", "a").color
-				property color pressed: ColorsList.add("MenuItem_aux_background_pressed", "v").color
+				property color hovered: ColorsList.add(sectionName+'_aux_bg_h', 'v').color
+				property color normal: ColorsList.add(sectionName+'_aux_bg_n', 'a').color
+				property color pressed: ColorsList.add(sectionName+'_aux_bg_p', 'v').color
 			}
 		}
 		
@@ -53,10 +82,10 @@ QtObject {
 			property int weight : Font.Normal
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_aux_text_hovered", "j").color
-				property color normal: ColorsList.add("MenuItem_aux_text_normal", "j").color
-				property color pressed: ColorsList.add("MenuItem_aux_text_pressed", "j").color
-				property color disabled: ColorsList.add("MenuItem_aux_text_disabled", "l50").color
+				property color hovered: ColorsList.add(sectionName+'_aux_text_h', 'j').color
+				property color normal: ColorsList.add(sectionName+'_aux_text_n', 'j').color
+				property color pressed: ColorsList.add(sectionName+'_aux_text_p', 'j').color
+				property color disabled: ColorsList.add(sectionName+'_aux_text_d', 'l50').color
 			}
 		}
 	}
@@ -68,9 +97,9 @@ QtObject {
 			property int height: 40
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_auxRed_background_hovered", "v").color
-				property color normal: ColorsList.add("MenuItem_auxRed_background_normal", "a").color
-				property color pressed: ColorsList.add("MenuItem_auxRed_background_pressed", "v").color
+				property color hovered: ColorsList.add(sectionName+'_auxRed_bg_h', 'v').color
+				property color normal: ColorsList.add(sectionName+'_auxRed_bg_n', 'a').color
+				property color pressed: ColorsList.add(sectionName+'_auxRed_bg_p', 'v').color
 			}
 		}
 		
@@ -79,10 +108,10 @@ QtObject {
 			property int weight : Font.Normal
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_auxRed_text_hovered", "error").color
-				property color normal: ColorsList.add("MenuItem_auxRed_text_normal", "error").color
-				property color pressed: ColorsList.add("MenuItem_auxRed_text_pressed", "error").color
-				property color disabled: ColorsList.add("MenuItem_auxRed_text_disabled", "l50").color
+				property color hovered: ColorsList.add(sectionName+'_auxRed_text_h', 'error').color
+				property color normal: ColorsList.add(sectionName+'_auxRed_text_n', 'error').color
+				property color pressed: ColorsList.add(sectionName+'_auxRed_text_p', 'error').color
+				property color disabled: ColorsList.add(sectionName+'_auxRed_text_d', 'l50').color
 			}
 		}
 	}
@@ -94,9 +123,9 @@ QtObject {
 			property int height: 50
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_aux2_background_hovered", "w").color
-				property color normal: ColorsList.add("MenuItem_aux2_background_normal", "w").color
-				property color pressed: ColorsList.add("MenuItem_aux2_background_pressed", "v").color
+				property color hovered: ColorsList.add(sectionName+'_aux2_bg_h', 'w').color
+				property color normal: ColorsList.add(sectionName+'_aux2_bg_n', 'w').color
+				property color pressed: ColorsList.add(sectionName+'_aux2_bg_p', 'v').color
 			}
 		}
 		
@@ -105,10 +134,10 @@ QtObject {
 			property int weight : Font.Normal
 			
 			property QtObject color: QtObject {
-				property color hovered: ColorsList.add("MenuItem_aux2_text_hovered", "m").color
-				property color normal: ColorsList.add("MenuItem_aux2_text_normal", "j").color
-				property color pressed: ColorsList.add("MenuItem_aux2_text_pressed", "m").color
-				property color disabled: ColorsList.add("MenuItem_aux2_text_disabled", "l50").color
+				property color hovered: ColorsList.add(sectionName+'_aux2_text_h', 'm').color
+				property color normal: ColorsList.add(sectionName+'_aux2_text_n', 'j').color
+				property color pressed: ColorsList.add(sectionName+'_aux2_text_p', 'm').color
+				property color disabled: ColorsList.add(sectionName+'_aux2_text_d', 'l50').color
 			}
 		}
 	}
diff --git a/linphone-app/ui/modules/Common/Styles/Menus/MenuStyle.qml b/linphone-app/ui/modules/Common/Styles/Menus/MenuStyle.qml
index 8261a1653..7a8e07ce0 100644
--- a/linphone-app/ui/modules/Common/Styles/Menus/MenuStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Menus/MenuStyle.qml
@@ -6,36 +6,37 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'Menu'
 	property QtObject normal : QtObject {
-		property color color: ColorsList.add("Menu_normal", "q").color
+		property color color: ColorsList.add(sectionName+'_n', 'q').color
 		property int width: 130
 		property bool shadowEnabled: true
 		property int radius : 0
 		
 		property QtObject border : QtObject {
-			property color color: "black"
+			property color color: 'black'
 			property int width: 0
 		}
 	}
 	property QtObject aux : QtObject {
-		property color color: ColorsList.add("Menu_aux", "q").color
+		property color color: ColorsList.add(sectionName+'_aux', 'q').color
 		property int width: 200
 		property bool shadowEnabled: false
 		property int radius : 5
 		
 		property QtObject border : QtObject {
-			property color color: ColorsList.add("Menu_aux_border", "u").color
+			property color color: ColorsList.add(sectionName+'_aux_border', 'u').color
 			property int width: 1
 		}
 	}
 	property QtObject aux2 : QtObject {
-		property color color: ColorsList.add("Menu_aux2", "q").color
+		property color color: ColorsList.add(sectionName+'_aux2', 'q').color
 		property int width: 250
 		property bool shadowEnabled: false
 		property int radius : 0
 		
 		property QtObject border : QtObject {
-			property color color: "black"
+			property color color: 'black'
 			property int width: 0
 		}
 	}
diff --git a/linphone-app/ui/modules/Common/Styles/Misc/ForceScrollBarStyle.qml b/linphone-app/ui/modules/Common/Styles/Misc/ForceScrollBarStyle.qml
index fcc29e629..a779fa7aa 100644
--- a/linphone-app/ui/modules/Common/Styles/Misc/ForceScrollBarStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Misc/ForceScrollBarStyle.qml
@@ -5,8 +5,9 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'ForceScrollBar'
 	property QtObject background : QtObject {
-		property color color:  ColorsList.add("ForceScrollBar_background", "g20").color
+		property color color:  ColorsList.add(sectionName+'_bg', 'g20').color
 		property int radius : 10
 	}
 	
@@ -17,8 +18,8 @@ QtObject {
 	}
 	
 	property QtObject color: QtObject {
-		property color hovered: ColorsList.add("ForceScrollBar_hovered", "h").color
-		property color normal: ColorsList.add("ForceScrollBar_normal", "g20").color
-		property color pressed: ColorsList.add("ForceScrollBar_pressed", "d").color
+		property color hovered: ColorsList.add(sectionName+'_h', 'h').color
+		property color normal: ColorsList.add(sectionName+'_n', 'g20').color
+		property color pressed: ColorsList.add(sectionName+'_p', 'd').color
 	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Misc/PanedStyle.qml b/linphone-app/ui/modules/Common/Styles/Misc/PanedStyle.qml
index 7f35fd05b..75c632500 100644
--- a/linphone-app/ui/modules/Common/Styles/Misc/PanedStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Misc/PanedStyle.qml
@@ -5,15 +5,16 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int transitionDuration: 200
-
-  property QtObject handle: QtObject {
-    property int width: 5
-
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("Paned_hovered", "h").color
-      property color normal: ColorsList.add("Paned_normal", "c").color
-      property color pressed: ColorsList.add("Paned_pressed", "d").color
-    }
-  }
+	property string sectionName: 'Paned'
+	property int transitionDuration: 200
+	
+	property QtObject handle: QtObject {
+		property int width: 5
+		
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_hovered', 'h').color
+			property color normal: ColorsList.add(sectionName+'_normal', 'c').color
+			property color pressed: ColorsList.add(sectionName+'_pressed', 'd').color
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Popup/PopupStyle.qml b/linphone-app/ui/modules/Common/Styles/Popup/PopupStyle.qml
index 3947eeebe..562dd7328 100644
--- a/linphone-app/ui/modules/Common/Styles/Popup/PopupStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Popup/PopupStyle.qml
@@ -6,10 +6,11 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("Popup_background", "k").color
+	property string sectionName: 'Popup'
+  property color backgroundColor: ColorsList.add(sectionName+'_bg', 'k').color
 
   property QtObject shadow: QtObject {
-    property color color: ColorsList.add("Popup_shadow", "l").color
+    property color color: ColorsList.add(sectionName+'_shadow', 'l').color
     property int horizontalOffset: 2
     property int radius: 10
     property int samples: 15
diff --git a/linphone-app/ui/modules/Common/Styles/Tooltip/TooltipStyle.qml b/linphone-app/ui/modules/Common/Styles/Tooltip/TooltipStyle.qml
index 5bd6cedc2..7ace5344d 100644
--- a/linphone-app/ui/modules/Common/Styles/Tooltip/TooltipStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Tooltip/TooltipStyle.qml
@@ -7,13 +7,14 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("Tooltip_background", "g").color
-  property color color: ColorsList.add("Tooltip", "q").color
-  property int arrowSize: 8
-  property int delay: 1000
-  property int pointSize: Units.dp * 9
-  property int margins: 8
-  property int padding: 4
-  property int radius: 4
-  property int minWidth: 130
+	property string sectionName: 'Tooltip'
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'g').color
+	property color color: ColorsList.add(sectionName, 'q').color
+	property int arrowSize: 8
+	property int delay: 1000
+	property int pointSize: Units.dp * 9
+	property int margins: 8
+	property int padding: 4
+	property int radius: 4
+	property int minWidth: 130
 }
diff --git a/linphone-app/ui/modules/Common/Styles/Window/WindowStyle.qml b/linphone-app/ui/modules/Common/Styles/Window/WindowStyle.qml
index 2e39c8fa4..b5f96ae86 100644
--- a/linphone-app/ui/modules/Common/Styles/Window/WindowStyle.qml
+++ b/linphone-app/ui/modules/Common/Styles/Window/WindowStyle.qml
@@ -6,7 +6,8 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject transientWindow: QtObject {
-    property color color: ColorsList.add("Window_transient", "l80").color
-  }
+	property string sectionName: 'Window'
+	property QtObject transientWindow: QtObject {
+		property color color: ColorsList.add(sectionName+'_transient', 'l80').color
+	}
 }
diff --git a/linphone-app/ui/modules/Common/Styles/qmldir b/linphone-app/ui/modules/Common/Styles/qmldir
index c90816641..c9480c1c9 100644
--- a/linphone-app/ui/modules/Common/Styles/qmldir
+++ b/linphone-app/ui/modules/Common/Styles/qmldir
@@ -9,6 +9,7 @@ singleton BusyIndicatorStyle        1.0 Animations/BusyIndicatorStyle.qml
 singleton DialogStyle               1.0 Dialog/DialogStyle.qml
 
 singleton ActionBarStyle            1.0 Form/ActionBarStyle.qml
+singleton ActionSwitchStyle         1.0 Form/ActionSwitchStyle.qml
 singleton CheckBoxTextStyle         1.0 Form/CheckBoxTextStyle.qml
 singleton ComboBoxStyle             1.0 Form/ComboBoxStyle.qml
 singleton DroppableTextAreaStyle    1.0 Form/DroppableTextAreaStyle.qml
diff --git a/linphone-app/ui/modules/Common/Tooltip/Tooltip.qml b/linphone-app/ui/modules/Common/Tooltip/Tooltip.qml
index ad5ad5993..03bf102d7 100644
--- a/linphone-app/ui/modules/Common/Tooltip/Tooltip.qml
+++ b/linphone-app/ui/modules/Common/Tooltip/Tooltip.qml
@@ -1,5 +1,6 @@
 import QtQuick 2.7 as Core
 import QtQuick.Controls 2.2 as Core
+import QtGraphicalEffects 1.12
 
 import Common 1.0
 import Common.Styles 1.0
@@ -103,10 +104,16 @@ Core.ToolTip {
       fillMode: Core.Image.PreserveAspectFit
       height: TooltipStyle.arrowSize
       source: _edge
-        ? Utils.resolveImageUri('tooltip_arrow_' + _edge)
+        ? Utils.resolveImageUri('tooltip_arrow_' + _edge+'_custom')
         : ''
       sourceSize.height: height
       sourceSize.width: width
+      layer {
+			enabled: true
+			effect: ColorOverlay {
+				color: TooltipStyle.backgroundColor
+			}
+		}
       visible: tooltip.visible && _edge
       width: TooltipStyle.arrowSize
       z: Constants.zMax
diff --git a/linphone-app/ui/modules/Linphone/Calls/Calls.js b/linphone-app/ui/modules/Linphone/Calls/Calls.js
index f9915cb68..23c3b4325 100644
--- a/linphone-app/ui/modules/Linphone/Calls/Calls.js
+++ b/linphone-app/ui/modules/Linphone/Calls/Calls.js
@@ -107,7 +107,7 @@ function getParams (call) {
 		return {
 			component: callAction,
 			handler: call.terminate,
-			icon: 'hangup',
+			useIcon: 1,
 			string: 'outgoing'
 		}
 	}
diff --git a/linphone-app/ui/modules/Linphone/Calls/Calls.qml b/linphone-app/ui/modules/Linphone/Calls/Calls.qml
index 3d5eb79cb..44bce7676 100644
--- a/linphone-app/ui/modules/Linphone/Calls/Calls.qml
+++ b/linphone-app/ui/modules/Linphone/Calls/Calls.qml
@@ -3,186 +3,193 @@ import QtQuick 2.7
 import Common 1.0
 import Linphone 1.0
 import Linphone.Styles 1.0
+import ColorsList 1.0
 
 import 'Calls.js' as Logic
 
 // =============================================================================
 
 ListView {
-  id: calls
-
-  // ---------------------------------------------------------------------------
-
-  readonly property var selectedCall: calls._selectedCall
-
-  property var conferenceModel
-
-  property var _selectedCall
-
-  // ---------------------------------------------------------------------------
-
-  boundsBehavior: Flickable.StopAtBounds
-  clip: true
-  spacing: 0
-
-  // ---------------------------------------------------------------------------
-
-  onCountChanged: Logic.handleCountChanged(count)
-
-  Connections {
-    target: model
-
-    onCallRunning: Logic.handleCallRunning(callModel)
-    onRowsAboutToBeRemoved: Logic.handleRowsAboutToBeRemoved(parent, first, last)
-    onRowsInserted: Logic.handleRowsInserted(parent, first, last)
-  }
-
-  // ---------------------------------------------------------------------------
-
-  Component {
-    id: callAction
-
-    ActionButton {
-      icon: params.icon || 'generic_error'
-      iconSize: CallsStyle.entry.iconActionSize
-
-      onClicked: params.handler()
-    }
-  }
-
-  Component {
-    id: callActions
-
-    ActionButton {
-      id: button
-
-      icon: calls.currentIndex === callId && call.status !== CallModel.CallStatusEnded
-        ? 'burger_menu_light'
-        : 'burger_menu'
-      iconSize: CallsStyle.entry.iconMenuSize
-
-      onClicked: menu.open()
-
-      DropDownStaticMenu {
-        id: menu
-
-        relativeTo: callControls
-        relativeX: callControls.width
-
-        entryHeight: CallsStyle.entry.height
-        entryWidth: maxWidth 
-        property int maxWidth :  CallsStyle.entry.width
-
-        Repeater {
-          model: params ? params.actions : []
-
-          DropDownStaticMenuEntry {
-            entryName: modelData.name
-			Component.onCompleted: if( menu.maxWidth < implicitWidth ) menu.maxWidth = implicitWidth
-            onClicked: {
-              menu.close()
-              params.actions[index].handler()
-            }
-          }
-        }
-      }
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  // Conference.
-  // ---------------------------------------------------------------------------
-
-  header: ConferenceControls {
-    readonly property bool isSelected: calls.currentIndex === -1 && calls._selectedCall == null
-
-    height: visible ? ConferenceControlsStyle.height : 0
-    width: parent.width
-
-    visible: calls.conferenceModel.count > 0
-
-    color: isSelected
-      ? CallsStyle.entry.color.selected
-      : CallsStyle.entry.color.normal
-
-    textColor: isSelected
-      ? CallsStyle.entry.usernameColor.selected
-      : CallsStyle.entry.usernameColor.normal
-
-    onClicked: Logic.resetSelectedCall()
-    onVisibleChanged: !visible && Logic.handleCountChanged(calls.count)
-  }
-
-  // ---------------------------------------------------------------------------
-  // Calls.
-  // ---------------------------------------------------------------------------
-
-  delegate: CallControls {
-    id: _callControls
-
-    // -------------------------------------------------------------------------
-
-    function useColorStatus () {
-      return calls.currentIndex === index && $call && $call.status !== CallModel.CallStatusEnded
-    }
-
-    // -------------------------------------------------------------------------
-
-    color: useColorStatus()
-      ? CallsStyle.entry.color.selected
-      : CallsStyle.entry.color.normal
-    sipAddressColor: useColorStatus()
-      ? CallsStyle.entry.sipAddressColor.selected
-      : CallsStyle.entry.sipAddressColor.normal
-    usernameColor: useColorStatus()
-      ? CallsStyle.entry.usernameColor.selected
-      : CallsStyle.entry.usernameColor.normal
-
-    signIcon: {
-      var params = loader.params
-      return params ? 'call_sign_' + params.string : ''
-    }
-    
-    entry: $call
-
-    width: calls.width
-
-    onClicked: {
-      if ($call.status !== CallModel.CallStatusEnded) {
-        Logic.updateSelectedCall($call, index)
-      }
-    }
-
-    // -------------------------------------------------------------------------
-
-    Loader {
-      id: loader
-
-      readonly property int callId: index
-
-      readonly property var call: $call
-      readonly property var callControls: _callControls
-      readonly property var params: Logic.getParams($call)
-
-      anchors.centerIn: parent
-      sourceComponent: params ? params.component : null
-    }
-
-    SequentialAnimation on color {
-      loops: CallsStyle.entry.endCallAnimation.loops
-      running: !$call || $call.status === CallModel.CallStatusEnded
-
-      ColorAnimation {
-        duration: CallsStyle.entry.endCallAnimation.duration
-        from: CallsStyle.entry.color.normal
-        to: CallsStyle.entry.endCallAnimation.blinkColor
-      }
-
-      ColorAnimation {
-        duration: CallsStyle.entry.endCallAnimation.duration
-        from: CallsStyle.entry.endCallAnimation.blinkColor
-        to: CallsStyle.entry.color.normal
-      }
-    }
-  }
+	id: calls
+	
+	// ---------------------------------------------------------------------------
+	
+	readonly property var selectedCall: calls._selectedCall
+	
+	property var conferenceModel
+	
+	property var _selectedCall
+	
+	// ---------------------------------------------------------------------------
+	
+	boundsBehavior: Flickable.StopAtBounds
+	clip: true
+	spacing: 0
+	
+	// ---------------------------------------------------------------------------
+	
+	onCountChanged: Logic.handleCountChanged(count)
+	
+	Connections {
+		target: model
+		
+		onCallRunning: Logic.handleCallRunning(callModel)
+		onRowsAboutToBeRemoved: Logic.handleRowsAboutToBeRemoved(parent, first, last)
+		onRowsInserted: Logic.handleRowsInserted(parent, first, last)
+	}
+	
+	// ---------------------------------------------------------------------------
+	
+	Component {
+		id: callAction
+		
+		ActionButton {
+			isCustom: true
+			backgroundRadius: 90
+			Component.onCompleted: params.useIcon == 1 ? colorSet = CallsStyle.entry.hangup : errorIcon.visible=true
+			
+			onClicked: params.handler()
+			Icon{
+				id: errorIcon
+				icon: 'generic_error'
+				iconSize: CallsStyle.entry.iconActionSize
+				visible: false
+			}
+		}
+	}
+	
+	Component {
+		id: callActions
+		
+		ActionButton {
+			id: button
+			property bool isSelected : calls.currentIndex === callId && call.status !== CallModel.CallStatusEnded
+			isCustom: true
+			backgroundRadius: 4
+			colorSet: isSelected ? CallsStyle.entry.selectedBurgerMenu : CallsStyle.entry.burgerMenu
+			
+			onClicked: menu.open()
+			
+			DropDownStaticMenu {
+				id: menu
+				
+				relativeTo: callControls
+				relativeX: callControls.width
+				
+				entryHeight: CallsStyle.entry.height
+				entryWidth: maxWidth 
+				property int maxWidth :  CallsStyle.entry.width
+				
+				Repeater {
+					model: params ? params.actions : []
+					
+					DropDownStaticMenuEntry {
+						entryName: modelData.name
+						Component.onCompleted: if( menu.maxWidth < implicitWidth ) menu.maxWidth = implicitWidth
+						onClicked: {
+							menu.close()
+							params.actions[index].handler()
+						}
+					}
+				}
+			}
+		}
+	}
+	
+	// ---------------------------------------------------------------------------
+	// Conference.
+	// ---------------------------------------------------------------------------
+	
+	header: ConferenceControls {
+		readonly property bool isSelected: calls.currentIndex === -1 && calls._selectedCall == null
+		
+		height: visible ? ConferenceControlsStyle.height : 0
+		width: parent.width
+		
+		visible: calls.conferenceModel.count > 0
+		
+		color: isSelected
+			   ? CallsStyle.entry.color.selected
+			   : CallsStyle.entry.color.normal
+		
+		textColor: isSelected
+				   ? CallsStyle.entry.usernameColor.selected
+				   : CallsStyle.entry.usernameColor.normal
+		
+		onClicked: Logic.resetSelectedCall()
+		onVisibleChanged: !visible && Logic.handleCountChanged(calls.count)
+	}
+	
+	// ---------------------------------------------------------------------------
+	// Calls.
+	// ---------------------------------------------------------------------------
+	
+	delegate: CallControls {
+		id: _callControls
+		
+		// -------------------------------------------------------------------------
+		
+		function useColorStatus () {
+			return calls.currentIndex === index && $call && $call.status !== CallModel.CallStatusEnded
+		}
+		
+		// -------------------------------------------------------------------------
+		
+		color: useColorStatus()
+			   ? CallsStyle.entry.color.selected
+			   : CallsStyle.entry.color.normal
+		sipAddressColor: useColorStatus()
+						 ? CallsStyle.entry.sipAddressColor.selected
+						 : CallsStyle.entry.sipAddressColor.normal
+		usernameColor: useColorStatus()
+					   ? CallsStyle.entry.usernameColor.selected
+					   : CallsStyle.entry.usernameColor.normal
+		
+		signIcon: {
+			var params = loader.params
+			return params ? 'call_sign_' + params.string : ''
+		}
+		
+		entry: $call
+		
+		width: calls.width
+		
+		onClicked: {
+			if ($call.status !== CallModel.CallStatusEnded) {
+				Logic.updateSelectedCall($call, index)
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		
+		Loader {
+			id: loader
+			
+			readonly property int callId: index
+			
+			readonly property var call: $call
+			readonly property var callControls: _callControls
+			readonly property var params: Logic.getParams($call)
+			
+			anchors.centerIn: parent
+			sourceComponent: params ? params.component : null
+		}
+		
+		SequentialAnimation on color {
+			loops: CallsStyle.entry.endCallAnimation.loops
+			running: !$call || $call.status === CallModel.CallStatusEnded
+			
+			ColorAnimation {
+				duration: CallsStyle.entry.endCallAnimation.duration
+				from: CallsStyle.entry.color.normal
+				to: CallsStyle.entry.endCallAnimation.blinkColor
+			}
+			
+			ColorAnimation {
+				duration: CallsStyle.entry.endCallAnimation.duration
+				from: CallsStyle.entry.endCallAnimation.blinkColor
+				to: CallsStyle.entry.color.normal
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Chat/Chat.qml b/linphone-app/ui/modules/Linphone/Chat/Chat.qml
index 2daf13fdf..7e9ef14a5 100644
--- a/linphone-app/ui/modules/Linphone/Chat/Chat.qml
+++ b/linphone-app/ui/modules/Linphone/Chat/Chat.qml
@@ -306,7 +306,8 @@ Rectangle {
 					anchors.centerIn: parent
 					spacing: 5
 					Icon{
-						icon: "copy_light"
+						icon: ChatStyle.copyTextIcon
+						overwriteColor: ChatStyle.messageBanner.textColor
 						iconSize: 20
 					}
 					Text{
diff --git a/linphone-app/ui/modules/Linphone/Chat/ChatMenu.qml b/linphone-app/ui/modules/Linphone/Chat/ChatMenu.qml
index cc057d991..7f136e185 100644
--- a/linphone-app/ui/modules/Linphone/Chat/ChatMenu.qml
+++ b/linphone-app/ui/modules/Linphone/Chat/ChatMenu.qml
@@ -42,8 +42,8 @@ Item {
 			text: (container.lastTextSelected == '' ? qsTr('menuCopyAll')
 													  //: 'Copy' : Text menu to copy selected text in message into clipboard
 													:  qsTr('menuCopy'))
-			iconMenu: 'menu_copy_text'
-			iconSizeMenu: 17
+			iconMenu: MenuItemStyle.copy.icon
+			iconSizeMenu: MenuItemStyle.copy.iconSize
 			iconLayoutDirection: Qt.RightToLeft
 			menuItemStyle : MenuItemStyle.aux
 			onTriggered: {
@@ -61,8 +61,8 @@ Item {
 		MenuItem {
 			enabled: TextToSpeech.available
 			text: qsTr('menuPlayMe')
-			iconMenu: 'speaker'
-			iconSizeMenu: 17
+			iconMenu: MenuItemStyle.speaker.icon
+			iconSizeMenu: MenuItemStyle.speaker.iconSize
 			iconLayoutDirection: Qt.RightToLeft
 			menuItemStyle : MenuItemStyle.aux
 			onTriggered: TextToSpeech.say(container.content)
@@ -74,8 +74,8 @@ Item {
 			//: 'Delivery status' : Item menu that lead to IMDN of a message
 			: qsTr('menuDeliveryStatus')
 			)
-			iconMenu: 'menu_imdn_info'
-			iconSizeMenu: 17
+			iconMenu: MenuItemStyle.imdn.icon
+			iconSizeMenu: MenuItemStyle.imdn.iconSize
 			iconLayoutDirection: Qt.RightToLeft
 			menuItemStyle : MenuItemStyle.aux
 			visible: container.deliveryCount > 0
@@ -84,8 +84,8 @@ Item {
 		MenuItem {
 			//: 'Delete' : Item menu to delete a message
 			text: qsTr('menuDelete')
-			iconMenu: 'menu_delete'
-			iconSizeMenu: 17
+			iconMenu: MenuItemStyle.deleteEntry.icon
+			iconSizeMenu: MenuItemStyle.deleteEntry.iconSize
 			iconLayoutDirection: Qt.RightToLeft
 			menuItemStyle : MenuItemStyle.auxRed
 			onTriggered: container.removeEntryRequested()
diff --git a/linphone-app/ui/modules/Linphone/Chat/Event.qml b/linphone-app/ui/modules/Linphone/Chat/Event.qml
index 206a5dedd..0f68090cf 100644
--- a/linphone-app/ui/modules/Linphone/Chat/Event.qml
+++ b/linphone-app/ui/modules/Linphone/Chat/Event.qml
@@ -9,34 +9,81 @@ import Utils 1.0
 // =============================================================================
 
 Row {
-	property string _type: {
-		var status = $chatEntry.status
-		if (status == LinphoneEnums.CallStatusSuccess) {
-			if (!$chatEntry.isStart) {
-				return 'ended_call'
+	id: mainItem
+	property QtObject iconData
+	property string translation
+	Component.onCompleted: {
+		if ($chatEntry.status == LinphoneEnums.CallStatusSuccess) {
+			if(!$chatEntry.isStart){
+				iconData = ChatStyle.entry.event.endedCall
+				translation ='endedCall'
+			}else if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.outgoingCall
+				translation ='outgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.incomingCall
+				translation ='incomingCall'
 			}
-			return $chatEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
+		}else if($chatEntry.status == LinphoneEnums.CallStatusDeclined) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.declinedOutgoingCall
+				translation ='declinedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.declinedIncomingCall
+				translation ='declinedIncomingCall'
+			}
+		}else if($chatEntry.status == LinphoneEnums.CallStatusMissed) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.missedOutgoingCall
+				translation ='missedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.missedIncomingCall
+				translation ='missedIncomingCall'
+			}
+		}else if($chatEntry.status == LinphoneEnums.CallStatusAborted) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.outgoingCall
+				translation ='outgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.incomingCall
+				translation ='incomingCall'
+			}
+		}else if($chatEntry.status == LinphoneEnums.CallStatusDeclined) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.declinedOutgoingCall
+				translation ='declinedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.declinedIncomingCall
+				translation ='declinedIncomingCall'
+			}
+		}else if($chatEntry.status == LinphoneEnums.CallStatusEarlyAborted) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.missedOutgoingCall
+				translation ='missedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.missedIncomingCall
+				translation ='missedIncomingCall'
+			}
+		}else if($chatEntry.status == LinphoneEnums.CallStatusAcceptedElsewhere) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.outgoingCall
+				translation ='outgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.incomingCall
+				translation ='incomingCall'
+			}
+		}else if($chatEntry.status == LinphoneEnums.CallStatusDeclinedElsewhere) {
+			if($chatEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.declinedOutgoingCall
+				translation ='declinedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.declinedIncomingCall
+				translation ='declinedIncomingCall'
+			}
+		}else {
+			iconData = ChatStyle.entry.event.unknownCallEvent
+			translation = 'unknownCallEvent'
 		}
-		if (status == LinphoneEnums.CallStatusDeclined) {
-			return $chatEntry.isOutgoing ? 'declined_outgoing_call' : 'declined_incoming_call'
-		}
-		if (status == LinphoneEnums.CallStatusMissed) {
-			return $chatEntry.isOutgoing ? 'missed_outgoing_call' : 'missed_incoming_call'
-		}
-		if (status == LinphoneEnums.CallStatusAborted) {
-			return $chatEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
-		}
-		if (status == LinphoneEnums.CallStatusEarlyAborted) {
-			return $chatEntry.isOutgoing ? 'missed_outgoing_call' : 'missed_incoming_call'
-		}
-		if (status == LinphoneEnums.CallStatusAcceptedElsewhere) {
-			return $chatEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
-		}
-		if (status == LinphoneEnums.CallStatusDeclinedElsewhere) {
-			return $chatEntry.isOutgoing ? 'declined_outgoing_call' : 'declined_incoming_call'
-		}
-		
-		return 'unknown_call_event'
 	}
 	
 	height: ChatStyle.entry.lineHeight
@@ -44,7 +91,8 @@ Row {
 	
 	Icon {
 		height: parent.height
-		icon: _type
+		icon: mainItem.iconData ? mainItem.iconData.icon : null
+		overwriteColor: mainItem.iconData ? mainItem.iconData.color: null
 		iconSize: ChatStyle.entry.event.iconSize
 		width: ChatStyle.entry.metaWidth
 	}
@@ -73,7 +121,7 @@ Row {
 			pointSize: ChatStyle.entry.event.text.pointSize
 		}
 		height: parent.height
-		text: qsTr(Utils.snakeToCamel(_type))
+		text: mainItem.translation ? qsTr(mainItem.translation) : ''
 		verticalAlignment: Text.AlignVCenter
 		ChatMenu{
 			id:chatMenu
@@ -86,10 +134,11 @@ Row {
 	}
 	
 	ActionButton {
-		height: ChatStyle.entry.lineHeight
+		height: ChatStyle.entry.menu.iconSize
+		isCustom: true
+		backgroundRadius: 8
+		colorSet: ChatStyle.entry.menu
 		
-		icon: 'chat_menu'
-		iconSize: ChatStyle.entry.deleteIconSize
 		visible: isHoverEntry()
 		
 		onClicked: chatMenu.open()
diff --git a/linphone-app/ui/modules/Linphone/Chat/FileMessage.qml b/linphone-app/ui/modules/Linphone/Chat/FileMessage.qml
index 7438de146..f446c6308 100644
--- a/linphone-app/ui/modules/Linphone/Chat/FileMessage.qml
+++ b/linphone-app/ui/modules/Linphone/Chat/FileMessage.qml
@@ -288,9 +288,10 @@ Row {
 						rightMargin: ChatStyle.entry.message.file.margins
 					}
 					
-					icon: 'download'
-					iconSize: ChatStyle.entry.message.file.iconSize
-					visible: (rectangle.contentModel?!isOutgoing && !rectangle.contentModel.wasDownloaded : false)
+					icon: ChatStyle.entry.message.file.download.icon
+					iconSize: ChatStyle.entry.message.file.download.iconSize
+					overwriteColor: isOutgoing ? ChatStyle.entry.message.file.download.outgoingColor : ChatStyle.entry.message.file.download.incomingColor
+					visible: (rectangle.contentModel? !rectangle.contentModel.wasDownloaded : false)
 				}
 				
 				MouseArea {
@@ -331,7 +332,7 @@ Row {
 					spacing:5
 					Text{
 						text: $chatEntry.ephemeralExpireTime > 0 ? Utils.formatElapsedTime($chatEntry.ephemeralExpireTime) : Utils.formatElapsedTime($chatEntry.ephemeralLifetime)
-						color: ColorsList.add("FileMessage_ephemeral_text", "ad").color 
+						color: ChatStyle.ephemeralTimer.timerColor
 						font.pointSize: Units.dp * 8
 						Timer{
 							running:parent.visible
@@ -341,8 +342,9 @@ Row {
 						}
 					}
 					Icon{
-						icon:'timer'
-						iconSize: 15
+						icon: ChatStyle.ephemeralTimer.icon
+						overwriteColor: ChatStyle.ephemeralTimer.timerColor
+						iconSize: ChatStyle.ephemeralTimer.iconSize
 					}
 				}
 			}
@@ -358,14 +360,15 @@ Row {
 			}
 			
 			ActionButton {
-				height: ChatStyle.entry.lineHeight
 				anchors.left:rectangle.right
 				anchors.leftMargin: -10
 				anchors.top:rectangle.top
 				anchors.topMargin: 5
 				
-				icon: 'chat_menu'
-				iconSize: ChatStyle.entry.deleteIconSize
+				height: ChatStyle.entry.menu.iconSize
+				isCustom: true
+				backgroundRadius: 8
+				colorSet: ChatStyle.entry.menu
 				visible: isHoverEntry()
 				
 				onClicked: chatMenu.open()
diff --git a/linphone-app/ui/modules/Linphone/Chat/Message.qml b/linphone-app/ui/modules/Linphone/Chat/Message.qml
index af4645211..e850e5d05 100644
--- a/linphone-app/ui/modules/Linphone/Chat/Message.qml
+++ b/linphone-app/ui/modules/Linphone/Chat/Message.qml
@@ -38,8 +38,8 @@ Item {
 	// ---------------------------------------------------------------------------
 	
 	implicitHeight: message.contentHeight 
-						+ (ephemeralTimerRow.visible? message.padding * 4 : message.padding * 2) 
-						+ (deliveryLayout.visible? deliveryLayout.height : 0)
+					+ (ephemeralTimerRow.visible? message.padding * 4 : message.padding * 2) 
+					+ (deliveryLayout.visible? deliveryLayout.height : 0)
 	
 	
 	Rectangle {
@@ -57,14 +57,14 @@ Item {
 		Row{
 			id:ephemeralTimerRow
 			anchors.right:parent.right
-			anchors.bottom:parent.bottom	
-			anchors.bottomMargin: 5
+			anchors.bottom:parent.bottom
 			anchors.rightMargin : 5
 			visible:$chatEntry.isEphemeral
-			spacing:5
 			Text{
+				anchors.bottom: parent.bottom	
+				anchors.bottomMargin: 5
 				text: $chatEntry.ephemeralExpireTime > 0 ? Utils.formatElapsedTime($chatEntry.ephemeralExpireTime) : Utils.formatElapsedTime($chatEntry.ephemeralLifetime)
-				color: ColorsList.add("Message_ephemeral_text", "ad").color 
+				color: ChatStyle.ephemeralTimer.timerColor
 				font.pointSize: Units.dp * 8
 				Timer{
 					running:parent.visible
@@ -74,8 +74,9 @@ Item {
 				}
 			}
 			Icon{
-				icon:'timer'
-				iconSize: 15
+				icon: ChatStyle.ephemeralTimer.icon
+				overwriteColor: ChatStyle.ephemeralTimer.timerColor
+				iconSize: ChatStyle.ephemeralTimer.iconSize
 			}
 		}		
 	}
@@ -159,18 +160,20 @@ Item {
 		
 		chatMessageModel: $chatEntry
 	}
-
+	
 	ActionButton {
-	  height: ChatStyle.entry.lineHeight
-	  anchors.left:rectangle.right
-	  anchors.leftMargin: -10
-	  anchors.top:rectangle.top
-	  anchors.topMargin: 5
-
-	  icon: 'chat_menu'
-	  iconSize: ChatStyle.entry.deleteIconSize
-	  visible: isHoverEntry()
-
-	  onClicked: chatMenu.open()
+		anchors.left:rectangle.right
+		anchors.leftMargin: -10
+		anchors.top:rectangle.top
+		anchors.topMargin: 5
+		
+		height: ChatStyle.entry.menu.iconSize
+		isCustom: true
+		backgroundRadius: 8
+		
+		colorSet : ChatStyle.entry.menu
+		visible: isHoverEntry()
+		
+		onClicked: chatMenu.open()
 	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Chat/Notice.qml b/linphone-app/ui/modules/Linphone/Chat/Notice.qml
index 2394e720f..49f9d3ccb 100644
--- a/linphone-app/ui/modules/Linphone/Chat/Notice.qml
+++ b/linphone-app/ui/modules/Linphone/Chat/Notice.qml
@@ -86,8 +86,9 @@ RowLayout{
 	}
 	property bool isImportant: $chatEntry.eventLogType == LinphoneEnums.EventLogTypeConferenceTerminated
 	property bool isError: $chatEntry.status == ChatNoticeModel.NoticeError
-	property color eventColor : (isError ? ColorsList.add("Notice_error", "error").color  : ( isImportant ? ColorsList.add("Notice_important", "error").color  : ColorsList.add("Notice", "ab").color ))
-	
+	property color eventColor : (isError ? ChatStyle.entry.event.notice.errorColor 
+								: ( isImportant ? ChatStyle.entry.event.notice.importantColor  
+									: ChatStyle.entry.event.notice.color ))
 	
 	Layout.preferredHeight: ChatStyle.entry.lineHeight
 	spacing: ChatStyle.entry.message.extraContent.spacing
diff --git a/linphone-app/ui/modules/Linphone/Contact/Contact.qml b/linphone-app/ui/modules/Linphone/Contact/Contact.qml
index 9eb6a5b1a..9d4125670 100644
--- a/linphone-app/ui/modules/Linphone/Contact/Contact.qml
+++ b/linphone-app/ui/modules/Linphone/Contact/Contact.qml
@@ -72,8 +72,9 @@ Rectangle {
 				
 				anchors.fill: parent
 				
-				icon: 'chat_room_light'
-				iconSize: 20
+				icon: ContactStyle.groupChat.icon
+				overwriteColor: ContactStyle.groupChat.avatarColor
+				iconSize: ContactStyle.contentHeight
 				visible: entry!=undefined && entry.isOneToOne!=undefined && !entry.isOneToOne
 			}
 			
@@ -92,7 +93,8 @@ Rectangle {
 			Layout.preferredHeight: ContactStyle.contentHeight
 			Layout.preferredWidth: ContactStyle.contentHeight
 			
-			icon:'chat_room'
+			icon: ContactStyle.groupChat.icon
+			overwriteColor: ContactStyle.groupChat.color
 			iconSize: ContactStyle.contentHeight
 			visible: false //entry!=undefined && entry.isOneToOne!=undefined && !entry.isOneToOne
 			
diff --git a/linphone-app/ui/modules/Linphone/History/Event.qml b/linphone-app/ui/modules/Linphone/History/Event.qml
index 06983b187..283f92f42 100644
--- a/linphone-app/ui/modules/Linphone/History/Event.qml
+++ b/linphone-app/ui/modules/Linphone/History/Event.qml
@@ -3,6 +3,7 @@ import QtQuick 2.7
 import Common 1.0
 import Linphone 1.0
 import LinphoneUtils 1.0
+import LinphoneEnums 1.0
 import Linphone.Styles 1.0
 import Utils 1.0
 import UtilsCpp 1.0
@@ -10,97 +11,175 @@ import UtilsCpp 1.0
 // =============================================================================
 
 Row {
-  signal entryClicked(string sipAddress)
-  
-  readonly property var _sipAddressObserver: SipAddressesModel.getSipAddressObserver($historyEntry.sipAddress, '')
-  
-  property string _type: {
-    var status = $historyEntry.status
-
-    if (status === HistoryModel.CallStatusSuccess) {
-      if (!$historyEntry.isStart) {
-        return 'ended_call'
-      }
-      return $historyEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
-    }
-    if (status === HistoryModel.CallStatusDeclined) {
-      return $historyEntry.isOutgoing ? 'declined_outgoing_call' : 'declined_incoming_call'
-    }
-    if (status === HistoryModel.CallStatusMissed) {
-      return $historyEntry.isOutgoing ? 'missed_outgoing_call' : 'missed_incoming_call'
-    }
-    if (status === HistoryModel.CallStatusAborted) {
-      return $historyEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
-    }
-    if (status === HistoryModel.CallStatusEarlyAborted) {
-      return $historyEntry.isOutgoing ? 'missed_outgoing_call' : 'missed_incoming_call'
-    }
-    if (status === HistoryModel.CallStatusAcceptedElsewhere) {
-      return $historyEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
-    }
-    if (status === HistoryModel.CallStatusDeclinedElsewhere) {
-      return $historyEntry.isOutgoing ? 'declined_outgoing_call' : 'declined_incoming_call'
-    }
-
-    return 'unknown_call_event'
-  }
-
-  height: HistoryStyle.entry.lineHeight
-  spacing: HistoryStyle.entry.message.extraContent.spacing
-
-  Icon {
-    height: parent.height
-    icon: _type
-    iconSize: HistoryStyle.entry.event.iconSize
-    width: HistoryStyle.entry.metaWidth
-  }
-
-  Text {
-    Component {
-      // Never created.
-      // Private data for `lupdate`.
-      Item {
-        property var i18n: [
-          QT_TR_NOOP('declinedIncomingCall'),
-          QT_TR_NOOP('declinedOutgoingCall'),
-          QT_TR_NOOP('endedCall'),
-          QT_TR_NOOP('incomingCall'),
-          QT_TR_NOOP('missedIncomingCall'),
-          QT_TR_NOOP('missedOutgoingCall'),
-          QT_TR_NOOP('outgoingCall')
-        ]
-      }
-    }
-
-    color: HistoryStyle.entry.event.text.color
-    font {
-      bold: true
-      pointSize: HistoryStyle.entry.event.text.pointSize
-    }
-    height: parent.height
-    text: qsTr(Utils.snakeToCamel(_type)) +' - '
-    verticalAlignment: Text.AlignVCenter
-  }
-  Text {
-    color: HistoryStyle.entry.event.text.color
-    font {
-      bold: true
-      pointSize: HistoryStyle.entry.event.text.pointSize
-    }
-    height: parent.height
-    text: UtilsCpp.getDisplayName(_sipAddressObserver.peerAddress)
-    verticalAlignment: Text.AlignVCenter
-    MouseArea{
-        anchors.fill:parent
-        onClicked:entryClicked($historyEntry.sipAddress)
-    }
-  }
-  ActionButton {
-    height: HistoryStyle.entry.lineHeight
-    icon: 'delete'
-    iconSize: HistoryStyle.entry.deleteIconSize
-    visible: isHoverEntry()
-
-    onClicked: removeEntry()
-  }
+	id: mainItem
+	signal entryClicked(string sipAddress)
+	
+	readonly property var _sipAddressObserver: SipAddressesModel.getSipAddressObserver($historyEntry.sipAddress, '')
+	property QtObject iconData
+	property string translation
+	Component.onCompleted: {
+		if ($historyEntry.status == LinphoneEnums.CallStatusSuccess) {
+			if(!$historyEntry.isStart){
+				iconData = ChatStyle.entry.event.endedCall
+				translation ='endedCall'
+			}else if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.outgoingCall
+				translation ='outgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.incomingCall
+				translation ='incomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusDeclined) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.declinedOutgoingCall
+				translation ='declinedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.declinedIncomingCall
+				translation ='declinedIncomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusMissed) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.missedOutgoingCall
+				translation ='missedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.missedIncomingCall
+				translation ='missedIncomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusAborted) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.outgoingCall
+				translation ='outgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.incomingCall
+				translation ='incomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusDeclined) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.declinedOutgoingCall
+				translation ='declinedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.declinedIncomingCall
+				translation ='declinedIncomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusEarlyAborted) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.missedOutgoingCall
+				translation ='missedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.missedIncomingCall
+				translation ='missedIncomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusAcceptedElsewhere) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.outgoingCall
+				translation ='outgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.incomingCall
+				translation ='incomingCall'
+			}
+		}else if($historyEntry.status == LinphoneEnums.CallStatusDeclinedElsewhere) {
+			if($historyEntry.isOutgoing ){
+				iconData = ChatStyle.entry.event.declinedOutgoingCall
+				translation ='declinedOutgoingCall'
+			}else{
+				iconData = ChatStyle.entry.event.declinedIncomingCall
+				translation ='declinedIncomingCall'
+			}
+		}else {
+			iconData = ChatStyle.entry.event.unknownCallEvent
+			translation = 'unknownCallEvent'
+		}
+	}
+	/*
+	property string _type: {
+		var status = $historyEntry.status
+		
+		if (status === HistoryModel.CallStatusSuccess) {
+			if (!$historyEntry.isStart) {
+				return 'ended_call'
+			}
+			return $historyEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
+		}
+		if (status === HistoryModel.CallStatusDeclined) {
+			return $historyEntry.isOutgoing ? 'declined_outgoing_call' : 'declined_incoming_call'
+		}
+		if (status === HistoryModel.CallStatusMissed) {
+			return $historyEntry.isOutgoing ? 'missed_outgoing_call' : 'missed_incoming_call'
+		}
+		if (status === HistoryModel.CallStatusAborted) {
+			return $historyEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
+		}
+		if (status === HistoryModel.CallStatusEarlyAborted) {
+			return $historyEntry.isOutgoing ? 'missed_outgoing_call' : 'missed_incoming_call'
+		}
+		if (status === HistoryModel.CallStatusAcceptedElsewhere) {
+			return $historyEntry.isOutgoing ? 'outgoing_call' : 'incoming_call'
+		}
+		if (status === HistoryModel.CallStatusDeclinedElsewhere) {
+			return $historyEntry.isOutgoing ? 'declined_outgoing_call' : 'declined_incoming_call'
+		}
+		
+		return 'unknown_call_event'
+	}*/
+	
+	height: HistoryStyle.entry.lineHeight
+	spacing: HistoryStyle.entry.message.extraContent.spacing
+	
+	Icon {
+		height: parent.height
+		icon: mainItem.iconData ? mainItem.iconData.icon : null
+		overwriteColor: mainItem.iconData ? mainItem.iconData.color: null
+		iconSize: ChatStyle.entry.event.iconSize
+		width: HistoryStyle.entry.metaWidth
+	}
+	
+	Text {
+		Component {
+			// Never created.
+			// Private data for `lupdate`.
+			Item {
+				property var i18n: [
+					QT_TR_NOOP('declinedIncomingCall'),
+					QT_TR_NOOP('declinedOutgoingCall'),
+					QT_TR_NOOP('endedCall'),
+					QT_TR_NOOP('incomingCall'),
+					QT_TR_NOOP('missedIncomingCall'),
+					QT_TR_NOOP('missedOutgoingCall'),
+					QT_TR_NOOP('outgoingCall')
+				]
+			}
+		}
+		
+		color: HistoryStyle.entry.event.text.color
+		font {
+			bold: true
+			pointSize: HistoryStyle.entry.event.text.pointSize
+		}
+		height: parent.height
+		text: mainItem.translation ? qsTr(mainItem.translation) +' - ' : ' - '
+		verticalAlignment: Text.AlignVCenter
+	}
+	Text {
+		color: HistoryStyle.entry.event.text.color
+		font {
+			bold: true
+			pointSize: HistoryStyle.entry.event.text.pointSize
+		}
+		height: parent.height
+		text: UtilsCpp.getDisplayName(_sipAddressObserver.peerAddress)
+		verticalAlignment: Text.AlignVCenter
+		MouseArea{
+			anchors.fill:parent
+			onClicked:entryClicked($historyEntry.sipAddress)
+		}
+	}
+	ActionButton {
+		height: HistoryStyle.entry.lineHeight
+		isCustom: true
+		backgroundRadius: 8
+		colorSet: ChatStyle.entry.deleteAction
+		visible: isHoverEntry()
+		
+		onClicked: removeEntry()
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Notifications/NotificationReceivedCall.qml b/linphone-app/ui/modules/Linphone/Notifications/NotificationReceivedCall.qml
index 1404bb841..3f6a399e4 100644
--- a/linphone-app/ui/modules/Linphone/Notifications/NotificationReceivedCall.qml
+++ b/linphone-app/ui/modules/Linphone/Notifications/NotificationReceivedCall.qml
@@ -8,79 +8,85 @@ import Linphone.Styles 1.0
 // =============================================================================
 
 Notification {
-  id: notification
-
-  icon: 'call_sign_incoming'
-
-  // ---------------------------------------------------------------------------
-
-  readonly property var call: notificationData && notificationData.call
-
-  // ---------------------------------------------------------------------------
-
-  Loader {
-    active: Boolean(notification.call)
-    anchors {
-      fill: parent
-
-      leftMargin: NotificationReceivedCallStyle.leftMargin
-      rightMargin: NotificationReceivedCallStyle.rightMargin
-      bottomMargin: NotificationReceivedCallStyle.bottomMargin
-    }
-
-    sourceComponent: ColumnLayout {
-      spacing: NotificationReceivedCallStyle.spacing     
-
-      Contact {
-        Layout.fillWidth: true
-		property var peerAddress: notification.call ? notification.call.fullPeerAddress : ''
-		onPeerAddressChanged: {
-			entry=SipAddressesModel.getSipAddressObserver(peerAddress, notification.call ? notification.call.fullLocalAddress : '')
+	id: notification
+	
+	icon: 'call_sign_incoming'
+	
+	// ---------------------------------------------------------------------------
+	
+	readonly property var call: notificationData && notificationData.call
+	
+	// ---------------------------------------------------------------------------
+	
+	Loader {
+		active: Boolean(notification.call)
+		anchors {
+			fill: parent
+			
+			leftMargin: NotificationReceivedCallStyle.leftMargin
+			rightMargin: NotificationReceivedCallStyle.rightMargin
+			bottomMargin: NotificationReceivedCallStyle.bottomMargin
 		}
-        entry: SipAddressesModel.getSipAddressObserver(peerAddress, notification.call ? notification.call.fullLocalAddress : '')
-      }
-
-      // ---------------------------------------------------------------------
-      // Action buttons.
-      // ---------------------------------------------------------------------
-
-      Item {
-        Layout.fillHeight: true
-        Layout.fillWidth: true
-
-        ActionBar {
-          id: acceptActionBar
-
-          anchors.centerIn: parent
-          iconSize: NotificationReceivedCallStyle.actionArea.iconSize
-
-          ActionButton {
-            icon: 'video_call_accept'
-            visible: SettingsModel.videoSupported
-
-            onClicked: notification._close(notification.call.acceptWithVideo)
-          }
-
-          ActionButton {
-            icon: 'call_accept'
-            onClicked: notification._close(notification.call.accept)
-          }
-        }
-
-        ActionBar {
-          anchors {
-            right: parent.right
-            rightMargin: NotificationReceivedCallStyle.actionArea.rightButtonsGroupMargin
-            verticalCenter: parent.verticalCenter
-          }
-          iconSize: NotificationReceivedCallStyle.actionArea.iconSize
-
-          ActionButton {
-            icon: 'hangup'
-            onClicked: notification._close(notification.call.terminate)
-          }
-        }
-      }
-    }
-  }
+		
+		sourceComponent: ColumnLayout {
+			spacing: NotificationReceivedCallStyle.spacing     
+			
+			Contact {
+				Layout.fillWidth: true
+				property var peerAddress: notification.call ? notification.call.fullPeerAddress : ''
+				onPeerAddressChanged: {
+					entry=SipAddressesModel.getSipAddressObserver(peerAddress, notification.call ? notification.call.fullLocalAddress : '')
+				}
+				entry: SipAddressesModel.getSipAddressObserver(peerAddress, notification.call ? notification.call.fullLocalAddress : '')
+			}
+			
+			// ---------------------------------------------------------------------
+			// Action buttons.
+			// ---------------------------------------------------------------------
+			
+			Item {
+				Layout.fillHeight: true
+				Layout.fillWidth: true
+				
+				ActionBar {
+					id: acceptActionBar
+					
+					anchors.centerIn: parent
+					iconSize: NotificationReceivedCallStyle.actionArea.iconSize
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: NotificationReceivedCallStyle.acceptVideoCall
+						visible: SettingsModel.videoSupported
+						
+						onClicked: notification._close(notification.call.acceptWithVideo)
+					}
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: NotificationReceivedCallStyle.acceptCall
+						onClicked: notification._close(notification.call.accept)
+					}
+				}
+				
+				ActionBar {
+					anchors {
+						right: parent.right
+						rightMargin: NotificationReceivedCallStyle.actionArea.rightButtonsGroupMargin
+						verticalCenter: parent.verticalCenter
+					}
+					iconSize: NotificationReceivedCallStyle.actionArea.iconSize
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: NotificationReceivedCallStyle.hangup
+						onClicked: notification._close(notification.call.terminate)
+					}
+				}
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/SmartSearchBar/SmartSearchBar.qml b/linphone-app/ui/modules/Linphone/SmartSearchBar/SmartSearchBar.qml
index 960782197..d36f47063 100644
--- a/linphone-app/ui/modules/Linphone/SmartSearchBar/SmartSearchBar.qml
+++ b/linphone-app/ui/modules/Linphone/SmartSearchBar/SmartSearchBar.qml
@@ -59,7 +59,7 @@ SearchBox {
 		id: view
 		
 		actions: [{
-				icon: 'video_call',
+				colorSet: SipAddressesViewStyle.videoCall,
 				secure: 0,
 				visible: true,
 				handler: function (entry) {
@@ -68,7 +68,7 @@ SearchBox {
 				},
 				visible: SettingsModel.videoSupported && SettingsModel.outgoingCallsEnabled && SettingsModel.showStartVideoCallButton
 			}, {
-				icon: 'call',
+				colorSet: SipAddressesViewStyle.call,
 				secure: 0,
 				visible: true,
 				handler: function (entry) {
@@ -77,7 +77,7 @@ SearchBox {
 				},
 				visible: SettingsModel.outgoingCallsEnabled
 			}, {
-				icon: SettingsModel.getShowStartChatButton() ? 'chat' : 'history',
+				colorSet: SettingsModel.getShowStartChatButton() ? SipAddressesViewStyle.chat : SipAddressesViewStyle.history,
 				secure: 0,
 				visible: SettingsModel.standardChatEnabled ,
 				handler: function (entry) {
@@ -85,7 +85,7 @@ SearchBox {
 					searchBox.launchChat(entry.sipAddress)
 				}
 			}, {
-				icon: SettingsModel.getShowStartChatButton() ? 'chat' : 'history',
+				colorSet: SettingsModel.getShowStartChatButton() ? SipAddressesViewStyle.chat : SipAddressesViewStyle.history,
 				secure: 1,
 				visible: SettingsModel.secureChatEnabled && AccountSettingsModel.conferenceURI != '',
 				visibleHandler : function(entry) {
@@ -103,7 +103,8 @@ SearchBox {
 		]
 		
 		headerButtonDescription: qsTr('addContact')
-		headerButtonIcon: 'contact_add'
+		headerButtonIcon: 'contact_add_custom'
+		headerButtonOverwriteColor: SipAddressesViewStyle.header.button.color
 		headerButtonAction: SettingsModel.contactsEnabled && (function (sipAddress) {
 			searchBox.closeMenu()
 			searchBox.addContact(sipAddress)
diff --git a/linphone-app/ui/modules/Linphone/Styles/Account/AccountStatusStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Account/AccountStatusStyle.qml
index a88055df7..cdedba019 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Account/AccountStatusStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Account/AccountStatusStyle.qml
@@ -7,25 +7,26 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int horizontalSpacing: 8
-  property int verticalSpacing: 2
-
-  property QtObject presenceLevel: QtObject {
-    property int bottomMargin: 1
-    property int size: 16
-  }
-
-  property QtObject sipAddress: QtObject {
-    property color color: ColorsList.add("Account_sipAddress", "g").color
-    property int pointSize: Units.dp * 10
-  }
-
-  property QtObject username: QtObject {
-    property color color: ColorsList.add("Account_username", "j").color
-    property int pointSize: Units.dp * 11
-  }
-    property QtObject messageCounter: QtObject {
-      property int bottomMargin: 4
-        property int size: 16
-    }
+	property string sectionName: 'AccountStatus'
+	property int horizontalSpacing: 8
+	property int verticalSpacing: 2
+	
+	property QtObject presenceLevel: QtObject {
+		property int bottomMargin: 1
+		property int size: 16
+	}
+	
+	property QtObject sipAddress: QtObject {
+		property color color: ColorsList.add(sectionName+'_sipAddress', 'g').color
+		property int pointSize: Units.dp * 10
+	}
+	
+	property QtObject username: QtObject {
+		property color color: ColorsList.add(sectionName+'_username', 'j').color
+		property int pointSize: Units.dp * 11
+	}
+	property QtObject messageCounter: QtObject {
+		property int bottomMargin: 4
+		property int size: 16
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Blocks/CardBlockStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Blocks/CardBlockStyle.qml
index 48fc9e905..a61d578e2 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Blocks/CardBlockStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Blocks/CardBlockStyle.qml
@@ -7,28 +7,29 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 30
-  property int width: 200
-
-  property QtObject content: QtObject {
-    property int height: 40
-  }
-
-  property QtObject description: QtObject {
-    property color color: ColorsList.add("CardBlock_description", "n").color
-    property int pointSize: Units.dp * 10
-    property int height: 40
-  }
-
-  property QtObject icon: QtObject {
-    property int bottomMargin: 20
-    property int size: 148
-  }
-
-  property QtObject title: QtObject {
-    property color color: ColorsList.add("CardBlock_title", "j").color
-    property int bottomMargin: 10
-    property int pointSize: Units.dp * 10
-    property int height: 20
-  }
+	property string sectionName: 'CardBlock'
+	property int spacing: 30
+	property int width: 200
+	
+	property QtObject content: QtObject {
+		property int height: 40
+	}
+	
+	property QtObject description: QtObject {
+		property color color: ColorsList.add(sectionName+'_description', 'n').color
+		property int pointSize: Units.dp * 10
+		property int height: 40
+	}
+	
+	property QtObject icon: QtObject {
+		property int bottomMargin: 20
+		property int size: 148
+	}
+	
+	property QtObject title: QtObject {
+		property color color: ColorsList.add(sectionName+'_title', 'j').color
+		property int bottomMargin: 10
+		property int pointSize: Units.dp * 10
+		property int height: 20
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Blocks/RequestBlockStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Blocks/RequestBlockStyle.qml
index 5e527eb98..74732c5c3 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Blocks/RequestBlockStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Blocks/RequestBlockStyle.qml
@@ -7,16 +7,17 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int height: 60
-
-  property QtObject error: QtObject {
-    property color color: ColorsList.add("RequestBlock_error", "error").color
-    property int pointSize: Units.dp * 11
-    property int padding: 4
-  }
-
-  property QtObject loadingIndicator: QtObject {
-    property int height: 20
-    property int width: 20
-  }
+	property string sectionName: 'RequestBlock'
+	property int height: 60
+	
+	property QtObject error: QtObject {
+		property color color: ColorsList.add(sectionName+'_error', 'error').color
+		property int pointSize: Units.dp * 11
+		property int padding: 4
+	}
+	
+	property QtObject loadingIndicator: QtObject {
+		property int height: 20
+		property int width: 20
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Calls/CallControlsStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Calls/CallControlsStyle.qml
index afbc3832f..168613ec7 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Calls/CallControlsStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Calls/CallControlsStyle.qml
@@ -6,9 +6,10 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("CallControl", "e").color
-  property int height: 60
-  property int leftMargin: 12
-  property int rightMargin: 12
-  property int signSize: 40
+	property string sectionName: 'CallControl'
+	property color color: ColorsList.add(sectionName, 'e').color
+	property int height: 60
+	property int leftMargin: 12
+	property int rightMargin: 12
+	property int signSize: 40
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Calls/CallStatisticsStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Calls/CallStatisticsStyle.qml
index 3b283ca57..f015675b8 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Calls/CallStatisticsStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Calls/CallStatisticsStyle.qml
@@ -7,27 +7,28 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("CallStats", "e").color
-  property int height: 280
-  property int leftMargin: 12
-  property int rightMargin: 12
-  property int spacing: 8
-  property int topMargin: 10
-
-  property QtObject title: QtObject {
-    property color color: ColorsList.add("CallStats_title", "d").color
-    property int bottomMargin: 20
-    property int pointSize: Units.dp * 16
-  }
-
-  property QtObject key: QtObject {
-    property color color: ColorsList.add("CallStats_key", "d").color
-    property int pointSize: Units.dp * 10
-    property int width: 200
-  }
-
-  property QtObject value: QtObject {
-    property color color: ColorsList.add("CallStats_value", "d").color
-    property int pointSize: Units.dp * 10
-  }
+	property string sectionName: 'CallStats'
+	property color color: ColorsList.add(sectionName, 'e').color
+	property int height: 280
+	property int leftMargin: 12
+	property int rightMargin: 12
+	property int spacing: 8
+	property int topMargin: 10
+	
+	property QtObject title: QtObject {
+		property color color: ColorsList.add(sectionName+'_title', 'd').color
+		property int bottomMargin: 20
+		property int pointSize: Units.dp * 16
+	}
+	
+	property QtObject key: QtObject {
+		property color color: ColorsList.add(sectionName+'_key', 'd').color
+		property int pointSize: Units.dp * 10
+		property int width: 200
+	}
+	
+	property QtObject value: QtObject {
+		property color color: ColorsList.add(sectionName+'_value', 'd').color
+		property int pointSize: Units.dp * 10
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Calls/CallsStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Calls/CallsStyle.qml
index 705b4a980..d2a89a808 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Calls/CallsStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Calls/CallsStyle.qml
@@ -6,31 +6,65 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject entry: QtObject {
-    property int iconActionSize: 35
-    property int iconMenuSize: 17
-    property int height: 30
-    property int width: 200
-
-    property QtObject color: QtObject {
-      property color normal: ColorsList.add("Calls_entry_normal", "e").color
-      property color selected: ColorsList.add("Calls_entry_selected", "j").color
-    }
-
-    property QtObject endCallAnimation: QtObject {
-      property color blinkColor: ColorsList.add("Calls_entry_end_blink", "i").color
-      property int duration: 300
-      property int loops: 3
-    }
-
-    property QtObject sipAddressColor: QtObject {
-      property color normal: ColorsList.add("Calls_entry_sipAddress_normal", "n").color
-      property color selected: ColorsList.add("Calls_entry_sipAddress_selected", "q").color
-    }
-
-    property QtObject usernameColor: QtObject {
-      property color normal: ColorsList.add("Calls_entry_username_normal", "j").color
-      property color selected: ColorsList.add("Calls_entry_username_selected", "q").color
-    }
-  }
+	property string sectionName : 'Calls'
+	property QtObject entry: QtObject {
+		property int iconActionSize: 35
+		property int iconMenuSize: 35
+		property int height: 30
+		property int width: 200
+		
+		property QtObject color: QtObject {
+			property color normal: ColorsList.add('Calls_entry_n', 'e').color
+			property color selected: ColorsList.add('Calls_entry_c', 'j').color
+		}
+		property QtObject burgerMenu: QtObject {
+			property string name : 'burgerMenu'
+			property string icon : 'burger_menu_custom'
+			property int iconSize: 35
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject selectedBurgerMenu: QtObject {
+			property string name : 'selectedBurgerMenu'
+			property string icon : 'burger_menu_custom'
+			property int iconSize: 35
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_inv_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_inv_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_inv_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_inv_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_inv_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_inv_fg').color
+		}
+		property QtObject hangup: QtObject {
+			property int iconSize: 35
+			property string icon : 'hangup_custom'
+			property string name : 'hangup'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'r_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'r_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'r_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'r_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'r_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'r_p_b_fg').color
+		}
+		property QtObject endCallAnimation: QtObject {
+			property color blinkColor: ColorsList.add('Calls_entry_end_blink', 'i').color
+			property int duration: 300
+			property int loops: 3
+		}
+		
+		property QtObject sipAddressColor: QtObject {
+			property color normal: ColorsList.add('Calls_entry_sipAddress_n', 'n').color
+			property color selected: ColorsList.add('Calls_entry_sipAddress_selected', 'q').color
+		}
+		
+		property QtObject usernameColor: QtObject {
+			property color normal: ColorsList.add('Calls_entry_username_n', 'j').color
+			property color selected: ColorsList.add('Calls_entry_username_selected', 'q').color
+		}
+		
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Calls/ConferenceControlsStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Calls/ConferenceControlsStyle.qml
index 2bedb9001..fc1baf8d8 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Calls/ConferenceControlsStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Calls/ConferenceControlsStyle.qml
@@ -6,8 +6,9 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("ConferenceControls", "e").color
-  property int height: 60
-  property int leftMargin: 12
-  property int rightMargin: 12
+	property string sectionName: 'ConferenceControls'
+	property color color: ColorsList.add(sectionName, 'e').color
+	property int height: 60
+	property int leftMargin: 12
+	property int rightMargin: 12
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Chat/ChatStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Chat/ChatStyle.qml
index f2827ff2d..aabfb4a4c 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Chat/ChatStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Chat/ChatStyle.qml
@@ -7,143 +7,218 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Chat", "q").color
-
-  property QtObject sectionHeading: QtObject {
-    property int padding: 5
-    property int bottomMargin: 20
-
-    property QtObject border: QtObject {
-      property color color: ColorsList.add("Chat_section_border", "g10").color
-      property int width: 1
-    }
-
-    property QtObject text: QtObject {
-      property int pointSize: Units.dp * 10
-      property color color: ColorsList.add("Chat_section_text", "ab").color
-    }
-  }
-
-  property QtObject sendArea: QtObject {
-    property int height: 80
-
-    property QtObject border: QtObject {
-      property color color: ColorsList.add("Chat_send_border", "f").color
-      property int width: 1
-    }
-  }
-
-  property QtObject composingText: QtObject {
-    property color color: ColorsList.add("Chat_composing_text", "d").color
-    property int height: 25
-    property int leftPadding: 20
-    property int pointSize: Units.dp * 9
-  }
-  
-  property QtObject messageBanner: QtObject {
-	property color color: ColorsList.add("Chat_message_banner", "", "Background of message banner", "#9ecd1d").color
-	property color textColor: ColorsList.add("Chat_message_banner_text", "q", "Text of message banner").color
-	property int pointSize: Units.dp * 9
-  }
-
-  property QtObject entry: QtObject {
-    property int bottomMargin: 10
-    property int deleteIconSize: 22
-    property int leftMargin: 18
-    property int rightMargin: 18
-    property int lineHeight: 30
-    property int metaWidth: 40
-
-    property QtObject event: QtObject {
-      property int iconSize: 18
-
-      property QtObject text: QtObject {
-        property color color: ColorsList.add("Chat_entry_text", "ac").color
-        property int pointSize: Units.dp * 10
-      }
-    }
-
-    property QtObject message: QtObject {
-      property int padding: 8
-      property int radius: 4
-
-      property QtObject extraContent: QtObject {
-        property int leftMargin: 10
-        property int spacing: 5
-        property int rightMargin: 5
-      }
-
-      property QtObject file: QtObject {
-        property int height: 64
-        property int iconSize: 18
-        property int margins: 8
-        property int spacing: 8
-        property int width: 250
-
-        property QtObject animation: QtObject {
-          property int duration: 200
-          property real to: 1.5
-        }
-
-        property QtObject extension: QtObject {
-          property QtObject background: QtObject {
-            property color color: ColorsList.add("Chat_file_extension_background", "l50").color
-          }
-
-          property QtObject text: QtObject {
-            property color color: ColorsList.add("Chat_file_extension_text", "q").color
-          }
-        }
-
-        property QtObject status: QtObject {
-          property int spacing: 4
-
-          property QtObject bar: QtObject {
-            property int height: 6
-            property int radius: 3
-
-            property QtObject background: QtObject {
-              property color color: ColorsList.add("Chat_file_statusbar_background", "f").color
-            }
-
-            property QtObject contentItem: QtObject {
-              property color color: ColorsList.add("Chat_file_statusbar_content", "p").color
-            }
-          }
-        }
-      }
-
-      property QtObject images: QtObject {
-        property int height: 48
-      }
-
-      property QtObject incoming: QtObject {
-        property color backgroundColor: ColorsList.add("Chat_incoming_background", "o").color
-        property int avatarSize: 20
-
-        property QtObject text: QtObject {
-          property color color: ColorsList.add("Chat_incoming_text", "d").color
-          property int pointSize: Units.dp * 10
-        }
-      }
-
-      property QtObject outgoing: QtObject {
-        property color backgroundColor: ColorsList.add("Chat_outgoing_background", "e").color
-        property int areaSize: 16
-        property int busyIndicatorSize: 16
-        property int sendIconSize: 12
-
-        property QtObject text: QtObject {
-          property color color: ColorsList.add("Chat_outgoing_text", "d").color
-          property int pointSize: Units.dp * 10
-        }
-      }
-    }
-
-    property QtObject time: QtObject {
-      property color color: ColorsList.add("Chat_time", "d").color
-      property int pointSize: Units.dp * 10
-      property int width: 44
-    }
-  }
+	property string sectionName : 'Chat'
+	property color color: ColorsList.add(sectionName, 'q').color
+	property string copyTextIcon : 'copy_custom'
+	
+	property QtObject sectionHeading: QtObject {
+		property int padding: 5
+		property int bottomMargin: 20
+		
+		property QtObject border: QtObject {
+			property color color: ColorsList.add(sectionName+'_section_border', 'g10').color
+			property int width: 1
+		}
+		
+		property QtObject text: QtObject {
+			property int pointSize: Units.dp * 10
+			property color color: ColorsList.add(sectionName+'_section_text', 'ab').color
+		}
+	}
+	
+	property QtObject sendArea: QtObject {
+		property int height: 80
+		
+		property QtObject border: QtObject {
+			property color color: ColorsList.add(sectionName+'_send_border', 'f').color
+			property int width: 1
+		}
+	}
+	
+	property QtObject composingText: QtObject {
+		property color color: ColorsList.add(sectionName+'_composing_text', 'd').color
+		property int height: 25
+		property int leftPadding: 20
+		property int pointSize: Units.dp * 9
+	}
+	
+	property QtObject messageBanner: QtObject {
+		property color color: ColorsList.add(sectionName+'_message_banner', '', 'Background of message banner', '#9ecd1d').color
+		property color textColor: ColorsList.add(sectionName+'_message_banner_text', 'q', 'Text of message banner').color
+		property int pointSize: Units.dp * 9
+	}
+	property QtObject ephemeralTimer: QtObject{
+		property string icon: 'timer_custom'
+		property int iconSize : 25
+		property color timerColor: ColorsList.addImageColor(sectionName+'_ephemeralTimer', icon, 'ad').color
+	}
+	
+	property QtObject entry: QtObject {
+		property int bottomMargin: 10
+		property int deleteIconSize: 22
+		property int leftMargin: 18
+		property int rightMargin: 18
+		property int lineHeight: 30
+		property int metaWidth: 40
+		
+		property QtObject menu: QtObject {
+			property int iconSize: 22
+			property string name : 'menu'
+			property string icon : 'chat_menu_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, '','','#DEDEDE').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, '','','#DEDEDE').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, '','','#A1A1A1').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, '', '', '#595759').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, '', '', '#595759').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, '', '', '#595759').color
+			
+		}
+		property QtObject deleteAction: QtObject {
+			property int iconSize: 22
+			property string name : 'delete'
+			property string icon : 'delete_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, '','','#DEDEDE').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, '','','#DEDEDE').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, '','','#A1A1A1').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, '', '', '#595759').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, '', '', '#595759').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, '', '', '#595759').color
+			
+		}
+		
+		property QtObject event: QtObject {
+			property int iconSize: 30
+			property QtObject notice: QtObject{ 
+				property color color: ColorsList.add(sectionName+'_entry_notice', 'ab').color
+				property color errorColor: ColorsList.add(sectionName+'_entry_notice_error', 'error').color
+				property color importantColor: ColorsList.add(sectionName+'_entry_notice_important', 'ae').color
+				property int pointSize: Units.dp * 10
+			}
+			property QtObject text: QtObject {
+				property color color: ColorsList.add(sectionName+'_entry_text', 'ac').color
+				property int pointSize: Units.dp * 10
+			}
+			property QtObject declinedIncomingCall: QtObject{
+				property string icon: 'declined_incoming_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_declinedIncomingCall', icon, 'event_bad').color
+			}
+			property QtObject declinedOutgoingCall: QtObject{
+				property string icon: 'declined_outgoing_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_declinedOutgoingCall', icon, 'event_bad').color
+			}
+			property QtObject endedCall: QtObject{
+				property string icon: 'ended_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_endedCall', icon, 'event_neutral').color
+			}
+			property QtObject incomingCall: QtObject{
+				property string icon: 'incoming_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_incomingCall', icon, 'event_in').color
+			}
+			property QtObject outgoingCall: QtObject{
+				property string icon: 'outgoing_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_outgoingCall', icon, 'event_out').color
+			}
+			property QtObject missedIncomingCall: QtObject{
+				property string icon: 'missed_incoming_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_missedIncominCall', icon, 'event_bad').color
+			}
+			property QtObject missedOutgoingCall: QtObject{
+				property string icon: 'missed_outgoing_call_custom'
+				property color color: ColorsList.addImageColor(sectionName+'_missedOutgoingCall', icon, 'event_bad').color
+			}
+			property QtObject unknownCallEvent: QtObject{
+				property string icon: 'unknown_call_event'
+				property color color: ColorsList.addImageColor(sectionName+'_unknownCallEvent', icon, 'event_bad').color
+			}
+		}
+		
+		property QtObject message: QtObject {
+			property int padding: 8
+			property int radius: 4
+			
+			property QtObject extraContent: QtObject {
+				property int leftMargin: 10
+				property int spacing: 5
+				property int rightMargin: 5
+			}
+			
+			property QtObject file: QtObject {
+				property int height: 64
+				property int iconSize: 18
+				property int margins: 8
+				property int spacing: 8
+				property int width: 250
+				property QtObject download: QtObject{
+					property string icon: 'download_custom'
+					property int iconSize: 30
+					property color outgoingColor: ColorsList.addImageColor(sectionName+'_download_out', icon, 'g').color
+					property color incomingColor: ColorsList.addImageColor(sectionName+'_download_in', icon, 'q').color
+				}
+				
+				property QtObject animation: QtObject {
+					property int duration: 200
+					property real to: 1.5
+				}
+				
+				property QtObject extension: QtObject {
+					property QtObject background: QtObject {
+						property color color: ColorsList.add(sectionName+'_file_extension_bg', 'l50').color
+					}
+					
+					property QtObject text: QtObject {
+						property color color: ColorsList.add(sectionName+'_file_extension_text', 'q').color
+					}
+				}
+				
+				property QtObject status: QtObject {
+					property int spacing: 4
+					
+					property QtObject bar: QtObject {
+						property int height: 6
+						property int radius: 3
+						
+						property QtObject background: QtObject {
+							property color color: ColorsList.add(sectionName+'_file_statusbar_bg', 'f').color
+						}
+						
+						property QtObject contentItem: QtObject {
+							property color color: ColorsList.add(sectionName+'_file_statusbar_content', 'p').color
+						}
+					}
+				}
+			}
+			
+			property QtObject images: QtObject {
+				property int height: 48
+			}
+			
+			property QtObject incoming: QtObject {
+				property color backgroundColor: ColorsList.add(sectionName+'_incoming_bg', 'o').color
+				property int avatarSize: 20
+				
+				property QtObject text: QtObject {
+					property color color: ColorsList.add(sectionName+'_incoming_text', 'd').color
+					property int pointSize: Units.dp * 10
+				}
+			}
+			
+			property QtObject outgoing: QtObject {
+				property color backgroundColor: ColorsList.add(sectionName+'_outgoing_bg', 'e').color
+				property int areaSize: 16
+				property int busyIndicatorSize: 16
+				property int sendIconSize: 12
+				
+				property QtObject text: QtObject {
+					property color color: ColorsList.add(sectionName+'_outgoing_text', 'd').color
+					property int pointSize: Units.dp * 10
+				}
+			}
+		}
+		
+		property QtObject time: QtObject {
+			property color color: ColorsList.add(sectionName+'_time', 'd').color
+			property int pointSize: Units.dp * 10
+			property int width: 44
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Codecs/CodecsViewerStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Codecs/CodecsViewerStyle.qml
index 66db86d61..da2922d2a 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Codecs/CodecsViewerStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Codecs/CodecsViewerStyle.qml
@@ -7,40 +7,41 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int leftMargin: 10
-
-  property QtObject attribute: QtObject {
-    property int height: 40
-
-    property QtObject background: QtObject {
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("Codecs_normal", "a").color
-        property color hovered: ColorsList.add("Codecs_hovered", "o").color
-      }
-    }
-
-    property QtObject dropArea: QtObject {
-      property int margins: 5
-    }
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("Codecs_text", "j").color
-      property int pointSize: Units.dp * 10
-    }
-  }
-
-  property QtObject column: QtObject {
-    property int bitrateWidth: 120
-    property int clockRateWidth: 100
-    property int encoderDescriptionWidth: 280
-    property int mimeWidth: 100
-    property int recvFmtpWidth: 200
-    property int spacing: 10
-  }
-
-  property QtObject legend: QtObject {
-    property color color: ColorsList.add("Codecs_legend", "j").color
-    property int pointSize: Units.dp * 10
-    property int height: 50
-  }
+	property string sectionName: 'CodecsViewer'
+	property int leftMargin: 10
+	
+	property QtObject attribute: QtObject {
+		property int height: 40
+		
+		property QtObject background: QtObject {
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_n', 'a').color
+				property color hovered: ColorsList.add(sectionName+'_h', 'o').color
+			}
+		}
+		
+		property QtObject dropArea: QtObject {
+			property int margins: 5
+		}
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_text', 'j').color
+			property int pointSize: Units.dp * 10
+		}
+	}
+	
+	property QtObject column: QtObject {
+		property int bitrateWidth: 120
+		property int clockRateWidth: 100
+		property int encoderDescriptionWidth: 280
+		property int mimeWidth: 100
+		property int recvFmtpWidth: 200
+		property int spacing: 10
+	}
+	
+	property QtObject legend: QtObject {
+		property color color: ColorsList.add(sectionName+'_legend', 'j').color
+		property int pointSize: Units.dp * 10
+		property int height: 50
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Contact/AvatarStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Contact/AvatarStyle.qml
index 29f08ca81..1327dfb4a 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Contact/AvatarStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Contact/AvatarStyle.qml
@@ -7,11 +7,12 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("Avatar_background", "d").color
-
-  property QtObject initials: QtObject {
-    property color color: ColorsList.add("Avatar_initials", "q").color
-    property int pointSize: Units.dp * 10
-    property int ratio: 30
-  }
+	property string sectionName: 'Avatar'
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'd').color
+	
+	property QtObject initials: QtObject {
+		property color color: ColorsList.add(sectionName+'_initials', 'q').color
+		property int pointSize: Units.dp * 10
+		property int ratio: 30
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Contact/ContactDescriptionStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Contact/ContactDescriptionStyle.qml
index d7a1d6c63..2cd2f460e 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Contact/ContactDescriptionStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Contact/ContactDescriptionStyle.qml
@@ -8,18 +8,19 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'ContactDescription'
 	property QtObject sipAddress: QtObject {
-		property color color: ColorsList.add("ContactDescription_sipAddress", "n").color
+		property color color: ColorsList.add(sectionName+'_sipAddress', 'n').color
 		property int pointSize: Units.dp * 10
 		property int weight: Font.Normal
 	}
 	
 	property QtObject username: QtObject {
-		property color color: ColorsList.add("ContactDescription_username", "j").color
+		property color color: ColorsList.add(sectionName+'_username', 'j').color
 		property int pointSize: Units.dp * 11
 		property int weight: Font.Bold
 		property QtObject status : QtObject{
-			property color color : ColorsList.add("ContactDescription_status", "g").color
+			property color color : ColorsList.add(sectionName+'_status', 'g').color
 			property int pointSize : Units.dp * 9
 		}
 	}
diff --git a/linphone-app/ui/modules/Linphone/Styles/Contact/ContactStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Contact/ContactStyle.qml
index 6efcbefd1..0e25378c6 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Contact/ContactStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Contact/ContactStyle.qml
@@ -1,12 +1,20 @@
 pragma Singleton
 import QtQml 2.2
 
+import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int contentHeight: 32
-  property int height: 50
-  property int leftMargin: 14
-  property int rightMargin: 14
-  property int spacing: 14
+	property string sectionName: 'Contact'
+	property int contentHeight: 32
+	property int height: 50
+	property int leftMargin: 14
+	property int rightMargin: 14
+	property int spacing: 14
+	
+	property QtObject groupChat: QtObject {
+		property string icon: 'chat_room_custom'
+		property color color: ColorsList.addImageColor(sectionName+'_groupChat', icon, 'g').color
+		property color avatarColor: ColorsList.addImageColor(sectionName+'_groupChat_onAvatar', icon, 'q').color
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Dialog/OnlineInstallerDialogStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Dialog/OnlineInstallerDialogStyle.qml
index c943806cd..4704b2d05 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Dialog/OnlineInstallerDialogStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Dialog/OnlineInstallerDialogStyle.qml
@@ -7,31 +7,32 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int height: 200
-  property int width: 400
-
-  property QtObject column: QtObject {
-    property int spacing: 6
-
-    property QtObject bar: QtObject {
-      property int height: 20
-      property int radius: 6
-
-      property QtObject background: QtObject {
-        property color color: ColorsList.add("OnlineInstallerDialog_bar_background", "f").color
-      }
-
-      property QtObject contentItem: QtObject {
-        property QtObject color: QtObject {
-          property color failed: ColorsList.add("OnlineInstallerDialog_bar_content_failed", "error").color
-          property color normal: ColorsList.add("OnlineInstallerDialog_bar_content_normal", "p").color
-      }
-    }
-  }
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("OnlineInstallerDialog_text", "d").color
-      property int pointSize: Units.dp * 11
-    }
-  }
+	property string sectionName: 'OnlineInstallerDialog'
+	property int height: 200
+	property int width: 400
+	
+	property QtObject column: QtObject {
+		property int spacing: 6
+		
+		property QtObject bar: QtObject {
+			property int height: 20
+			property int radius: 6
+			
+			property QtObject background: QtObject {
+				property color color: ColorsList.add(sectionName+'_bar_bg', 'f').color
+			}
+			
+			property QtObject contentItem: QtObject {
+				property QtObject color: QtObject {
+					property color failed: ColorsList.add(sectionName+'_bar_content_failed', 'error').color
+					property color normal: ColorsList.add(sectionName+'_bar_content_n', 'p').color
+				}
+			}
+		}
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_text', 'd').color
+			property int pointSize: Units.dp * 11
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/History/HistoryStyle.qml b/linphone-app/ui/modules/Linphone/Styles/History/HistoryStyle.qml
index c68e75ce1..1d46c37e0 100644
--- a/linphone-app/ui/modules/Linphone/Styles/History/HistoryStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/History/HistoryStyle.qml
@@ -7,55 +7,56 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("History", "q").color
-
-  property QtObject sectionHeading: QtObject {
-    property int padding: 5
-    property int bottomMargin: 20
-
-    property QtObject border: QtObject {
-      property color color: ColorsList.add("History_section_border", "g10").color
-      property int width: 1
-    }
-
-    property QtObject text: QtObject {
-      property int pointSize: Units.dp * 10
-      property color color: ColorsList.add("History_section_text", "g").color
-    }
-  }
-
-
-  property QtObject entry: QtObject {
-    property int bottomMargin: 10
-    property int deleteIconSize: 22
-    property int leftMargin: 18
-    property int lineHeight: 30
-    property int metaWidth: 40
-
-    property QtObject event: QtObject {
-      property int iconSize: 18
-
-      property QtObject text: QtObject {
-        property color color: ColorsList.add("History_event_text", "d").color
-        property int pointSize: Units.dp * 10
-      }
-    }
-    
-    property QtObject message: QtObject {
-      property int padding: 8
-      property int radius: 4
-
-      property QtObject extraContent: QtObject {
-        property int leftMargin: 10
-        property int spacing: 5
-        property int rightMargin: 5
-      }
-    }
-
-    property QtObject time: QtObject {
-      property color color: ColorsList.add("History_time", "d").color
-      property int pointSize: Units.dp * 10
-      property int width: 44
-    }
-  }
+	property string sectionName: 'History'
+	property color color: ColorsList.add(sectionName, 'q').color
+	
+	property QtObject sectionHeading: QtObject {
+		property int padding: 5
+		property int bottomMargin: 20
+		
+		property QtObject border: QtObject {
+			property color color: ColorsList.add(sectionName+'_section_border', 'g10').color
+			property int width: 1
+		}
+		
+		property QtObject text: QtObject {
+			property int pointSize: Units.dp * 10
+			property color color: ColorsList.add(sectionName+'_section_text', 'g').color
+		}
+	}
+	
+	
+	property QtObject entry: QtObject {
+		property int bottomMargin: 10
+		property int deleteIconSize: 22
+		property int leftMargin: 18
+		property int lineHeight: 30
+		property int metaWidth: 40
+		
+		property QtObject event: QtObject {
+			property int iconSize: 18
+			
+			property QtObject text: QtObject {
+				property color color: ColorsList.add(sectionName+'_event_text', 'd').color
+				property int pointSize: Units.dp * 10
+			}
+		}
+		
+		property QtObject message: QtObject {
+			property int padding: 8
+			property int radius: 4
+			
+			property QtObject extraContent: QtObject {
+				property int leftMargin: 10
+				property int spacing: 5
+				property int rightMargin: 5
+			}
+		}
+		
+		property QtObject time: QtObject {
+			property color color: ColorsList.add(sectionName+'_time', 'd').color
+			property int pointSize: Units.dp * 10
+			property int width: 44
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Menus/SipAddressesMenuStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Menus/SipAddressesMenuStyle.qml
index 58fac0560..e87f57c2e 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Menus/SipAddressesMenuStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Menus/SipAddressesMenuStyle.qml
@@ -8,24 +8,25 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 1
-  property int maxHeight: 164
-
-  property QtObject entry: QtObject {
-    property int leftMargin: 18
-    property int rightMargin: 8
-    property int height: 40
-    property int width: 300
-
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("SipAddressView_entry_hovered", "j").color
-      property color normal: ColorsList.add("SipAddressView_entry_normal", "g").color
-      property color pressed: ColorsList.add("SipAddressView_entry_pressed", "i").color
-    }
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("SipAddressView_entry_text", "q").color
-      property int pointSize: Units.dp * 10
-    }
-  }
+	property string sectionName: 'SipAddressesMenu'
+	property int spacing: 1
+	property int maxHeight: 164
+	
+	property QtObject entry: QtObject {
+		property int leftMargin: 18
+		property int rightMargin: 8
+		property int height: 40
+		property int width: 300
+		
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_entry_h', 'j').color
+			property color normal: ColorsList.add(sectionName+'_entry_n', 'g').color
+			property color pressed: ColorsList.add(sectionName+'_entry_p', 'i').color
+		}
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_entry_text', 'q').color
+			property int pointSize: Units.dp * 10
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Misc/MessageCounterStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Misc/MessageCounterStyle.qml
index e1e54b7ed..067443948 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Misc/MessageCounterStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Misc/MessageCounterStyle.qml
@@ -8,13 +8,14 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject iconSize: QtObject {
-    property int amount: 12
-    property int message: 18
-  }
-
-  property QtObject text: QtObject {
-    property color color: ColorsList.add("MessageCounter_text", "q").color
-    property int pointSize: Units.dp * 6
-  }
+	property string sectionName: 'MessageCounter'
+	property QtObject iconSize: QtObject {
+		property int amount: 12
+		property int message: 18
+	}
+	
+	property QtObject text: QtObject {
+		property color color: ColorsList.add(sectionName+'_text', 'q').color
+		property int pointSize: Units.dp * 6
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationBasicStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationBasicStyle.qml
index 1ef89432a..5369db52c 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationBasicStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationBasicStyle.qml
@@ -7,12 +7,13 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int leftMargin: 30
-  property int rightMargin: 15
-  property int overrodeHeight: 55
-
-  property QtObject message: QtObject {
-    property color color: ColorsList.add("Notification_basic_message", "h").color
-    property int pointSize: Units.dp * 10
-  }
+	property string sectionName: 'NotificationBasic'
+	property int leftMargin: 30
+	property int rightMargin: 15
+	property int overrodeHeight: 55
+	
+	property QtObject message: QtObject {
+		property color color: ColorsList.add(sectionName+'_message', 'h').color
+		property int pointSize: Units.dp * 10
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedCallStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedCallStyle.qml
index 03a3b6e43..2555eaa04 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedCallStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedCallStyle.qml
@@ -1,16 +1,50 @@
 pragma Singleton
 import QtQml 2.2
-
+import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 0
-  property int bottomMargin: 15
-  property int leftMargin: 15
-  property int rightMargin: 15
-
-  property QtObject actionArea: QtObject {
-    property int iconSize: 40
-    property int rightButtonsGroupMargin: 15
-  }
+	property string sectionName: 'IncomingCallNotification'
+	property int spacing: 0
+	property int bottomMargin: 15
+	property int leftMargin: 15
+	property int rightMargin: 15
+	
+	property QtObject actionArea: QtObject {
+		property int iconSize: 40
+		property int rightButtonsGroupMargin: 15
+	}
+	property QtObject hangup: QtObject {
+		property int iconSize: 40
+		property string icon : 'hangup_custom'
+		property string name : 'hangup'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'r_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'r_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'r_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'r_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'r_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'r_p_b_fg').color
+	}
+	property QtObject acceptVideoCall: QtObject {
+		property int iconSize: 40
+		property string icon : 'video_call_accept_custom'
+		property string name : 'videoCallAccept'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'a_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'a_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'a_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'a_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'a_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'a_p_b_fg').color
+	}
+	property QtObject acceptCall: QtObject {
+		property int iconSize: 40
+		property string icon : 'call_accept_custom'
+		property string name : 'callAccept'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'a_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'a_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'a_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'a_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'a_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'a_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedFileMessageStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedFileMessageStyle.qml
index 47bbaaa7b..dd68f7454 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedFileMessageStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedFileMessageStyle.qml
@@ -7,20 +7,21 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("NorificationReceived_file", "k").color
-  property int leftMargin: 25
-  property int overrodeHeight: 55
-  property int rightMargin: 15
-  property int spacing: 10
-
-  property QtObject fileName: QtObject {
-    property color color: ColorsList.add("NorificationReceived_file_name", "h").color
-    property int pointSize: Units.dp * 10
-  }
-
-  property QtObject fileSize: QtObject {
-    property color color: ColorsList.add("NorificationReceived_file_size", "h").color
-    property int pointSize: Units.dp * 9
-    property int width: 100
-  }
+	property string sectionName: 'NotificationReceived'
+	property color color: ColorsList.add(sectionName+'_file', 'k').color
+	property int leftMargin: 25
+	property int overrodeHeight: 55
+	property int rightMargin: 15
+	property int spacing: 10
+	
+	property QtObject fileName: QtObject {
+		property color color: ColorsList.add(sectionName+'_file_name', 'h').color
+		property int pointSize: Units.dp * 10
+	}
+	
+	property QtObject fileSize: QtObject {
+		property color color: ColorsList.add(sectionName+'_file_size', 'h').color
+		property int pointSize: Units.dp * 9
+		property int width: 100
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedMessageStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedMessageStyle.qml
index 5a3829ac4..980269b85 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedMessageStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationReceivedMessageStyle.qml
@@ -7,21 +7,22 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("NorificationReceived_message", "k").color
-  property int bottomMargin: 15
-  property int leftMargin: 15
-  property int overrodeHeight: 55
-  property int rightMargin: 15
-  property int spacing: 0
-
-  property QtObject messageContainer: QtObject {
-    property color color: ColorsList.add("NorificationReceived_message_container", "o").color
-    property int radius: 6
-    property int margins: 10
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("NorificationReceived_message_container_text", "l").color
-      property int pointSize: Units.dp * 9
-    }
-  }
+	property string sectionName: 'NotificationReceivedMessage'
+	property color color: ColorsList.add(sectionName+'_message', 'k').color
+	property int bottomMargin: 15
+	property int leftMargin: 15
+	property int overrodeHeight: 55
+	property int rightMargin: 15
+	property int spacing: 0
+	
+	property QtObject messageContainer: QtObject {
+		property color color: ColorsList.add(sectionName+'_message_container', 'o').color
+		property int radius: 6
+		property int margins: 10
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_message_container_text', 'l').color
+			property int pointSize: Units.dp * 9
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationStyle.qml
index e6625c9fa..733acba29 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Notifications/NotificationStyle.qml
@@ -6,13 +6,14 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Norification", "k").color
-  property int height: 120
-  property int iconSize: 40
-  property int width: 300
-
-  property QtObject border: QtObject {
-    property color color: ColorsList.add("Norification_border", "n").color
-    property int width: 1
-  }
+	property string sectionName: 'Notification'
+	property color color: ColorsList.add(sectionName, 'k').color
+	property int height: 120
+	property int iconSize: 40
+	property int width: 300
+	
+	property QtObject border: QtObject {
+		property color color: ColorsList.add(sectionName+'_border', 'n').color
+		property int width: 1
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/TelKeypad/TelKeypadStyle.qml b/linphone-app/ui/modules/Linphone/Styles/TelKeypad/TelKeypadStyle.qml
index f0ed030a5..1fb7b7f9b 100644
--- a/linphone-app/ui/modules/Linphone/Styles/TelKeypad/TelKeypadStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/TelKeypad/TelKeypadStyle.qml
@@ -6,33 +6,34 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int columnSpacing: 0
-  property int height: 180
-  property int rowSpacing: 0
-  property int width: 180
-  property color color: ColorsList.add("TelKeypad", "k").color
-  property color selectedColor : ColorsList.add("TelKeypad_selected", "m").color
-  property int selectedBorderWidth: 2
-  property real radius : 5.0
-
-  property QtObject button: QtObject {
-    property QtObject color: QtObject {
-      property color normal: ColorsList.add("TelKeypad_button_normal", "q").color
-      property color pressed: ColorsList.add("TelKeypad_button_pressed", "i").color
-    }
-
-    property QtObject line: QtObject {
-      property color color: ColorsList.add("TelKeypad_button_line", "l50").color
-      property int bottomMargin: 4
-      property int height: 2
-      property int leftMargin: 8
-      property int rightMargin: 8
-      property int topMargin: 0
-    }
-
-    property QtObject text: QtObject {
-      property color color: ColorsList.add("TelKeypad_button_text", "d").color
-      property int pointSize: Units.dp * 11
-    }
-  }
+	property string sectionName: 'TelKeypad'
+	property int columnSpacing: 0
+	property int height: 180
+	property int rowSpacing: 0
+	property int width: 180
+	property color color: ColorsList.add(sectionName+'', 'k').color
+	property color selectedColor : ColorsList.add(sectionName+'_c', 'm').color
+	property int selectedBorderWidth: 2
+	property real radius : 5.0
+	
+	property QtObject button: QtObject {
+		property QtObject color: QtObject {
+			property color normal: ColorsList.add(sectionName+'_b_n', 'q').color
+			property color pressed: ColorsList.add(sectionName+'_b_p', 'i').color
+		}
+		
+		property QtObject line: QtObject {
+			property color color: ColorsList.add(sectionName+'_b_line', 'l50').color
+			property int bottomMargin: 4
+			property int height: 2
+			property int leftMargin: 8
+			property int rightMargin: 8
+			property int topMargin: 0
+		}
+		
+		property QtObject text: QtObject {
+			property color color: ColorsList.add(sectionName+'_b_text', 'd').color
+			property int pointSize: Units.dp * 11
+		}
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/Timeline/TimelineStyle.qml b/linphone-app/ui/modules/Linphone/Styles/Timeline/TimelineStyle.qml
index 52b6d7a9e..276b93aae 100644
--- a/linphone-app/ui/modules/Linphone/Styles/Timeline/TimelineStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/Timeline/TimelineStyle.qml
@@ -7,43 +7,59 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Timeline_background", "q").color
-
-  property QtObject contact: QtObject {
-    property int height: 60
-
-    property QtObject backgroundColor: QtObject {
-      property color a: ColorsList.add("Timeline_contact_background_a", "g10").color
-      property color b: ColorsList.add("Timeline_contact_background_b", "a").color
-      property color selected: ColorsList.add("Timeline_contact_background_selected", "i").color
-    }
-
-    property QtObject sipAddress: QtObject {
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("Timeline_contact_sipAddress_normal", "n").color
-        property color selected: ColorsList.add("Timeline_contact_sipAddress_selected", "q").color
-      }
-    }
-
-    property QtObject username: QtObject {
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("Timeline_contact_username_normal", "j").color
-        property color selected: ColorsList.add("Timeline_contact_username_selected", "q").color
-      }
-    }
-  }
-
-  property QtObject legend: QtObject {
-    property QtObject backgroundColor: QtObject {
-      property color normal: ColorsList.add("Timeline_contact_legend_background_normal", "f").color
-      property color hovered: ColorsList.add("Timeline_contact_legend_background_hovered", "c").color
-    }
-    property color color: ColorsList.add("Timeline_contact_legend", "d").color
-    property int pointSize: Units.dp * 10
-    property int height: 30
-    property int iconSize: 14
-    property int leftMargin: 17
-    property int rightMargin: 17
-    property int spacing: 8
-  }
+	property string sectionName: 'Timeline'
+	property color color: ColorsList.add(sectionName+'_bg', 'q').color
+	
+	property QtObject ephemeralTimer: QtObject{
+		property string icon: 'timer_custom'
+		property int iconSize : 30
+		property color timerColor: ColorsList.addImageColor(sectionName+'_ephemeralTimer', icon, 'ad').color
+		property color selectedTimerColor: ColorsList.addImageColor(sectionName+'_ephemeralTimer_c', icon, 'q').color
+	}
+	
+	property QtObject contact: QtObject {
+		property int height: 60
+		
+		property QtObject backgroundColor: QtObject {
+			property color a: ColorsList.add(sectionName+'_contact_bg_a', 'g10').color
+			property color b: ColorsList.add(sectionName+'_contact_bg_b', 'a').color
+			property color selected: ColorsList.add(sectionName+'_contact_bg_c', 'i').color
+		}
+		
+		property QtObject sipAddress: QtObject {
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_contact_sipAddress_n', 'n').color
+				property color selected: ColorsList.add(sectionName+'_contact_sipAddress_c', 'q').color
+			}
+		}
+		
+		property QtObject username: QtObject {
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_contact_username_n', 'j').color
+				property color selected: ColorsList.add(sectionName+'_contact_username_c', 'q').color
+			}
+		}
+	}
+	
+	property QtObject legend: QtObject {
+		property QtObject backgroundColor: QtObject {
+			property color normal: ColorsList.add(sectionName+'_legend_bg_n', 'f').color
+			property color hovered: ColorsList.add(sectionName+'_legend_bg_h', 'c').color
+		}
+		property color color: ColorsList.add(sectionName+'_legend', 'd').color
+		property int pointSize: Units.dp * 10
+		property int height: 30
+		property int iconSize: 28
+		property int leftMargin: 17
+		property int rightMargin: 17
+		property int spacing: 1
+	}
+	property QtObject filterField: QtObject {
+		property color borderColor: ColorsList.add(sectionName+'_filter_border', 'border').color
+	}
+		
+	property QtObject searchField: QtObject {
+		property color color: ColorsList.add(sectionName+'_searchField', 'c').color
+		property color borderColor: ColorsList.add(sectionName+'_searchField_border', 'border').color
+	}
 }
diff --git a/linphone-app/ui/modules/Linphone/Styles/View/ParticipantsViewStyle.qml b/linphone-app/ui/modules/Linphone/Styles/View/ParticipantsViewStyle.qml
index ffdce74ce..1a21e49e0 100644
--- a/linphone-app/ui/modules/Linphone/Styles/View/ParticipantsViewStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/View/ParticipantsViewStyle.qml
@@ -7,10 +7,11 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'ParticipantsView'
 	property QtObject entry: QtObject {
 		
 		property QtObject status: QtObject {
-			property color color : ColorsList.add("Participants_entry_status", "g").color
+			property color color : ColorsList.add(sectionName+'_entry_status', 'g').color
 			property int pointSize : Units.dp * 8
 		}
 	}
diff --git a/linphone-app/ui/modules/Linphone/Styles/View/SipAddressesViewStyle.qml b/linphone-app/ui/modules/Linphone/Styles/View/SipAddressesViewStyle.qml
index 9cb3e2b74..3567631c6 100644
--- a/linphone-app/ui/modules/Linphone/Styles/View/SipAddressesViewStyle.qml
+++ b/linphone-app/ui/modules/Linphone/Styles/View/SipAddressesViewStyle.qml
@@ -7,48 +7,95 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject entry: QtObject {
-    property int height: 50
-    property int iconSize: 36
-    property int rightMargin: 10
-
-    property QtObject color: QtObject {
-      property color hovered: ColorsList.add("SipAddressesView_entry_hovered", "o").color
-      property color normal: ColorsList.add("SipAddressesView_entry_normal", "q").color
-    }
-
-    property QtObject indicator: QtObject {
-      property color color: ColorsList.add("SipAddressesView_entry_indicator", "i").color
-      property int width: 5
-    }
-
-    property QtObject separator: QtObject {
-      property color color: ColorsList.add("SipAddressesView_entry_separator", "c").color
-      property int height: 1
-    }
-  }
-
-  property QtObject header: QtObject {
-    property int iconSize: 22
-    property int leftMargin: 20
-    property int rightMargin: 10
-
-    property QtObject button: QtObject {
-      property int height: 40
-    }
-
-    property QtObject color: QtObject {
-      property color normal: ColorsList.add("SipAddressesView_header_normal", "j").color
-      property color pressed: ColorsList.add("SipAddressesView_header_pressed", "i").color
-    }
-
-    property QtObject text: QtObject {
-      property int pointSize: Units.dp * 9
-
-      property QtObject color: QtObject {
-        property color normal: ColorsList.add("SipAddressesView_header_text_normal", "q").color
-        property color pressed: ColorsList.add("SipAddressesView_header_text_pressed", "q").color
-      }
-    }
-  }
+	property string sectionName: 'SipAddressesView'
+	property QtObject entry: QtObject {
+		property int height: 50
+		property int iconSize: 36
+		property int rightMargin: 10
+		
+		property QtObject color: QtObject {
+			property color hovered: ColorsList.add(sectionName+'_entry_h', 'o').color
+			property color normal: ColorsList.add(sectionName+'_entry_n', 'q').color
+		}
+		
+		property QtObject indicator: QtObject {
+			property color color: ColorsList.add(sectionName+'_entry_indicator', 'i').color
+			property int width: 5
+		}
+		
+		property QtObject separator: QtObject {
+			property color color: ColorsList.add(sectionName+'_entry_separator', 'c').color
+			property int height: 1
+		}
+	}
+	
+	property QtObject header: QtObject {
+		property int iconSize: 40
+		property int leftMargin: 20
+		property int rightMargin: 10
+		
+		property QtObject button: QtObject {
+			property int height: 40
+			property color color: ColorsList.add(sectionName+'_header_button', 'q').color
+		}
+		
+		property QtObject color: QtObject {
+			property color normal: ColorsList.add(sectionName+'_header_n', 'j').color
+			property color pressed: ColorsList.add(sectionName+'_header_p', 'i').color
+		}
+		
+		property QtObject text: QtObject {
+			property int pointSize: Units.dp * 9
+			
+			property QtObject color: QtObject {
+				property color normal: ColorsList.add(sectionName+'_header_text_n', 'q').color
+				property color pressed: ColorsList.add(sectionName+'_header_text_p', 'q').color
+			}
+		}
+	}
+	property QtObject videoCall: QtObject {
+		property int iconSize: 36
+		property string name : 'videoCall'
+		property string icon : 'video_call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject call: QtObject {
+		property int iconSize: 36
+		property string name : 'call'
+		property string icon : 'call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject chat: QtObject {
+		property int iconSize: 36
+		property string name : 'chat'
+		property string icon : 'chat_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject history: QtObject {
+		property int iconSize: 36
+		property string icon : 'history_custom'
+		property string name : 'history'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	
 }
diff --git a/linphone-app/ui/modules/Linphone/Timeline/Timeline.qml b/linphone-app/ui/modules/Linphone/Timeline/Timeline.qml
index d88c75c13..be0adffd3 100644
--- a/linphone-app/ui/modules/Linphone/Timeline/Timeline.qml
+++ b/linphone-app/ui/modules/Linphone/Timeline/Timeline.qml
@@ -87,8 +87,9 @@ Rectangle {
 				Icon {
 					id:filterButton
 					Layout.alignment: Qt.AlignRight
-					icon: 'timeline_filter'
+					icon: 'filter_params_custom'
 					iconSize: TimelineStyle.legend.iconSize
+					overwriteColor: TimelineStyle.legend.color
 					MouseArea{
 						anchors.fill:parent
 						onClicked:{
@@ -108,9 +109,11 @@ Rectangle {
 					Icon {
 						id:searchButton
 						anchors.verticalCenter: parent.verticalCenter
-						anchors.horizontalCenter: parent.horizontalCenter						
-						icon: (searchView.visible? 'timeline_close': 'timeline_search')
+						anchors.horizontalCenter: parent.horizontalCenter
+						property bool searching: searchView.visible
+						icon: (searchView.visible? 'close_custom': 'search_custom')
 						iconSize: TimelineStyle.legend.iconSize
+						overwriteColor: TimelineStyle.legend.color
 					}
 				}
 			}
@@ -123,7 +126,7 @@ Rectangle {
 			Layout.fillWidth: true
 			Layout.preferredHeight: filterChoices.height
 			Layout.alignment: Qt.AlignCenter
-			border.color: ColorsList.add("Timeline_filter_border", "border").color
+			border.color: TimelineStyle.filterField.borderColor
 			border.width: 2
 			visible:false
 			
@@ -192,7 +195,7 @@ Rectangle {
 			Layout.fillWidth: true
 			Layout.preferredHeight: 40
 			Layout.alignment: Qt.AlignCenter
-			border.color: ColorsList.add("Timeline_search_border", "border").color
+			border.color: TimelineStyle.searchField.borderColor
 			border.width: 2
 			visible:false
 			onVisibleChanged: if(visible){
@@ -209,7 +212,9 @@ Rectangle {
 					margins: 7
 				}
 				width: parent.width - 14
-				icon: 'search'
+				icon: 'search_custom'
+				iconSize: 30
+				overwriteColor: TimelineStyle.searchField.color
 				//: 'Search in the list' : ths is a placeholder when searching something in the timeline list
 				placeholderText: qsTr('timelineSearchPlaceholderText')
 				
@@ -257,8 +262,9 @@ Rectangle {
 						isClickable: true
 					}
 					Icon{
-						icon: modelData && modelData.selected ? 'timer_light' : 'timer'
-						iconSize: 15
+						icon: TimelineStyle.ephemeralTimer.icon
+						iconSize: TimelineStyle.ephemeralTimer.iconSize
+						overwriteColor:  modelData && modelData.selected ? TimelineStyle.ephemeralTimer.selectedTimerColor : TimelineStyle.ephemeralTimer.timerColor
 						anchors.right:parent.right
 						anchors.bottom:parent.bottom
 						anchors.bottomMargin: 7
diff --git a/linphone-app/ui/modules/Linphone/View/ParticipantsView.qml b/linphone-app/ui/modules/Linphone/View/ParticipantsView.qml
index a5d7debef..1e35c1140 100644
--- a/linphone-app/ui/modules/Linphone/View/ParticipantsView.qml
+++ b/linphone-app/ui/modules/Linphone/View/ParticipantsView.qml
@@ -117,7 +117,9 @@ ScrollableListView {
 								model: sipAddressesView.actions
 								
 								ActionButton {
-									icon: modelData.icon
+									isCustom: true
+									backgroundRadius: 90
+									colorSet: modelData.colorSet
 									visible: (sipAddressesView.actions[index].visibleHandler ? sipAddressesView.actions[index].visibleHandler($sipAddress) : sipAddressesView.actions[index].visible)
 									
 									onClicked: sipAddressesView.actions[index].handler({
@@ -275,7 +277,10 @@ ScrollableListView {
 						model: sipAddressesView.actions
 						
 						ActionButton {
-							icon: modelData.icon
+							isCustom: true
+							backgroundRadius: 90
+							colorSet: modelData.colorSet
+							anchors.verticalCenter: parent.verticalCenter
 							tooltipText:modelData.tooltipText?modelData.tooltipText:''
 							visible: (sipAddressesView.actions[index].visibleHandler ? sipAddressesView.actions[index].visibleHandler($sipAddress) : sipAddressesView.actions[index].visible)
 							onClicked: {
diff --git a/linphone-app/ui/modules/Linphone/View/SipAddressesView.qml b/linphone-app/ui/modules/Linphone/View/SipAddressesView.qml
index 80b8d51e7..963778913 100644
--- a/linphone-app/ui/modules/Linphone/View/SipAddressesView.qml
+++ b/linphone-app/ui/modules/Linphone/View/SipAddressesView.qml
@@ -6,6 +6,7 @@ import Linphone 1.0
 import LinphoneEnums 1.0
 import UtilsCpp 1.0
 
+import App.Styles 1.0
 import Linphone.Styles 1.0
 import Common.Styles 1.0
 
@@ -27,6 +28,7 @@ ScrollableListView {
 	// Optional parameters.
 	property string headerButtonDescription
 	property string headerButtonIcon
+	property color headerButtonOverwriteColor
 	property var headerButtonAction
 	property bool showHeader : true
 	property bool showContactAddress : true
@@ -116,7 +118,9 @@ ScrollableListView {
 								model: sipAddressesView.actions
 
 								ActionButton {
-									icon: modelData.icon
+									isCustom: true
+									backgroundRadius: 90
+									colorSet: modelData.colorSet
 									
 									visible: (sipAddressesView.actions[index].visibleHandler ? sipAddressesView.actions[index].visibleHandler({ sipAddress : sipAddressesView.interpretableSipAddress}) : sipAddressesView.actions[index].visible)
 
@@ -185,6 +189,7 @@ ScrollableListView {
 
 						icon: sipAddressesView.headerButtonIcon
 						iconSize: SipAddressesViewStyle.header.iconSize
+						overwriteColor: sipAddressesView.headerButtonOverwriteColor
 
 						visible: icon.length > 0
 					}
@@ -272,7 +277,9 @@ ScrollableListView {
 						model: sipAddressesView.actions
 
 						ActionButton {
-							icon: modelData.icon
+							isCustom: true
+							backgroundRadius: 90
+							colorSet: modelData.colorSet
 							tooltipText:modelData.tooltipText?modelData.tooltipText:''
 							visible: (sipAddressesView.actions[index].visibleHandler ? sipAddressesView.actions[index].visibleHandler($sipAddress) : sipAddressesView.actions[index].visible)
 							onClicked: {
diff --git a/linphone-app/ui/modules/Linphone/qmldir b/linphone-app/ui/modules/Linphone/qmldir
index 1e1ae148d..096c3b498 100644
--- a/linphone-app/ui/modules/Linphone/qmldir
+++ b/linphone-app/ui/modules/Linphone/qmldir
@@ -38,4 +38,4 @@ Timeline            1.0 Timeline/Timeline.qml
 
 SipAddressesView    1.0 View/SipAddressesView.qml
 
-ParticipantsView    1.0 View/ParticipantsView.qml
+ParticipantsView    1.0 View/ParticipantsView.qml
\ No newline at end of file
diff --git a/linphone-app/ui/views/App/Calls/AbstractStartingCall.qml b/linphone-app/ui/views/App/Calls/AbstractStartingCall.qml
index 717485e0b..ffec46621 100644
--- a/linphone-app/ui/views/App/Calls/AbstractStartingCall.qml
+++ b/linphone-app/ui/views/App/Calls/AbstractStartingCall.qml
@@ -12,118 +12,120 @@ import App.Styles 1.0
 // =============================================================================
 
 Rectangle {
-  property var call
-
-  default property alias _actionArea: actionArea.data
-  property var _sipAddressObserver: SipAddressesModel.getSipAddressObserver(call.fullPeerAddress, call.fullLocalAddress)
-  property alias showKeypad :telKeypadButton.visible
-
-  // ---------------------------------------------------------------------------
-
-  color: CallStyle.backgroundColor
-
-  ColumnLayout {
-    anchors {
-      fill: parent
-      topMargin: CallStyle.header.topMargin
-    }
-
-    spacing: 0
-
-    // -------------------------------------------------------------------------
-    // Contact & Call type (animation).
-    // -------------------------------------------------------------------------
-
-    Column {
-      Layout.fillWidth: true
-      spacing: CallStyle.header.spacing
-
-      ContactDescription {
-        id: contactDescription
-        anchors.horizontalCenter: parent.horizontalCenter
-        height: CallStyle.header.contactDescription.height
-        horizontalTextAlignment: Text.AlignHCenter
-        sipAddress: call.peerAddress
-        username: UtilsCpp.getDisplayName(_sipAddressObserver.peerAddress)
-        width: contentWidth
-      }
-
-      BusyIndicator {
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: CallStyle.header.busyIndicator.color
-        height: CallStyle.header.busyIndicator.height
-        width: CallStyle.header.busyIndicator.width
-
-        visible: call.isOutgoing
-      }
-    }
-
-    // -------------------------------------------------------------------------
-    // Contact visual.
-    // -------------------------------------------------------------------------
-
-    Item {
-      id: container
-
-      Layout.fillHeight: true
-      Layout.fillWidth: true
-      Layout.margins: CallStyle.container.margins
-
-      Avatar {
-        id: avatar
-
-        function _computeAvatarSize () {
-          var height = container.height
-          var width = container.width
-
-          var size = height < CallStyle.container.avatar.maxSize && height > 0
-            ? height
-            : CallStyle.container.avatar.maxSize
-          return size < width ? size : width
-        }
-
-        anchors.centerIn: parent
-        backgroundColor: CallStyle.container.avatar.backgroundColor
-        image: _sipAddressObserver.contact && _sipAddressObserver.contact.vcard.avatar
-        username: contactDescription.username
-
-        height: _computeAvatarSize()
-        width: height
-      }
-    }
-
-    // -------------------------------------------------------------------------
-    // Buttons.
-    // -------------------------------------------------------------------------
-
-    Item {
-      id: actionArea
-
-      Layout.fillWidth: true
-      Layout.preferredHeight: CallStyle.actionArea.height
-    }
-  }
-  
-    ActionButton {
-      id:telKeypadButton
-      icon: 'tel_keypad'
-      visible:false
-      onClicked: telKeypad.visible = !telKeypad.visible
-      anchors.left:parent.left
-      anchors.top:parent.top
-      iconSize: CallStyle.header.iconSize
-      anchors.leftMargin: CallStyle.header.leftMargin
-      anchors.topMargin: CallStyle.header.topMargin
-    }
-    
-  // ---------------------------------------------------------------------------
-  // TelKeypad.
-  // ---------------------------------------------------------------------------
-
-  TelKeypad {
-    id: telKeypad
-
-    call: parent.call
-    visible: SettingsModel.showTelKeypadAutomatically
-  }
+	property var call
+	
+	default property alias _actionArea: actionArea.data
+	property var _sipAddressObserver: SipAddressesModel.getSipAddressObserver(call.fullPeerAddress, call.fullLocalAddress)
+	property alias showKeypad :telKeypadButton.visible
+	
+	// ---------------------------------------------------------------------------
+	
+	color: CallStyle.backgroundColor
+	
+	ColumnLayout {
+		anchors {
+			fill: parent
+			topMargin: CallStyle.header.topMargin
+		}
+		
+		spacing: 0
+		
+		// -------------------------------------------------------------------------
+		// Contact & Call type (animation).
+		// -------------------------------------------------------------------------
+		
+		Column {
+			Layout.fillWidth: true
+			spacing: CallStyle.header.spacing
+			
+			ContactDescription {
+				id: contactDescription
+				anchors.horizontalCenter: parent.horizontalCenter
+				height: CallStyle.header.contactDescription.height
+				horizontalTextAlignment: Text.AlignHCenter
+				sipAddress: call.peerAddress
+				username: UtilsCpp.getDisplayName(_sipAddressObserver.peerAddress)
+				width: contentWidth
+			}
+			
+			BusyIndicator {
+				anchors.horizontalCenter: parent.horizontalCenter
+				color: CallStyle.header.busyIndicator.color
+				height: CallStyle.header.busyIndicator.height
+				width: CallStyle.header.busyIndicator.width
+				
+				visible: call.isOutgoing
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		// Contact visual.
+		// -------------------------------------------------------------------------
+		
+		Item {
+			id: container
+			
+			Layout.fillHeight: true
+			Layout.fillWidth: true
+			Layout.margins: CallStyle.container.margins
+			
+			Avatar {
+				id: avatar
+				
+				function _computeAvatarSize () {
+					var height = container.height
+					var width = container.width
+					
+					var size = height < CallStyle.container.avatar.maxSize && height > 0
+							? height
+							: CallStyle.container.avatar.maxSize
+					return size < width ? size : width
+				}
+				
+				anchors.centerIn: parent
+				backgroundColor: CallStyle.container.avatar.backgroundColor
+				image: _sipAddressObserver.contact && _sipAddressObserver.contact.vcard.avatar
+				username: contactDescription.username
+				
+				height: _computeAvatarSize()
+				width: height
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		// Buttons.
+		// -------------------------------------------------------------------------
+		
+		Item {
+			id: actionArea
+			
+			Layout.fillWidth: true
+			Layout.preferredHeight: CallStyle.actionArea.height
+		}
+	}
+	
+	ActionButton {
+		id:telKeypadButton
+		isCustom: true
+		backgroundRadius: 90
+		
+		colorSet : CallStyle.buttons.telKeyad
+		visible:false
+		onClicked: telKeypad.visible = !telKeypad.visible
+		anchors.left:parent.left
+		anchors.top:parent.top
+		anchors.leftMargin: CallStyle.header.leftMargin
+		anchors.topMargin: CallStyle.header.topMargin
+	}
+	
+	// ---------------------------------------------------------------------------
+	// TelKeypad.
+	// ---------------------------------------------------------------------------
+	
+	TelKeypad {
+		id: telKeypad
+		
+		call: parent.call
+		visible: SettingsModel.showTelKeypadAutomatically
+	}
 }
diff --git a/linphone-app/ui/views/App/Calls/CallsWindow.qml b/linphone-app/ui/views/App/Calls/CallsWindow.qml
index 838b3220c..9b804b4c5 100644
--- a/linphone-app/ui/views/App/Calls/CallsWindow.qml
+++ b/linphone-app/ui/views/App/Calls/CallsWindow.qml
@@ -12,250 +12,254 @@ import 'CallsWindow.js' as Logic
 // =============================================================================
 
 Window {
-  id: window
-
-  // ---------------------------------------------------------------------------
-
-  // `{}` is a workaround to avoid `TypeError: Cannot read property...` when calls list is empty
-  readonly property var call: ( calls.selectedCall?calls.selectedCall:{
-    callError: '',
-    isOutgoing: true,
-    recording: false,
-    localSas: '',
-    peerAddress: '',
-    localAddress: '',
-    type: false,
-    updating: true,
-    videoEnabled: false, 
-    chatRoomModel:null
-  });
-
-  readonly property bool chatIsOpened: !rightPaned.isClosed()
-  
-
-  // ---------------------------------------------------------------------------
-
-  function openChat () {
-    rightPaned.open()
-  }
-
-  function closeChat () {
-    rightPaned.close()
-  }
-
-  
-  function conferenceManagerResult(exitValue){
-	window.detachVirtualWindow();
-	if(exitValue == 0 && calls.count == 0)
-		close();
-  }
-  
-  function openConferenceManager (params) {
-    Logic.openConferenceManager(params, conferenceManagerResult)
-  }
-
-  function setHeight (height) {
-    window.height = (Window.screen && height > Window.screen.desktopAvailableHeight)
-      ? Window.screen.desktopAvailableHeight
-      : height
-  }
-
-  // ---------------------------------------------------------------------------
-
-  minimumHeight: CallsWindowStyle.minimumHeight
-  minimumWidth: CallsWindowStyle.minimumWidth
-  title: qsTr('callsTitle')
-
-  // ---------------------------------------------------------------------------
-
-  onClosing: Logic.handleClosing(close)
-  onDetachedVirtualWindow: Logic.tryToCloseWindow()
-
-  // ---------------------------------------------------------------------------
-
-  Paned {
-    anchors.fill: parent
-    defaultChildAWidth: CallsWindowStyle.callsList.defaultWidth
-    maximumLeftLimit: CallsWindowStyle.callsList.maximumWidth
-    minimumLeftLimit: CallsWindowStyle.callsList.minimumWidth
-
-    // -------------------------------------------------------------------------
-    // Calls list.
-    // -------------------------------------------------------------------------
-
-    childA: Rectangle {
-      anchors.fill: parent
-      color: CallsWindowStyle.callsList.color
-
-      ColumnLayout {
-        anchors.fill: parent
-        spacing: 0
-
-        Item {
-          Layout.fillWidth: true
-          Layout.preferredHeight: CallsWindowStyle.callsList.header.height
-
-          visible: SettingsModel.outgoingCallsEnabled || SettingsModel.conferenceEnabled
-
-          LinearGradient {
-            anchors.fill: parent
-
-            start: Qt.point(0, 0)
-            end: Qt.point(0, height)
-
-            gradient: Gradient {
-              GradientStop { position: 0.0; color: CallsWindowStyle.callsList.header.color1 }
-              GradientStop { position: 1.0; color: CallsWindowStyle.callsList.header.color2 }
-            }
-          }
-
-          ActionBar {
-            anchors {
-              left: parent.left
-              leftMargin: CallsWindowStyle.callsList.header.leftMargin
-              verticalCenter: parent.verticalCenter
-            }
-
-            iconSize: CallsWindowStyle.callsList.header.iconSize
-
-            ActionButton {
-              icon: 'new_call'
-              visible: SettingsModel.outgoingCallsEnabled
-
-              onClicked: Logic.openCallSipAddress()
-            }
-
-            ActionButton {
-              icon: 'new_conference'
-              visible: SettingsModel.conferenceEnabled
-
-              onClicked: {
-				Logic.openConferenceManager()
-              }
-            }
-          }
-        }
-
-        Calls {
-          id: calls
-
-          Layout.fillHeight: true
-          Layout.fillWidth: true
-
-          conferenceModel: ConferenceModel {}
-          model: CallsListProxyModel {}
-        }
-      }
-    }
-
-    // -------------------------------------------------------------------------
-    // Content.
-    // -------------------------------------------------------------------------
-
-    childB: Paned {
-      id: rightPaned
-
-      anchors.fill: parent
-      closingEdge: Qt.RightEdge
-      defaultClosed: true
-      minimumLeftLimit: CallsWindowStyle.call.minimumWidth
-      minimumRightLimit: CallsWindowStyle.chat.minimumWidth
-      resizeAInPriority: true
-
-      // -----------------------------------------------------------------------
-
-      Component {
-        id: incomingCall
-
-        IncomingCall {
-          call: window.call
-        }
-      }
-
-      Component {
-        id: outgoingCall
-
-        OutgoingCall {
-          call: window.call
-        }
-      }
-
-      Component {
-        id: incall
-
-        Incall {
-          call: window.call
-        }
-      }
-
-      Component {
-        id: endedCall
-
-        EndedCall {
-          call: window.call
-        }
-      }
-
-      Component {
-        id: chat
-
-        Chat {
-          proxyModel: ChatRoomProxyModel {
-            Component.onCompleted: {
-              if (chatRoomModel
-					&& (!chatRoomModel.haveEncryption && !SettingsModel.standardChatEnabled || chatRoomModel.haveEncryption && !SettingsModel.secureChatEnabled)) {
-                setEntryTypeFilter(ChatRoomModel.CallEntry | ChatRoomModel.NoticeEntry)
-              }
-            }
-			chatRoomModel: window.call.chatRoomModel
-            peerAddress: window.call.peerAddress
-            fullPeerAddress: window.call.fullPeerAddress
-            fullLocalAddress: window.call.fullLocalAddress
-            localAddress: window.call.localAddress
-            
-            onChatRoomModelChanged: if(chatRoomModel) chatRoomModel.initEntries()
-          }
-
-          Connections {
-            target: SettingsModel
-            onStandardChatEnabledChanged: if(!chatRoomModel.haveEncryption) proxyModel.setEntryTypeFilter(status ? ChatRoomModel.GenericEntry : ChatRoomModel.CallEntry  | ChatRoomModel.NoticeEntry)
-            onSecureChatEnabledChanged: if(chatRoomModel.haveEncryption) proxyModel.setEntryTypeFilter(status ? ChatRoomModel.GenericEntry : ChatRoomModel.CallEntry  | ChatRoomModel.NoticeEntry)
-          }
-        }
-      }
-
-      Component {
-        id: conference
-
-        Conference {
-          conferenceModel: calls.conferenceModel
-        }
-      }
-
-      // -----------------------------------------------------------------------
-
-      childA: Loader {
-        anchors.fill: parent
-        sourceComponent: Logic.getContent()
-        onSourceComponentChanged: {rightPaned.childAItem.update()}// Force update when loading a new Content. It's just to be sure
-      }
-
-      childB: Loader {
-        anchors.fill: parent
-        sourceComponent: window.call && window.call.peerAddress && window.call.localAddress ? chat : null
-      }
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  // Handle transfer.
-  // Handle count changed. Not on proxy model!!!
-  // ---------------------------------------------------------------------------
-
-  Connections {
-    target: CallsListModel
-    onCallTransferAsked: Logic.handleCallTransferAsked(callModel)
-    onCallAttendedTransferAsked: Logic.handleCallAttendedTransferAsked(callModel)
-    onRowsRemoved: Logic.tryToCloseWindow()
-  }
+	id: window
+	
+	// ---------------------------------------------------------------------------
+	
+	// `{}` is a workaround to avoid `TypeError: Cannot read property...` when calls list is empty
+	readonly property var call: ( calls.selectedCall?calls.selectedCall:{
+														  callError: '',
+														  isOutgoing: true,
+														  recording: false,
+														  localSas: '',
+														  peerAddress: '',
+														  localAddress: '',
+														  type: false,
+														  updating: true,
+														  videoEnabled: false, 
+														  chatRoomModel:null
+													  });
+	
+	readonly property bool chatIsOpened: !rightPaned.isClosed()
+	
+	
+	// ---------------------------------------------------------------------------
+	
+	function openChat () {
+		rightPaned.open()
+	}
+	
+	function closeChat () {
+		rightPaned.close()
+	}
+	
+	
+	function conferenceManagerResult(exitValue){
+		window.detachVirtualWindow();
+		if(exitValue == 0 && calls.count == 0)
+			close();
+	}
+	
+	function openConferenceManager (params) {
+		Logic.openConferenceManager(params, conferenceManagerResult)
+	}
+	
+	function setHeight (height) {
+		window.height = (Window.screen && height > Window.screen.desktopAvailableHeight)
+				? Window.screen.desktopAvailableHeight
+				: height
+	}
+	
+	// ---------------------------------------------------------------------------
+	
+	minimumHeight: CallsWindowStyle.minimumHeight
+	minimumWidth: CallsWindowStyle.minimumWidth
+	title: qsTr('callsTitle')
+	
+	// ---------------------------------------------------------------------------
+	
+	onClosing: Logic.handleClosing(close)
+	onDetachedVirtualWindow: Logic.tryToCloseWindow()
+	
+	// ---------------------------------------------------------------------------
+	
+	Paned {
+		anchors.fill: parent
+		defaultChildAWidth: CallsWindowStyle.callsList.defaultWidth
+		maximumLeftLimit: CallsWindowStyle.callsList.maximumWidth
+		minimumLeftLimit: CallsWindowStyle.callsList.minimumWidth
+		
+		// -------------------------------------------------------------------------
+		// Calls list.
+		// -------------------------------------------------------------------------
+		
+		childA: Rectangle {
+			anchors.fill: parent
+			color: CallsWindowStyle.callsList.color
+			
+			ColumnLayout {
+				anchors.fill: parent
+				spacing: 0
+				
+				Item {
+					Layout.fillWidth: true
+					Layout.preferredHeight: CallsWindowStyle.callsList.header.height
+					
+					visible: SettingsModel.outgoingCallsEnabled || SettingsModel.conferenceEnabled
+					
+					LinearGradient {
+						anchors.fill: parent
+						
+						start: Qt.point(0, 0)
+						end: Qt.point(0, height)
+						
+						gradient: Gradient {
+							GradientStop { position: 0.0; color: CallsWindowStyle.callsList.header.color1 }
+							GradientStop { position: 1.0; color: CallsWindowStyle.callsList.header.color2 }
+						}
+					}
+					
+					ActionBar {
+						anchors {
+							left: parent.left
+							leftMargin: CallsWindowStyle.callsList.header.leftMargin
+							verticalCenter: parent.verticalCenter
+						}
+						
+						iconSize: CallsWindowStyle.callsList.header.iconSize
+						
+						ActionButton {
+							isCustom: true
+							backgroundRadius: 4
+							colorSet: CallsWindowStyle.callsList.newCall
+							visible: SettingsModel.outgoingCallsEnabled
+							
+							onClicked: Logic.openCallSipAddress()
+						}
+						
+						ActionButton {
+							isCustom: true
+							backgroundRadius: 4
+							colorSet: CallsWindowStyle.callsList.newConference
+							visible: SettingsModel.conferenceEnabled
+							
+							onClicked: {
+								Logic.openConferenceManager()
+							}
+						}
+					}
+				}
+				
+				Calls {
+					id: calls
+					
+					Layout.fillHeight: true
+					Layout.fillWidth: true
+					
+					conferenceModel: ConferenceModel {}
+					model: CallsListProxyModel {}
+				}
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		// Content.
+		// -------------------------------------------------------------------------
+		
+		childB: Paned {
+			id: rightPaned
+			
+			anchors.fill: parent
+			closingEdge: Qt.RightEdge
+			defaultClosed: true
+			minimumLeftLimit: CallsWindowStyle.call.minimumWidth
+			minimumRightLimit: CallsWindowStyle.chat.minimumWidth
+			resizeAInPriority: true
+			
+			// -----------------------------------------------------------------------
+			
+			Component {
+				id: incomingCall
+				
+				IncomingCall {
+					call: window.call
+				}
+			}
+			
+			Component {
+				id: outgoingCall
+				
+				OutgoingCall {
+					call: window.call
+				}
+			}
+			
+			Component {
+				id: incall
+				
+				Incall {
+					call: window.call
+				}
+			}
+			
+			Component {
+				id: endedCall
+				
+				EndedCall {
+					call: window.call
+				}
+			}
+			
+			Component {
+				id: chat
+				
+				Chat {
+					proxyModel: ChatRoomProxyModel {
+						Component.onCompleted: {
+							if (chatRoomModel
+									&& (!chatRoomModel.haveEncryption && !SettingsModel.standardChatEnabled || chatRoomModel.haveEncryption && !SettingsModel.secureChatEnabled)) {
+								setEntryTypeFilter(ChatRoomModel.CallEntry | ChatRoomModel.NoticeEntry)
+							}
+						}
+						chatRoomModel: window.call.chatRoomModel
+						peerAddress: window.call.peerAddress
+						fullPeerAddress: window.call.fullPeerAddress
+						fullLocalAddress: window.call.fullLocalAddress
+						localAddress: window.call.localAddress
+						
+						onChatRoomModelChanged: if(chatRoomModel) chatRoomModel.initEntries()
+					}
+					
+					Connections {
+						target: SettingsModel
+						onStandardChatEnabledChanged: if(!chatRoomModel.haveEncryption) proxyModel.setEntryTypeFilter(status ? ChatRoomModel.GenericEntry : ChatRoomModel.CallEntry  | ChatRoomModel.NoticeEntry)
+						onSecureChatEnabledChanged: if(chatRoomModel.haveEncryption) proxyModel.setEntryTypeFilter(status ? ChatRoomModel.GenericEntry : ChatRoomModel.CallEntry  | ChatRoomModel.NoticeEntry)
+					}
+				}
+			}
+			
+			Component {
+				id: conference
+				
+				Conference {
+					conferenceModel: calls.conferenceModel
+				}
+			}
+			
+			// -----------------------------------------------------------------------
+			
+			childA: Loader {
+				anchors.fill: parent
+				sourceComponent: Logic.getContent()
+				onSourceComponentChanged: {rightPaned.childAItem.update()}// Force update when loading a new Content. It's just to be sure
+			}
+			
+			childB: Loader {
+				anchors.fill: parent
+				sourceComponent: window.call && window.call.peerAddress && window.call.localAddress ? chat : null
+			}
+		}
+	}
+	
+	// ---------------------------------------------------------------------------
+	// Handle transfer.
+	// Handle count changed. Not on proxy model!!!
+	// ---------------------------------------------------------------------------
+	
+	Connections {
+		target: CallsListModel
+		onCallTransferAsked: Logic.handleCallTransferAsked(callModel)
+		onCallAttendedTransferAsked: Logic.handleCallAttendedTransferAsked(callModel)
+		onRowsRemoved: Logic.tryToCloseWindow()
+	}
 }
diff --git a/linphone-app/ui/views/App/Calls/Conference.qml b/linphone-app/ui/views/App/Calls/Conference.qml
index c14443710..051b505f4 100644
--- a/linphone-app/ui/views/App/Calls/Conference.qml
+++ b/linphone-app/ui/views/App/Calls/Conference.qml
@@ -13,259 +13,263 @@ import App.Styles 1.0
 // =============================================================================
 
 Rectangle {
-  id: conference
-
-  property var conferenceModel
-
-  // ---------------------------------------------------------------------------
-
-  color: CallStyle.backgroundColor
-
-  // ---------------------------------------------------------------------------
-
-  ColumnLayout {
-    anchors {
-      fill: parent
-      topMargin: CallStyle.header.topMargin
-    }
-
-    spacing: 0
-
-    // -------------------------------------------------------------------------
-    // Conference info.
-    // -------------------------------------------------------------------------
-
-    Item {
-      id: info
-
-      Layout.fillWidth: true
-      Layout.leftMargin: CallStyle.header.leftMargin
-      Layout.rightMargin: CallStyle.header.rightMargin
-      Layout.preferredHeight: ConferenceStyle.description.height
-
-      ActionBar {
-        id: leftActions
-
-        anchors.left: parent.left
-        iconSize: CallStyle.header.iconSize
-      }
-
-      Text {
-        id: conferenceDescription
-
-        anchors.centerIn: parent
-
-        horizontalAlignment: Text.AlignHCenter
-        text: qsTr('conferenceTitle')
-
-        color: ConferenceStyle.description.color
-
-        font {
-          bold: true
-          pointSize: ConferenceStyle.description.pointSize
-        }
-
-        height: parent.height
-        width: parent.width - rightActions.width - leftActions.width - ConferenceStyle.description.width
-      }
-
-
-      // -----------------------------------------------------------------------
-      // Video actions.
-      // -----------------------------------------------------------------------
-
-      ActionBar {
-        id: rightActions
-
-        anchors.right: parent.right
-        iconSize: CallStyle.header.buttonIconSize
-
-        ActionSwitch {
-          enabled: conference.conferenceModel.recording
-          icon: 'record'
-          useStates: false
-          visible: SettingsModel.callRecorderEnabled
-
-          onClicked: !enabled
-            ? conference.conferenceModel.startRecording()
-            : conference.conferenceModel.stopRecording()
-        }
-      }
-    }
-
-    // -------------------------------------------------------------------------
-    // Contacts visual.
-    // -------------------------------------------------------------------------
-
-    Item {
-      id: container
-
-      Layout.fillWidth: true
-      Layout.fillHeight: true
-      Layout.margins: CallStyle.container.margins
-
-      GridView {
-        id: grid
-
-        anchors.fill: parent
-
-        cellHeight: ConferenceStyle.grid.cell.height
-        cellWidth: ConferenceStyle.grid.cell.width
-
-        model: conference.conferenceModel
-
-        delegate: Item {
-          height: grid.cellHeight
-          width: grid.cellWidth
-
-          Column {
-            readonly property string sipAddress: $call.peerAddress
-            property var _sipAddressObserver : SipAddressesModel.getSipAddressObserver($call.peerAddress, $call.localAddress)
-
-            anchors {
-              fill: parent
-              margins: ConferenceStyle.grid.spacing
-            }
-
-            spacing: ConferenceStyle.grid.cell.spacing
-
-            ContactDescription {
-              id: contactDescription
-
-              height: ConferenceStyle.grid.cell.contactDescription.height
-              width: parent.width
-
-              horizontalTextAlignment: Text.AlignHCenter
-              sipAddress: parent.sipAddress
-              username: UtilsCpp.getDisplayName(parent._sipAddressObserver.peerAddress)
-            }
-            IncallAvatar {
-            
-              readonly property int size: Math.min(
-                parent.width,
-                parent.height - contactDescription.height - parent.spacing
-              )
-
-              anchors.horizontalCenter: parent.horizontalCenter
-              call: $call
-              onCallChanged: if(!call) conference.conferenceModel.invalidate()
-
-              height: size
-              width: size
-
-              BusyIndicator {
-                anchors {
-                  horizontalCenter: parent.horizontalCenter
-                  verticalCenter: parent.verticalCenter
-                }
-
-                color: CallStyle.header.busyIndicator.color
-                height: CallStyle.header.busyIndicator.height
-                width: CallStyle.header.busyIndicator.width
-
-                visible: $call && $call.status === CallModel.CallStatusOutgoing
-              }
-            }
-          }
-
-          VuMeter {
-            anchors {
-              bottom: parent.bottom
-              left: parent.left
-              leftMargin: ConferenceStyle.grid.spacing
-              bottomMargin: ConferenceStyle.grid.spacing
-            }
-            enabled:!$call.speakerMuted
-
-            Timer {
-              interval: 50
-              repeat: true
-              running: true
-              onTriggered: parent.value = $call.speakerVu
-            }
-          }
-          MouseArea{
-            anchors.fill:parent
-            onClicked:$call.toggleSpeakerMute()
-          }
-        }
-      }
-    }
-
-    // -------------------------------------------------------------------------
-    // Action Buttons.
-    // -------------------------------------------------------------------------
-
-    Item {
-      Layout.fillWidth: true
-      Layout.preferredHeight: CallStyle.actionArea.height
-
-      GridLayout {
-        anchors {
-          left: parent.left
-          leftMargin: CallStyle.actionArea.leftButtonsGroupMargin
-          verticalCenter: parent.verticalCenter
-        }
-
-        columns: incall.width < CallStyle.actionArea.lowWidth ? 2 : 4
-        rowSpacing: ActionBarStyle.spacing
-
-        Row {
-          spacing: CallStyle.actionArea.vu.spacing
-
-          VuMeter {
-            Timer {
-              interval: 50
-              repeat: true
-              running: micro.enabled
-
-              onTriggered: parent.value = conference.conferenceModel.microVu
-            }
-
-            enabled: micro.enabled
-          }
-
-          ActionSwitch {
-            id: micro
-            enabled: !conference.conferenceModel.microMuted
-
-            icon: 'micro'
-            iconSize: CallStyle.actionArea.iconSize
-
-            onClicked: conference.conferenceModel.microMuted = !conference.conferenceModel.microMuted
-          }
-        }
-      }
-
-      ActionBar {
-        anchors {
-          right: parent.right
-          rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
-          verticalCenter: parent.verticalCenter
-        }
-
-        iconSize: CallStyle.actionArea.iconSize
-
-        ActionSwitch {
-          enabled: conference.conferenceModel.isInConf
-          icon: 'pause'
-
-          onClicked: {
-            var model = conference.conferenceModel
-            if (model.isInConf) {
-              model.leave()
-            } else {
-              model.join()
-            }
-          }
-        }
-
-        ActionButton {
-          icon: 'hangup'
-
-          onClicked: conference.conferenceModel.terminate()
-        }
-      }
-    }
-  }
+	id: conference
+	
+	property var conferenceModel
+	
+	// ---------------------------------------------------------------------------
+	
+	color: CallStyle.backgroundColor
+	
+	// ---------------------------------------------------------------------------
+	
+	ColumnLayout {
+		anchors {
+			fill: parent
+			topMargin: CallStyle.header.topMargin
+		}
+		
+		spacing: 0
+		
+		// -------------------------------------------------------------------------
+		// Conference info.
+		// -------------------------------------------------------------------------
+		
+		Item {
+			id: info
+			
+			Layout.fillWidth: true
+			Layout.leftMargin: CallStyle.header.leftMargin
+			Layout.rightMargin: CallStyle.header.rightMargin
+			Layout.preferredHeight: ConferenceStyle.description.height
+			
+			ActionBar {
+				id: leftActions
+				
+				anchors.left: parent.left
+				iconSize: CallStyle.header.iconSize
+			}
+			
+			Text {
+				id: conferenceDescription
+				
+				anchors.centerIn: parent
+				
+				horizontalAlignment: Text.AlignHCenter
+				text: qsTr('conferenceTitle')
+				
+				color: ConferenceStyle.description.color
+				
+				font {
+					bold: true
+					pointSize: ConferenceStyle.description.pointSize
+				}
+				
+				height: parent.height
+				width: parent.width - rightActions.width - leftActions.width - ConferenceStyle.description.width
+			}
+			
+			
+			// -----------------------------------------------------------------------
+			// Video actions.
+			// -----------------------------------------------------------------------
+			
+			ActionBar {
+				id: rightActions
+				
+				anchors.right: parent.right
+				iconSize: CallStyle.header.buttonIconSize
+				
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					property bool recording: conference.conferenceModel.recording
+					colorSet: recording ? CallStyle.buttons.recordOn : CallStyle.buttons.recordOff
+					visible: SettingsModel.callRecorderEnabled
+					
+					onClicked: !recording
+							   ? conference.conferenceModel.startRecording()
+							   : conference.conferenceModel.stopRecording()
+				}
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		// Contacts visual.
+		// -------------------------------------------------------------------------
+		
+		Item {
+			id: container
+			
+			Layout.fillWidth: true
+			Layout.fillHeight: true
+			Layout.margins: CallStyle.container.margins
+			
+			GridView {
+				id: grid
+				
+				anchors.fill: parent
+				
+				cellHeight: ConferenceStyle.grid.cell.height
+				cellWidth: ConferenceStyle.grid.cell.width
+				
+				model: conference.conferenceModel
+				
+				delegate: Item {
+					height: grid.cellHeight
+					width: grid.cellWidth
+					
+					Column {
+						readonly property string sipAddress: $call.peerAddress
+						property var _sipAddressObserver : SipAddressesModel.getSipAddressObserver($call.peerAddress, $call.localAddress)
+						
+						anchors {
+							fill: parent
+							margins: ConferenceStyle.grid.spacing
+						}
+						
+						spacing: ConferenceStyle.grid.cell.spacing
+						
+						ContactDescription {
+							id: contactDescription
+							
+							height: ConferenceStyle.grid.cell.contactDescription.height
+							width: parent.width
+							
+							horizontalTextAlignment: Text.AlignHCenter
+							sipAddress: parent.sipAddress
+							username: UtilsCpp.getDisplayName(parent._sipAddressObserver.peerAddress)
+						}
+						IncallAvatar {
+							
+							readonly property int size: Math.min(
+															parent.width,
+															parent.height - contactDescription.height - parent.spacing
+															)
+							
+							anchors.horizontalCenter: parent.horizontalCenter
+							call: $call
+							onCallChanged: if(!call) conference.conferenceModel.invalidate()
+							
+							height: size
+							width: size
+							
+							BusyIndicator {
+								anchors {
+									horizontalCenter: parent.horizontalCenter
+									verticalCenter: parent.verticalCenter
+								}
+								
+								color: CallStyle.header.busyIndicator.color
+								height: CallStyle.header.busyIndicator.height
+								width: CallStyle.header.busyIndicator.width
+								
+								visible: $call && $call.status === CallModel.CallStatusOutgoing
+							}
+						}
+					}
+					
+					VuMeter {
+						anchors {
+							bottom: parent.bottom
+							left: parent.left
+							leftMargin: ConferenceStyle.grid.spacing
+							bottomMargin: ConferenceStyle.grid.spacing
+						}
+						enabled:!$call.speakerMuted
+						
+						Timer {
+							interval: 50
+							repeat: true
+							running: true
+							onTriggered: parent.value = $call.speakerVu
+						}
+					}
+					MouseArea{
+						anchors.fill:parent
+						onClicked:$call.toggleSpeakerMute()
+					}
+				}
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		// Action Buttons.
+		// -------------------------------------------------------------------------
+		
+		Item {
+			Layout.fillWidth: true
+			Layout.preferredHeight: CallStyle.actionArea.height
+			
+			GridLayout {
+				anchors {
+					left: parent.left
+					leftMargin: CallStyle.actionArea.leftButtonsGroupMargin
+					verticalCenter: parent.verticalCenter
+				}
+				
+				columns: incall.width < CallStyle.actionArea.lowWidth ? 2 : 4
+				rowSpacing: ActionBarStyle.spacing
+				
+				Row {
+					spacing: CallStyle.actionArea.vu.spacing
+					
+					VuMeter {
+						Timer {
+							interval: 50
+							repeat: true
+							running: micro.enabled
+							
+							onTriggered: parent.value = conference.conferenceModel.microVu
+						}
+						
+						enabled: micro.enabled
+					}
+					
+					ActionSwitch {
+						id: micro
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: enabled ? CallStyle.buttons.microOn : CallStyle.buttons.microOff
+						enabled: !conference.conferenceModel.microMuted
+						
+						onClicked: conference.conferenceModel.microMuted = !conference.conferenceModel.microMuted
+					}
+				}
+			}
+			
+			ActionBar {
+				anchors {
+					right: parent.right
+					rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
+					verticalCenter: parent.verticalCenter
+				}
+				
+				iconSize: CallStyle.actionArea.iconSize
+				
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: !conference.conferenceModel.isInConf ? CallStyle.buttons.play : CallStyle.buttons.pause
+										
+					onClicked: {
+						var model = conference.conferenceModel
+						if (model.isInConf) {
+							model.leave()
+						} else {
+							model.join()
+						}
+					}
+				}
+				
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: CallStyle.buttons.hangup
+					
+					onClicked: conference.conferenceModel.terminate()
+				}
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Calls/Dialogs/CallSipAddress.qml b/linphone-app/ui/views/App/Calls/Dialogs/CallSipAddress.qml
index 4090c6b06..ce334f430 100644
--- a/linphone-app/ui/views/App/Calls/Dialogs/CallSipAddress.qml
+++ b/linphone-app/ui/views/App/Calls/Dialogs/CallSipAddress.qml
@@ -46,7 +46,8 @@ DialogPlus {
 					
 					Layout.fillWidth: true
 					
-					icon: 'search'
+					icon: 'search_custom'
+					overwriteColor: CallSipAddressStyle.searchField.color
 					
 					onTextChanged: sipAddressesModel.setFilter(text)
 				}
@@ -68,7 +69,7 @@ DialogPlus {
 						}
 						
 						actions: [{
-								icon: 'video_call',
+								colorSet: CallSipAddressStyle.videoCall,
 								secure:0,
 								visible:true,
 								handler: function (entry) {
@@ -79,7 +80,7 @@ DialogPlus {
 									launchVideoCall(sipAddress)
 								}
 							}, {
-								icon: 'call',
+								colorSet: CallSipAddressStyle.call,
 								secure:0,
 								visible:true,
 								handler: function (entry) {
diff --git a/linphone-app/ui/views/App/Calls/Dialogs/CallTransfer.qml b/linphone-app/ui/views/App/Calls/Dialogs/CallTransfer.qml
index c4395fc7c..c9c912813 100644
--- a/linphone-app/ui/views/App/Calls/Dialogs/CallTransfer.qml
+++ b/linphone-app/ui/views/App/Calls/Dialogs/CallTransfer.qml
@@ -67,7 +67,8 @@ DialogPlus {
 					
 					Layout.fillWidth: true
 					
-					icon: 'search'
+					icon: 'search_custom'
+					overwriteColor: CallTransferStyle.searchField.color
 					
 					onTextChanged: sipAddressesModel.setFilter(text)
 				}
@@ -88,7 +89,7 @@ DialogPlus {
 							exit(1)
 						}
 						actions: [{
-								icon: 'transfer',
+								colorSet: CallTransferStyle.transfer,
 								secure: 0,
 								visible: true,
 								handlerSipAddress: function(sipAddress){
diff --git a/linphone-app/ui/views/App/Calls/Dialogs/ConferenceManager.qml b/linphone-app/ui/views/App/Calls/Dialogs/ConferenceManager.qml
index 473bb47be..798ac2b04 100644
--- a/linphone-app/ui/views/App/Calls/Dialogs/ConferenceManager.qml
+++ b/linphone-app/ui/views/App/Calls/Dialogs/ConferenceManager.qml
@@ -78,7 +78,8 @@ DialogPlus {
 
           Layout.fillWidth: true
 
-          icon: 'search'
+          icon: 'search_custom'
+          overwriteColor: ConferenceManagerStyle.searchField.color
 
           onTextChanged: conferenceHelperModel.setFilter(text)
         }
@@ -96,7 +97,7 @@ DialogPlus {
 				conferenceHelperModel.toAdd.addToConference(sipAddress)
 			}
             actions: [{
-              icon: 'transfer',
+              colorSet: ConferenceManagerStyle.transfer,
               secure:0,
               visible: true,
               handler: function (entry) {
@@ -151,7 +152,7 @@ DialogPlus {
 			model.removeFromConference(sipAddress)
 		}
         actions: [{
-          icon: 'cancel',
+          colorSet: ConferenceManagerStyle.cancel,
           visible:true,
           secure:0,
           handler: function (entry) {
diff --git a/linphone-app/ui/views/App/Calls/Dialogs/MultimediaParameters.qml b/linphone-app/ui/views/App/Calls/Dialogs/MultimediaParameters.qml
index bb838ffa0..b48701aa3 100644
--- a/linphone-app/ui/views/App/Calls/Dialogs/MultimediaParameters.qml
+++ b/linphone-app/ui/views/App/Calls/Dialogs/MultimediaParameters.qml
@@ -48,8 +48,9 @@ DialogPlus {
         Layout.alignment: Qt.AlignTop
         Layout.preferredHeight: ComboBoxStyle.background.height
 
-        icon: 'speaker'
-        iconSize: MultimediaParametersStyle.column.entry.iconSize
+        icon: MultimediaParametersStyle.column.entry.speaker.icon
+        overwriteColor: MultimediaParametersStyle.column.entry.speaker.color
+        iconSize: MultimediaParametersStyle.column.entry.speaker.iconSize
       }
 
       Column {
@@ -91,8 +92,9 @@ DialogPlus {
         Layout.alignment: Qt.AlignTop
         Layout.preferredHeight: ComboBoxStyle.background.height
 
-        icon: 'micro'
-        iconSize: MultimediaParametersStyle.column.entry.iconSize
+        icon: MultimediaParametersStyle.column.entry.micro.icon
+        overwriteColor: MultimediaParametersStyle.column.entry.micro.color
+        iconSize: MultimediaParametersStyle.column.entry.micro.iconSize
       }
 
       Column {
@@ -131,8 +133,9 @@ DialogPlus {
       width: parent.width
 
       Icon {
-        icon: 'camera'
-        iconSize: MultimediaParametersStyle.column.entry.iconSize
+        icon: MultimediaParametersStyle.column.entry.camera.icon
+        overwriteColor: MultimediaParametersStyle.column.entry.camera.color
+        iconSize: MultimediaParametersStyle.column.entry.speaker.iconSize
       }
 
       ComboBox {
diff --git a/linphone-app/ui/views/App/Calls/Incall.js b/linphone-app/ui/views/App/Calls/Incall.js
index 531b61c1e..3520ce343 100644
--- a/linphone-app/ui/views/App/Calls/Incall.js
+++ b/linphone-app/ui/views/App/Calls/Incall.js
@@ -146,12 +146,3 @@ function showFullscreen (position) {
     }
   }, true)
 }
-
-function updateCallQualityIcon (callQuality,call) {
-  var quality = call.quality
-  callQuality.icon = 'call_quality_' + (
-    // Note: `quality` is in the [0, 5] interval.
-    // It's necessary to map in the `call_quality_` interval. ([0, 3])
-    quality >= 0 ? Math.round(quality / (5 / 3)) : 0
-  )
-}
diff --git a/linphone-app/ui/views/App/Calls/Incall.qml b/linphone-app/ui/views/App/Calls/Incall.qml
index 71d479aa4..1af7b86d0 100644
--- a/linphone-app/ui/views/App/Calls/Incall.qml
+++ b/linphone-app/ui/views/App/Calls/Incall.qml
@@ -74,8 +74,11 @@ Rectangle {
 				ActionButton {
 					id: callQuality
 					
-					icon: 'call_quality_0'
-					useStates: false
+					isCustom: true
+					backgroundRadius: 4
+					colorSet: CallStyle.buttons.callQuality
+					
+					percentageDisplayed: 0
 					
 					onClicked: Logic.openCallStatistics()
 					
@@ -86,7 +89,14 @@ Rectangle {
 						running: true
 						triggeredOnStart: true
 						
-						onTriggered: Logic.updateCallQualityIcon(callQuality, call)
+						onTriggered: {
+									// Note: `quality` is in the [0, 5] interval and -1.
+									var quality = call.quality
+									if(quality >= 0)
+										callQuality.percentageDisplayed = quality * 100 / 5
+									else
+										callQuality.percentageDisplayed = 0
+							}						
 					}
 					
 					CallStatistics {
@@ -103,21 +113,23 @@ Rectangle {
 				}
 				
 				ActionButton {
-					icon: 'tel_keypad'
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: CallStyle.buttons.telKeyad
 					
 					onClicked: telKeypad.visible = !telKeypad.visible
 				}
 				
 				ActionButton {
 					id: callSecure
+					isCustom: true
+					backgroundRadius: 90
 					
-					icon: incall.call.isSecured ? 'call_chat_secure' : 'call_chat_unsecure'
+					colorSet: incall.call.isSecured ? CallStyle.buttons.secure : CallStyle.buttons.unsecure
 					
 					onClicked: zrtp.visible = (incall.call.encryption === CallModel.CallEncryptionZrtp)
 					
-					TooltipArea {
-						text: Logic.makeReadableSecuredString(incall.call.securedString)
-					}
+					tooltipText: Logic.makeReadableSecuredString(incall.call.securedString)
 				}
 			}
 			
@@ -160,27 +172,28 @@ Rectangle {
 				iconSize: CallStyle.header.buttonIconSize
 				
 				ActionButton {
-					icon: 'screenshot'
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: CallStyle.buttons.screenshot
+				
 					visible: incall.call.videoEnabled
 					
 					onClicked: incall.call.takeSnapshot()
 					
-					TooltipArea {
-						text: qsTr('takeSnapshotLabel')
-					}
+					tooltipText:qsTr('takeSnapshotLabel')
 				}
 				
-				ActionSwitch {
+				ActionButton {
 					id: recordingSwitch
 					
-					enabled: incall.call.recording
-					icon: 'record'
-					useStates: false
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: incall.call.recording ? CallStyle.buttons.recordOn : CallStyle.buttons.recordOff
 					visible: SettingsModel.callRecorderEnabled
 					
 					onClicked: {
 						var call = incall.call
-						return !enabled
+						return !incall.call.recording
 								? call.startRecording()
 								: call.stopRecording()
 					}
@@ -192,14 +205,16 @@ Rectangle {
 					}
 					
 					TooltipArea {
-						text: !recordingSwitch.enabled
+						text: !incall.call.recording
 							  ? qsTr('startRecordingLabel')
 							  : qsTr('stopRecordingLabel')
 					}
 				}
 				
 				ActionButton {
-					icon: 'fullscreen'
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: CallStyle.buttons.fullscreen
 					visible: incall.call.videoEnabled
 					
 					onClicked: Logic.showFullscreen(contactDescription.mapToGlobal(0,0))
@@ -296,22 +311,20 @@ Rectangle {
 						Timer {
 							interval: 50
 							repeat: true
-							running: micro.enabled
+							running: parent.enabled
 							
 							onTriggered: parent.value = incall.call.microVu
 						}
 						
-						enabled: micro.enabled
+						enabled: !incall.call.microMuted
 					}
 					
-					ActionSwitch {
+					ActionButton {
 						id: micro
-						
-						enabled: !call.microMuted
-						icon: 'micro'
-						iconSize: CallStyle.actionArea.iconSize
-						
-						onClicked: incall.call.microMuted = enabled
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: incall.call.microMuted ? CallStyle.buttons.microOff : CallStyle.buttons.microOn
+						onClicked: incall.call.microMuted = !incall.call.microMuted
 					}
 				}
 				
@@ -322,33 +335,32 @@ Rectangle {
 						Timer {
 							interval: 50
 							repeat: true
-							running: speaker.enabled
+							running: parent.enabled
 							
 							onTriggered: parent.value = incall.call.speakerVu
 						}
 						
-						enabled: speaker.enabled
+						enabled: !incall.call.speakerMuted
 					}
 					
-					ActionSwitch {
+					ActionButton {
 						id: speaker
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: incall.call.speakerMuted ? CallStyle.buttons.speakerOff : CallStyle.buttons.speakerOn
 						
-						enabled: !call.speakerMuted
-						icon: 'speaker'
-						iconSize: CallStyle.actionArea.iconSize
-						
-						onClicked: incall.call.speakerMuted = enabled
+						onClicked: incall.call.speakerMuted = !incall.call.speakerMuted
 					}
 				}
 				
-				ActionSwitch {
-					enabled: incall.call.videoEnabled
-					icon: 'camera'
-					iconSize: CallStyle.actionArea.iconSize
-					updating: incall.call.updating
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: incall.call.videoEnabled ? CallStyle.buttons.cameraOn : CallStyle.buttons.cameraOff
+					updating: incall.call.videoEnabled && incall.call.updating
 					visible: SettingsModel.videoSupported
 					
-					onClicked: incall.call.videoEnabled = !enabled
+					onClicked: incall.call.videoEnabled = !incall.call.videoEnabled
 					
 					TooltipArea {
 						text: qsTr('pendingRequestLabel')
@@ -357,11 +369,12 @@ Rectangle {
 				}
 				
 				ActionButton {
-					Layout.preferredHeight: CallStyle.actionArea.iconSize
-					Layout.preferredWidth: CallStyle.actionArea.iconSize
+					Layout.preferredHeight: CallStyle.buttons.options.iconSize
+					Layout.preferredWidth: CallStyle.buttons.options.iconSize
 					
-					icon: 'options'
-					iconSize: CallStyle.actionArea.iconSize
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: CallStyle.buttons.options
 					
 					onClicked: Logic.openMediaParameters(window, incall)
 				}
@@ -400,13 +413,14 @@ Rectangle {
 				}
 				iconSize: CallStyle.actionArea.iconSize
 				
-				ActionSwitch {
-					enabled: !call.pausedByUser
-					icon: 'pause'
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: call.pausedByUser ? CallStyle.buttons.play : CallStyle.buttons.pause
 					updating: incall.call.updating
 					visible: SettingsModel.callPauseEnabled
 					
-					onClicked: incall.call.pausedByUser = enabled
+					onClicked: incall.call.pausedByUser = !incall.call.pausedByUser
 					
 					TooltipArea {
 						text: qsTr('pendingRequestLabel')
@@ -415,13 +429,17 @@ Rectangle {
 				}
 				
 				ActionButton {
-					icon: 'hangup'
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: CallStyle.buttons.hangup
 					
 					onClicked: incall.call.terminate()
 				}
 				
 				ActionButton {
-					icon: (SettingsModel.standardChatEnabled || SettingsModel.secureChatEnabled) && SettingsModel.showStartChatButton ? 'chat' : 'history'
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: (SettingsModel.standardChatEnabled || SettingsModel.secureChatEnabled) && SettingsModel.showStartChatButton ? CallStyle.buttons.chat : CallStyle.buttons.history
 					
 					onClicked: {
 						if (window.chatIsOpened) {
diff --git a/linphone-app/ui/views/App/Calls/IncallFullscreenWindow.qml b/linphone-app/ui/views/App/Calls/IncallFullscreenWindow.qml
index a2aa86185..b51531020 100644
--- a/linphone-app/ui/views/App/Calls/IncallFullscreenWindow.qml
+++ b/linphone-app/ui/views/App/Calls/IncallFullscreenWindow.qml
@@ -17,487 +17,506 @@ import 'Incall.js' as Logic
 // =============================================================================
 
 Window {
-  id: window
-
-  // ---------------------------------------------------------------------------
-
-  property var call
-  property var caller
-  property bool hideButtons: false
-
-  // ---------------------------------------------------------------------------
-
-  function exit (cb) {
-    DesktopTools.screenSaverStatus = true
-
-    // `exit` is called by `Incall.qml`.
-    // The `window` id can be null if the window was closed in this view.
-    if (!window) {
-      return
-    }
-
-    if(!window.close() && parent)
-      parent.close()
-    
-
-    if (cb) {
-      cb()
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  onCallChanged: if(!call) window.exit()
-  Component.onCompleted: {
-    window.call = caller.call
-  }
-  // ---------------------------------------------------------------------------
-
-  Shortcut {
-    sequence: StandardKey.Close
-    onActivated: window.exit()
-  }
-
-  // ---------------------------------------------------------------------------
-
-  Rectangle {
-    id:container
-    anchors.fill: parent
-    color: '#000000' // Not a style.
-    focus: true
-
-    Keys.onEscapePressed: window.exit()
-
-    Loader {
-      anchors.fill: parent
-
-      active: {
-        var caller = window.caller
-        return caller && !caller.cameraActivated
-      }
-
-      sourceComponent: camera
-
-      Component {
-        id: camera
-
-        Camera {
-          call: window.call
-        }
-      }
-    }
-    // -------------------------------------------------------------------------
-    // Handle mouse move / Hide buttons.
-    // -------------------------------------------------------------------------
-
-    MouseArea {
-      Timer {
-        id: hideButtonsTimer
-
-        interval: 5000
-        running: true
-
-        onTriggered: hideButtons = true
-      }
-
-      anchors.fill: parent
-      acceptedButtons: Qt.NoButton
-      propagateComposedEvents: true
-      cursorShape: Qt.ArrowCursor
-
-      onEntered: hideButtonsTimer.start()
-      onExited: hideButtonsTimer.stop()
-
-      onPositionChanged: {
-        hideButtonsTimer.stop()
-        hideButtons = false
-        hideButtonsTimer.start()
-      }
-    }
-
-    ColumnLayout {
-      anchors {
-        fill: parent
-        topMargin: CallStyle.header.topMargin
-      }
-
-      spacing: 0
-
-      // -----------------------------------------------------------------------
-      // Call info.
-      // -----------------------------------------------------------------------
-
-      Item {
-        id: info
-
-        Layout.alignment: Qt.AlignTop
-        Layout.fillWidth: true
-        Layout.leftMargin: CallStyle.header.leftMargin
-        Layout.preferredHeight: CallStyle.header.contactDescription.height
-        Layout.rightMargin: CallStyle.header.rightMargin
-
-        ActionBar {
-          anchors.left: parent.left
-          iconSize: CallStyle.header.iconSize
-          visible: !hideButtons
-          
-          ActionButton {
-            id: callQuality
-
-            icon: 'call_quality_0'
-            iconSize: parent.iconSize
-            useStates: false
-
-            onClicked: Logic.openCallStatistics()
-
-          // See: http://www.linphone.org/docs/liblinphone/group__call__misc.html#ga62c7d3d08531b0cc634b797e273a0a73
-            Timer {
-              interval: 5000
-              repeat: true
-              running: true
-              triggeredOnStart: true
-
-              onTriggered: Logic.updateCallQualityIcon(callQuality, window.call)
-            }
-
-            CallStatistics {
-              id: callStatistics
-              enabled: window.call
-              call: window.call
-              width: container.width
-
-              relativeTo: callQuality
-              relativeY: CallStyle.header.stats.relativeY
-
-              onClosed: Logic.handleCallStatisticsClosed()
-            }
-          }
-         
-          ActionButton {
-            icon: 'tel_keypad'
-
-            onClicked: telKeypad.visible = !telKeypad.visible
-          }
-          
-          ActionButton {
-            id: callSecure
-
-            icon: window.call && window.call.isSecured ? 'call_chat_secure' : 'call_chat_unsecure'
-
-            onClicked: zrtp.visible = (window.call.encryption === CallModel.CallEncryptionZrtp)
-
-            TooltipArea {
-              text: window.call?Logic.makeReadableSecuredString(window.call.securedString):''
-            }
-          }
-      
-        }
-
-        // ---------------------------------------------------------------------
-        // Timer.
-        // ---------------------------------------------------------------------
-
-        Text {
-          id: elapsedTime
-
-          anchors.fill: parent
-
-          font.pointSize: CallStyle.header.elapsedTime.fullscreen.pointSize
-
-          horizontalAlignment: Text.AlignHCenter
-          verticalAlignment: Text.AlignVCenter
-
-          visible: !window.hideButtons
-
-          // Not a customizable style.
-          color: 'white'
-          style: Text.Raised
-          styleColor: 'black'
-
-          Component.onCompleted: {
-            var updateDuration = function () {
-            if(window.caller){
-                var call = window.caller.call
-                  text = Utils.formatElapsedTime(call.duration)
-                Utils.setTimeout(elapsedTime, 1000, updateDuration)
-              }
-            }
-
-            updateDuration()
-          }
-        }
-
-        // ---------------------------------------------------------------------
-        // Video actions.
-        // ---------------------------------------------------------------------
-
-        ActionBar {
-          anchors.right: parent.right
-          iconSize: CallStyle.header.buttonIconSize
-          visible: !hideButtons
-
-          ActionButton {
-            icon: 'screenshot'
-
-            onClicked: call.takeSnapshot()
-
-            TooltipArea {
-              text: qsTr('takeSnapshotLabel')
-            }
-          }
-
-          ActionSwitch {
-            id: recordingSwitch
-
-            enabled: call && call.recording
-            icon: 'record'
-            useStates: false
-            visible: SettingsModel.callRecorderEnabled
-
-            onClicked: !enabled
-              ? call.startRecording()
-              : call.stopRecording()
-
-            TooltipArea {
-              text: !recordingSwitch.enabled
-                ? qsTr('startRecordingLabel')
-                : qsTr('stopRecordingLabel')
-            }
-          }
-
-          ActionButton {
-            icon: 'fullscreen'
-
-            onClicked: window.exit()
-          }
-        }
-        
-      }
-
-      // -----------------------------------------------------------------------
-      // Action Buttons.
-      // -----------------------------------------------------------------------
-
-    // -------------------------------------------------------------------------
-    // Zrtp.
-    // -------------------------------------------------------------------------
-
-      ZrtpTokenAuthentication {
-        id: zrtp
-        
-        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
-        Layout.margins: CallStyle.container.margins
-        call: window.call
-        visible: call && !call.isSecured && call.encryption !== CallModel.CallEncryptionNone
-        z: Constants.zPopup
-        color: CallStyle.backgroundColor
-      }
-      Item {
-        Layout.alignment: Qt.AlignBottom
-        Layout.fillWidth: true
-        Layout.preferredHeight: CallStyle.actionArea.height
-        visible: !hideButtons
-
-        GridLayout {
-          anchors {
-            left: parent.left
-            leftMargin: CallStyle.actionArea.leftButtonsGroupMargin
-            verticalCenter: parent.verticalCenter
-          }
-
-          rowSpacing: ActionBarStyle.spacing
-
-          Row {
-            spacing: CallStyle.actionArea.vu.spacing
-            visible: SettingsModel.muteMicrophoneEnabled
-
-            VuMeter {
-              Timer {
-                interval: 50
-                repeat: true
-                running: micro.enabled
-
-                onTriggered: parent.value = call.microVu
-              }
-
-              enabled: micro.enabled
-            }
-
-            ActionSwitch {
-              id: micro
-
-              enabled: call && !call.microMuted
-              icon: 'micro'
-              iconSize: CallStyle.actionArea.iconSize
-
-              onClicked: call.microMuted = enabled
-            }
-          }
-
-          Row {
-            spacing: CallStyle.actionArea.vu.spacing
-
-            VuMeter {
-              Timer {
-                interval: 50
-                repeat: true
-                running: speaker.enabled
-
-                onTriggered: parent.value = call.speakerVu
-              }
-
-              enabled: speaker.enabled
-            }
-
-            ActionSwitch {
-              id: speaker
-
-              enabled: call && !call.speakerMuted
-              icon: 'speaker'
-              iconSize: CallStyle.actionArea.iconSize
-
-              onClicked: call.speakerMuted = enabled
-            }
-          }
-
-          ActionSwitch {
-            enabled: true
-            icon: 'camera'
-            iconSize: CallStyle.actionArea.iconSize
-            updating: call && call.updating
-
-            onClicked: window.exit(function () { call.videoEnabled = false })
-          }
-
-          ActionButton {
-            Layout.preferredHeight: CallStyle.actionArea.iconSize
-            Layout.preferredWidth: CallStyle.actionArea.iconSize
-
-            icon: 'options'
-            iconSize: CallStyle.actionArea.iconSize
-
-            onClicked: Logic.openMediaParameters(Window.window, window)
-          }
-        }
-
-        ActionBar {
-          anchors {
-            right: parent.right
-            rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
-            verticalCenter: parent.verticalCenter
-          }
-          iconSize: CallStyle.actionArea.iconSize
-
-          ActionSwitch {
-            enabled: call && !call.pausedByUser
-            icon: 'pause'
-            updating: call && call.updating
-            visible: SettingsModel.callPauseEnabled
-
-            onClicked: window.exit(function () { call.pausedByUser = enabled })
-          }
-
-          ActionButton {
-            icon: 'hangup'
-
-            onClicked: window.exit(call.terminate)
-          }
-        }
-      }
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  // Preview.
-  // ---------------------------------------------------------------------------
-
-  Loader {
-    active: {
-      var caller = window.caller
-      return caller && !caller.cameraActivated
-    }
-
-    sourceComponent: cameraPreview
-
-    Component {
-      id: cameraPreview
-
-      Camera {
-        id:cameraPreviewItem
-        property double scale: 1.0
-
-        function xPosition () {
-          return window.width / 2 - width / 2
-        }
-
-        function yPosition () {
-          return window.height - height
-        }
-        
-        function resetPosition(){
-            x = xPosition ();
-            y = yPosition ();
-          }
-
-        call: window.call
-        isPreview: true
-
-        height: Math.min(window.height, (CallStyle.actionArea.userVideo.height * window.height/CallStyle.actionArea.userVideo.heightReference) * scale)
-        width: Math.min(window.width, (CallStyle.actionArea.userVideo.width * window.width/CallStyle.actionArea.userVideo.widthReference) * scale )
-        DragBox {
-          container: window
-          draggable: parent
-
-          xPosition: parent.xPosition
-          yPosition: parent.yPosition
-          
-          property double startTime: 0
-
-          onWheel: {
-                var acceleration = 0.1;
-                if(startTime == 0){
-                    startTime = new Date().getTime();
-                }else{
-		    var delay = new Date().getTime() - startTime;
-		    if(delay>0)
-		        acceleration = Math.max(0.1, Math.min(2, 10/delay));
-		    else
-			acceleration = 2
+	id: window
+	
+	// ---------------------------------------------------------------------------
+	
+	property var call
+	property var caller
+	property bool hideButtons: false
+	
+	// ---------------------------------------------------------------------------
+	
+	function exit (cb) {
+		DesktopTools.screenSaverStatus = true
+		
+		// `exit` is called by `Incall.qml`.
+		// The `window` id can be null if the window was closed in this view.
+		if (!window) {
+			return
 		}
-		var newScale = Math.max(0.1 , parent.scale+acceleration*(wheel.angleDelta.y >0 ? 1 : -1) );
-		if( window.height >  (CallStyle.actionArea.userVideo.height * window.height/CallStyle.actionArea.userVideo.heightReference) * newScale
-		    && window.width >  (CallStyle.actionArea.userVideo.width * window.width/CallStyle.actionArea.userVideo.widthReference) * newScale){
-			parent.scale = newScale
-			var point = mapToItem(cameraPreviewItem.parent, wheel.x, wheel.y);
-			parent.x = point.x-parent.width/2;
-			parent.y = point.y-parent.height/2;
-			updateBoundaries();
+		
+		if(!window.close() && parent)
+			parent.close()
+		
+		
+		if (cb) {
+			cb()
 		}
-                startTime = new Date().getTime();
-          }
-	  onDoubleClicked:{
-		  parent.scale = 1;
-		  resetPosition();
-	     }
-          onClicked: if(mouse.button == Qt.RightButton) {
-                         if( parent.scale>1)
-				 parent.scale = 1;
-			 else
-				 parent.scale = 2;
-                         resetPosition();
-                    }
-        }
-      }
-    }
-  }
-
-  // ---------------------------------------------------------------------------
-  // TelKeypad.
-  // ---------------------------------------------------------------------------
-
-  TelKeypad {
-    id: telKeypad
-
-    call: window.call
-    visible: false
-  }
+	}
+	
+	// ---------------------------------------------------------------------------
+	onCallChanged: if(!call) window.exit()
+	Component.onCompleted: {
+		window.call = caller.call
+	}
+	// ---------------------------------------------------------------------------
+	
+	Shortcut {
+		sequence: StandardKey.Close
+		onActivated: window.exit()
+	}
+	
+	// ---------------------------------------------------------------------------
+	
+	Rectangle {
+		id:container
+		anchors.fill: parent
+		color: '#000000' // Not a style.
+		focus: true
+		
+		Keys.onEscapePressed: window.exit()
+		
+		Loader {
+			anchors.fill: parent
+			
+			active: {
+				var caller = window.caller
+				return caller && !caller.cameraActivated
+			}
+			
+			sourceComponent: camera
+			
+			Component {
+				id: camera
+				
+				Camera {
+					call: window.call
+				}
+			}
+		}
+		// -------------------------------------------------------------------------
+		// Handle mouse move / Hide buttons.
+		// -------------------------------------------------------------------------
+		
+		MouseArea {
+			Timer {
+				id: hideButtonsTimer
+				
+				interval: 5000
+				running: true
+				
+				onTriggered: hideButtons = true
+			}
+			
+			anchors.fill: parent
+			acceptedButtons: Qt.NoButton
+			propagateComposedEvents: true
+			cursorShape: Qt.ArrowCursor
+			
+			onEntered: hideButtonsTimer.start()
+			onExited: hideButtonsTimer.stop()
+			
+			onPositionChanged: {
+				hideButtonsTimer.stop()
+				hideButtons = false
+				hideButtonsTimer.start()
+			}
+		}
+		
+		ColumnLayout {
+			anchors {
+				fill: parent
+				topMargin: CallFullscreenStyle.header.topMargin
+			}
+			
+			spacing: 0
+			
+			// -----------------------------------------------------------------------
+			// Call info.
+			// -----------------------------------------------------------------------
+			
+			Item {
+				id: info
+				
+				Layout.alignment: Qt.AlignTop
+				Layout.fillWidth: true
+				Layout.leftMargin: CallFullscreenStyle.header.leftMargin
+				Layout.preferredHeight: CallFullscreenStyle.header.contactDescription.height
+				Layout.rightMargin: CallFullscreenStyle.header.rightMargin
+				
+				ActionBar {
+					anchors.left: parent.left
+					iconSize: CallFullscreenStyle.header.iconSize
+					visible: !hideButtons
+					
+					ActionButton {
+						id: callQuality
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: CallFullscreenStyle.buttons.callQuality
+						iconSize: CallFullscreenStyle.header.iconSize
+						percentageDisplayed: 0
+						onClicked: Logic.openCallStatistics()
+						
+						// See: http://www.linphone.org/docs/liblinphone/group__call__misc.html#ga62c7d3d08531b0cc634b797e273a0a73
+						Timer {
+							interval: 5000
+							repeat: true
+							running: true
+							triggeredOnStart: true
+							
+							onTriggered:  {
+								// Note: `quality` is in the [0, 5] interval and -1.
+								var quality = window.call.quality
+								if(quality >= 0)
+									callQuality.percentageDisplayed = quality * 100 / 5
+								else
+									callQuality.percentageDisplayed = 0
+							}
+						}
+						
+						CallStatistics {
+							id: callStatistics
+							enabled: window.call
+							call: window.call
+							width: container.width
+							
+							relativeTo: callQuality
+							relativeY: CallFullscreenStyle.header.stats.relativeY
+							
+							onClosed: Logic.handleCallStatisticsClosed()
+						}
+					}
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: CallFullscreenStyle.buttons.telKeyad
+						iconSize: CallFullscreenStyle.header.iconSize
+						
+						onClicked: telKeypad.visible = !telKeypad.visible
+					}
+					
+					ActionButton {
+						id: callSecure
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: window.call && window.call.isSecured ? CallFullscreenStyle.buttons.secure : CallFullscreenStyle.buttons.unsecure						
+						iconSize: CallFullscreenStyle.header.iconSize
+						
+						onClicked: zrtp.visible = (window.call.encryption === CallModel.CallEncryptionZrtp)
+						tooltipText: window.call?Logic.makeReadableSecuredString(window.call.securedString):''
+					}
+					
+				}
+				
+				// ---------------------------------------------------------------------
+				// Timer.
+				// ---------------------------------------------------------------------
+				
+				Text {
+					id: elapsedTime
+					
+					anchors.fill: parent
+					
+					font.pointSize: CallFullscreenStyle.header.elapsedTime.fullscreen.pointSize
+					
+					horizontalAlignment: Text.AlignHCenter
+					verticalAlignment: Text.AlignVCenter
+					
+					visible: !window.hideButtons
+					
+					// Not a customizable style.
+					color: 'white'
+					style: Text.Raised
+					styleColor: 'black'
+					
+					Component.onCompleted: {
+						var updateDuration = function () {
+							if(window.caller){
+								var call = window.caller.call
+								text = Utils.formatElapsedTime(call.duration)
+								Utils.setTimeout(elapsedTime, 1000, updateDuration)
+							}
+						}
+						
+						updateDuration()
+					}
+				}
+				
+				// ---------------------------------------------------------------------
+				// Video actions.
+				// ---------------------------------------------------------------------
+				
+				ActionBar {
+					anchors.right: parent.right
+					iconSize: CallFullscreenStyle.header.buttonIconSize
+					visible: !hideButtons
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: CallFullscreenStyle.buttons.screenshot
+						
+						onClicked: call.takeSnapshot()
+						
+						tooltipText: qsTr('takeSnapshotLabel')
+					}
+					
+					ActionButton {
+						id: recordingSwitch
+						property bool recording : call && call.recording
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: recording ? CallFullscreenStyle.buttons.recordOn : CallFullscreenStyle.buttons.recordOff
+						visible: SettingsModel.callRecorderEnabled
+						
+						onClicked: !recording
+								   ? call.startRecording()
+								   : call.stopRecording()
+						
+						TooltipArea {
+							text: !recordingSwitch.recording
+								  ? qsTr('startRecordingLabel')
+								  : qsTr('stopRecordingLabel')
+						}
+					}
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: CallFullscreenStyle.buttons.stopFullscreen
+						
+						onClicked: window.exit()
+					}
+				}
+				
+			}
+			
+			// -----------------------------------------------------------------------
+			// Action Buttons.
+			// -----------------------------------------------------------------------
+			
+			// -------------------------------------------------------------------------
+			// Zrtp.
+			// -------------------------------------------------------------------------
+			
+			ZrtpTokenAuthentication {
+				id: zrtp
+				
+				Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+				Layout.margins: CallFullscreenStyle.container.margins
+				call: window.call
+				visible: call && !call.isSecured && call.encryption !== CallModel.CallEncryptionNone
+				z: Constants.zPopup
+				color: CallFullscreenStyle.backgroundColor
+			}
+			Item {
+				Layout.alignment: Qt.AlignBottom
+				Layout.fillWidth: true
+				Layout.preferredHeight: CallFullscreenStyle.actionArea.height
+				visible: !hideButtons
+				
+				GridLayout {
+					anchors {
+						left: parent.left
+						leftMargin: CallFullscreenStyle.actionArea.leftButtonsGroupMargin
+						verticalCenter: parent.verticalCenter
+					}
+					
+					rowSpacing: ActionBarStyle.spacing
+					
+					Row {
+						spacing: CallFullscreenStyle.actionArea.vu.spacing
+						visible: SettingsModel.muteMicrophoneEnabled
+						
+						VuMeter {
+							Timer {
+								interval: 50
+								repeat: true
+								running: micro.enabled
+								
+								onTriggered: parent.value = call.microVu
+							}
+							
+							enabled: micro.enabled
+						}
+						
+						ActionSwitch {
+							id: micro
+							isCustom: true
+							backgroundRadius: 90
+							colorSet: enabled ? CallFullscreenStyle.buttons.microOn : CallFullscreenStyle.buttons.microOff
+							enabled: call && !call.microMuted
+							onClicked: call.microMuted = enabled
+						}
+					}
+					
+					Row {
+						spacing: CallFullscreenStyle.actionArea.vu.spacing
+						
+						VuMeter {
+							Timer {
+								interval: 50
+								repeat: true
+								running: speaker.enabled
+								
+								onTriggered: parent.value = call.speakerVu
+							}
+							
+							enabled: speaker.enabled
+						}
+						
+						ActionButton {
+							id: speaker
+							property bool muted : call && !call.speakerMuted
+							isCustom: true
+							backgroundRadius: 90
+							colorSet: muted ? CallFullscreenStyle.buttons.speakerOff : CallFullscreenStyle.buttons.speakerOn
+							iconSize: CallFullscreenStyle.actionArea.iconSize
+							
+							onClicked: call.speakerMuted = !call.speakerMuted 
+						}
+					}
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: CallFullscreenStyle.buttons.cameraOn
+						updating: call && call.updating
+						
+						iconSize: CallFullscreenStyle.actionArea.iconSize
+						
+						
+						onClicked: window.exit(function () { call.videoEnabled = false })
+					}
+					
+					ActionButton {
+						Layout.preferredHeight: CallFullscreenStyle.actionArea.iconSize
+						Layout.preferredWidth: CallFullscreenStyle.actionArea.iconSize
+						
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: CallFullscreenStyle.buttons.options
+						iconSize: CallFullscreenStyle.actionArea.iconSize
+						
+						onClicked: Logic.openMediaParameters(Window.window, window)
+					}
+				}
+				
+				ActionBar {
+					anchors {
+						right: parent.right
+						rightMargin: CallFullscreenStyle.actionArea.rightButtonsGroupMargin
+						verticalCenter: parent.verticalCenter
+					}
+					iconSize: CallFullscreenStyle.actionArea.iconSize
+					
+					ActionSwitch {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: call && call.pausedByUser ? CallFullscreenStyle.buttons.play : CallFullscreenStyle.buttons.pause
+						updating: call && call.updating
+						visible: SettingsModel.callPauseEnabled
+						
+						onClicked: window.exit(function () { call.pausedByUser = !call.pausedByUser })
+					}
+					
+					ActionButton {
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: CallFullscreenStyle.buttons.hangup
+						
+						onClicked: window.exit(call.terminate)
+					}
+				}
+			}
+		}
+	}
+	
+	// ---------------------------------------------------------------------------
+	// Preview.
+	// ---------------------------------------------------------------------------
+	
+	Loader {
+		active: {
+			var caller = window.caller
+			return caller && !caller.cameraActivated
+		}
+		
+		sourceComponent: cameraPreview
+		
+		Component {
+			id: cameraPreview
+			
+			Camera {
+				id:cameraPreviewItem
+				property double scale: 1.0
+				
+				function xPosition () {
+					return window.width / 2 - width / 2
+				}
+				
+				function yPosition () {
+					return window.height - height
+				}
+				
+				function resetPosition(){
+					x = xPosition ();
+					y = yPosition ();
+				}
+				
+				call: window.call
+				isPreview: true
+				
+				height: Math.min(window.height, (CallFullscreenStyle.actionArea.userVideo.height * window.height/CallFullscreenStyle.actionArea.userVideo.heightReference) * scale)
+				width: Math.min(window.width, (CallFullscreenStyle.actionArea.userVideo.width * window.width/CallFullscreenStyle.actionArea.userVideo.widthReference) * scale )
+				DragBox {
+					container: window
+					draggable: parent
+					
+					xPosition: parent.xPosition
+					yPosition: parent.yPosition
+					
+					property double startTime: 0
+					
+					onWheel: {
+						var acceleration = 0.1;
+						if(startTime == 0){
+							startTime = new Date().getTime();
+						}else{
+							var delay = new Date().getTime() - startTime;
+							if(delay>0)
+								acceleration = Math.max(0.1, Math.min(2, 10/delay));
+							else
+								acceleration = 2
+						}
+						var newScale = Math.max(0.1 , parent.scale+acceleration*(wheel.angleDelta.y >0 ? 1 : -1) );
+						if( window.height >  (CallFullscreenStyle.actionArea.userVideo.height * window.height/CallFullscreenStyle.actionArea.userVideo.heightReference) * newScale
+								&& window.width >  (CallFullscreenStyle.actionArea.userVideo.width * window.width/CallFullscreenStyle.actionArea.userVideo.widthReference) * newScale){
+							parent.scale = newScale
+							var point = mapToItem(cameraPreviewItem.parent, wheel.x, wheel.y);
+							parent.x = point.x-parent.width/2;
+							parent.y = point.y-parent.height/2;
+							updateBoundaries();
+						}
+						startTime = new Date().getTime();
+					}
+					onDoubleClicked:{
+						parent.scale = 1;
+						resetPosition();
+					}
+					onClicked: if(mouse.button == Qt.RightButton) {
+								   if( parent.scale>1)
+									   parent.scale = 1;
+								   else
+									   parent.scale = 2;
+								   resetPosition();
+							   }
+				}
+			}
+		}
+	}
+	
+	// ---------------------------------------------------------------------------
+	// TelKeypad.
+	// ---------------------------------------------------------------------------
+	
+	TelKeypad {
+		id: telKeypad
+		
+		call: window.call
+		visible: false
+	}
 }
diff --git a/linphone-app/ui/views/App/Calls/IncomingCall.qml b/linphone-app/ui/views/App/Calls/IncomingCall.qml
index de7be112c..d0ff5ae9a 100644
--- a/linphone-app/ui/views/App/Calls/IncomingCall.qml
+++ b/linphone-app/ui/views/App/Calls/IncomingCall.qml
@@ -8,35 +8,40 @@ import App.Styles 1.0
 // =============================================================================
 
 AbstractStartingCall {
-  ActionBar {
-    anchors.centerIn: parent
-    iconSize: CallStyle.actionArea.iconSize
-
-    ActionButton {
-      icon: 'video_call_accept'
-      visible: SettingsModel.videoSupported
-
-      onClicked: call.acceptWithVideo()
-    }
-
-    ActionButton {
-      icon: 'call_accept'
-      onClicked: call.accept()
-    }
-  }
-
-  ActionBar {
-    anchors {
-      right: parent.right
-      rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
-      verticalCenter: parent.verticalCenter
-    }
-    iconSize: CallStyle.actionArea.iconSize
-
-    ActionButton {
-      icon: 'hangup'
-
-      onClicked: call.terminate()
-    }
-  }
+	ActionBar {
+		anchors.centerIn: parent
+		iconSize: CallStyle.actionArea.iconSize
+		
+		ActionButton {
+			isCustom: true
+			backgroundRadius: 90
+			colorSet: CallStyle.buttons.acceptVideoCall
+			visible: SettingsModel.videoSupported
+			onClicked: call.acceptWithVideo()
+		}
+		
+		ActionButton {
+			isCustom: true
+			backgroundRadius: 90
+			colorSet: CallStyle.buttons.acceptCall
+			onClicked: call.accept()
+		}
+	}
+	
+	ActionBar {
+		anchors {
+			right: parent.right
+			rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
+			verticalCenter: parent.verticalCenter
+		}
+		iconSize: CallStyle.actionArea.iconSize
+		
+		ActionButton {
+			isCustom: true
+			backgroundRadius: 90
+			colorSet: CallStyle.buttons.hangup
+			
+			onClicked: call.terminate()
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Calls/OutgoingCall.qml b/linphone-app/ui/views/App/Calls/OutgoingCall.qml
index 32ba1b25b..d250efb9a 100644
--- a/linphone-app/ui/views/App/Calls/OutgoingCall.qml
+++ b/linphone-app/ui/views/App/Calls/OutgoingCall.qml
@@ -9,46 +9,49 @@ import App.Styles 1.0
 // =============================================================================
 
 AbstractStartingCall {
-  showKeypad:true
-  GridLayout {
-    columns: parent.width < CallStyle.actionArea.lowWidth && call.videoEnabled ? 1 : 2
-    rowSpacing: ActionBarStyle.spacing
-
-    anchors {
-      left: parent.left
-      leftMargin: CallStyle.actionArea.leftButtonsGroupMargin
-      verticalCenter: parent.verticalCenter
-    }
-
-    ActionSwitch {
-      enabled: !call.microMuted
-      icon: 'micro'
-      iconSize: CallStyle.actionArea.iconSize
-
-      onClicked: call.microMuted = enabled
-    }
-  }
-
-  Item {
-    anchors.centerIn: parent
-    height: CallStyle.actionArea.userVideo.height
-    width: CallStyle.actionArea.userVideo.width
-
-    visible: call.videoEnabled
-  }
-
-  ActionBar {
-    anchors {
-      right: parent.right
-      rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
-      verticalCenter: parent.verticalCenter
-    }
-    iconSize: CallStyle.actionArea.iconSize
-
-    ActionButton {
-      icon: 'hangup'
-
-      onClicked: call.terminate()
-    }
-  }
+	showKeypad:true
+	GridLayout {
+		columns: parent.width < CallStyle.actionArea.lowWidth && call.videoEnabled ? 1 : 2
+		rowSpacing: ActionBarStyle.spacing
+		
+		anchors {
+			left: parent.left
+			leftMargin: CallStyle.actionArea.leftButtonsGroupMargin
+			verticalCenter: parent.verticalCenter
+		}
+		
+		ActionSwitch {
+			isCustom: true
+			backgroundRadius: 90
+			colorSet: enabled ? CallStyle.buttons.microOn : CallStyle.buttons.microOff
+			enabled: !call.microMuted
+			
+			onClicked: call.microMuted = enabled
+		}
+	}
+	
+	Item {
+		anchors.centerIn: parent
+		height: CallStyle.actionArea.userVideo.height
+		width: CallStyle.actionArea.userVideo.width
+		
+		visible: call.videoEnabled
+	}
+	
+	ActionBar {
+		anchors {
+			right: parent.right
+			rightMargin: CallStyle.actionArea.rightButtonsGroupMargin
+			verticalCenter: parent.verticalCenter
+		}
+		iconSize: CallStyle.actionArea.iconSize
+		
+		ActionButton {
+			isCustom: true
+			backgroundRadius: 90
+			colorSet: CallStyle.buttons.hangup
+			
+			onClicked: call.terminate()
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Main/ContactEdit.js b/linphone-app/ui/views/App/Main/ContactEdit.js
index 00df25b7f..96134f864 100644
--- a/linphone-app/ui/views/App/Main/ContactEdit.js
+++ b/linphone-app/ui/views/App/Main/ContactEdit.js
@@ -173,6 +173,7 @@ function handleUrlChanged () {
 // -----------------------------------------------------------------------------
 
 function buildAddressFields () {
+/*
   var address = contactEdit._vcard.address
 
   return [{
@@ -188,6 +189,8 @@ function buildAddressFields () {
     placeholder: qsTr('country'),
     text: address.country
   }]
+  */
+  return null
 }
 
 function handleAddressChanged (index, value) {
diff --git a/linphone-app/ui/views/App/Main/ContactEdit.qml b/linphone-app/ui/views/App/Main/ContactEdit.qml
index eda59b616..dcbe44b58 100644
--- a/linphone-app/ui/views/App/Main/ContactEdit.qml
+++ b/linphone-app/ui/views/App/Main/ContactEdit.qml
@@ -99,9 +99,10 @@ ColumnLayout  {
 			spacing: ContactEditStyle.bar.spacing
 			
 			ActionButton {
+				isCustom: true
+				backgroundRadius: 90
+				colorSet: ContactEditStyle.bar.avatarTakePicture
 				enabled: _edition
-				icon: 'contact_card_photo'
-				iconSize: ContactEditStyle.bar.avatarSize
 				
 				onClicked: avatarChooser.open()
 				
@@ -153,17 +154,19 @@ ColumnLayout  {
 					iconSize: ContactEditStyle.bar.actions.history.iconSize
 					
 					ActionButton {
-									icon: SettingsModel.getShowStartChatButton() ? 'chat' : 'history'
-									visible: SettingsModel.standardChatEnabled
-									onClicked: sipAddressesMenu.open(false)
-									TooltipArea {
-										isClickable: false
-										text: qsTr('tooltipShowConversation')
-									}
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: SettingsModel.getShowStartChatButton() ? ContactEditStyle.chat : ContactEditStyle.history
+						visible: SettingsModel.standardChatEnabled
+						onClicked: sipAddressesMenu.open(false)
+						tooltipText: qsTr('tooltipShowConversation')
+						tooltipIsClickable: false
 					}
 								
 					ActionButton {
-						icon: SettingsModel.getShowStartChatButton() ? 'chat' : 'history'
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: SettingsModel.getShowStartChatButton() ? ContactEditStyle.chat : ContactEditStyle.history
 						visible: SettingsModel.secureChatEnabled && _contact && _contact.hasCapability(LinphoneEnums.FriendCapabilityLimeX3Dh)
 						enabled: AccountSettingsModel.conferenceURI != ''
 						Icon{
@@ -174,13 +177,11 @@ ColumnLayout  {
 							anchors.topMargin: -3
 						}
 						onClicked: {sipAddressesMenu.open(true)}
-						TooltipArea{
-							maxWidth: actionBar.width
-							visible: AccountSettingsModel.conferenceURI == ''
+						
+						tooltipMaxWidth: actionBar.width
+						tooltipVisible: AccountSettingsModel.conferenceURI == ''
 							//: 'You need to set the conference URI in your account settings to create a conference based chat room.' : Tooltip to warn the user that a setting is missing in its configuration.
-							text: '- ' + qsTr('missingConferenceURI') + '\n'
-							
-						}
+						tooltipText: '- ' + qsTr('missingConferenceURI') + '\n'
 					}
 				}
 				
@@ -188,16 +189,18 @@ ColumnLayout  {
 					anchors.verticalCenter: parent.verticalCenter
 					
 					ActionButton {
-						icon: 'edit'
-						iconSize: ContactEditStyle.bar.actions.edit.iconSize
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: ContactEditStyle.bar.actions.edit.colorSet
 						
 						visible: !_edition
 						onClicked: Logic.editContact()
 					}
 					
 					ActionButton {
-						icon: 'delete'
-						iconSize: ContactEditStyle.bar.actions.del.iconSize
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: ContactEditStyle.bar.actions.del.colorSet
 						
 						onClicked: Logic.removeContact()
 					}
diff --git a/linphone-app/ui/views/App/Main/Contacts.qml b/linphone-app/ui/views/App/Main/Contacts.qml
index 97c733eb6..1774cf68f 100644
--- a/linphone-app/ui/views/App/Main/Contacts.qml
+++ b/linphone-app/ui/views/App/Main/Contacts.qml
@@ -44,7 +44,8 @@ ColumnLayout {
 			
 			TextField {
 				Layout.fillWidth: true
-				icon: 'filter'
+				icon: ContactsStyle.filter.icon
+				overwriteColor: ContactsStyle.filter.color
 				placeholderText: qsTr('searchContactPlaceholder')
 				
 				onTextChanged: contacts.setFilter(text)
@@ -134,27 +135,35 @@ ColumnLayout {
 								iconSize: ContactsStyle.contact.actionButtonsSize
 								
 								ActionButton {
-									icon: 'video_call'
+									isCustom: true
+									backgroundRadius: 90
+									colorSet: ContactsStyle.videoCall
 									visible: SettingsModel.videoSupported && SettingsModel.outgoingCallsEnabled && SettingsModel.getShowStartVideoCallButton()
 									
 									onClicked: actions.itemAt(0).open()
 								}
 								
 								ActionButton {
-									icon: 'call'
+									isCustom: true
+									backgroundRadius: 90
+									colorSet: ContactsStyle.call
 									visible: SettingsModel.outgoingCallsEnabled
 									
 									onClicked: actions.itemAt(1).open()
 								}
 								
 								ActionButton {
-									icon: SettingsModel.getShowStartChatButton() ? 'chat' : 'history'
+									isCustom: true
+									backgroundRadius: 90
+									colorSet: SettingsModel.getShowStartChatButton() ? ContactsStyle.chat : ContactsStyle.history
 									visible: SettingsModel.standardChatEnabled
 									onClicked: actions.itemAt(2).open()
 								}
 								
 								ActionButton {
-									icon: SettingsModel.getShowStartChatButton() ? 'chat' : 'history'
+									isCustom: true
+									backgroundRadius: 90
+									colorSet: SettingsModel.getShowStartChatButton() ? ContactsStyle.chat : ContactsStyle.history
 									visible: SettingsModel.secureChatEnabled && $contact.hasCapability(LinphoneEnums.FriendCapabilityLimeX3Dh)
 									enabled: AccountSettingsModel.conferenceURI != ''
 									Icon{
@@ -165,23 +174,21 @@ ColumnLayout {
 										anchors.topMargin: -3
 									}
 									onClicked: {actions.itemAt(3).open()}
-									TooltipArea{
-										maxWidth: actionBar.width
-										visible: AccountSettingsModel.conferenceURI == ''
+									tooltipMaxWidth: actionBar.width
+									tooltipVisible: AccountSettingsModel.conferenceURI == ''
 										//: 'You need to set the conference URI in your account settings to create a conference based chat room.' : Tooltip to warn the user that a setting is missing in its configuration.
-										text: '- ' + qsTr('missingConferenceURI') + '\n'
-										
-									}
+									tooltipText: '- ' + qsTr('missingConferenceURI') + '\n'
 								}
 							}
 							
 							ActionButton {
+								isCustom: true
+								backgroundRadius: 90
+								colorSet: ContactsStyle.deleteAction
 								anchors {
 									right: parent.right
 									verticalCenter: parent.verticalCenter
 								}
-								icon: 'delete'
-								iconSize: ContactsStyle.contact.deleteButtonSize
 								
 								onClicked: _removeContact($contact)
 							}
diff --git a/linphone-app/ui/views/App/Main/Conversation.js b/linphone-app/ui/views/App/Main/Conversation.js
index 7e7a6c6ef..2c75a9aca 100644
--- a/linphone-app/ui/views/App/Main/Conversation.js
+++ b/linphone-app/ui/views/App/Main/Conversation.js
@@ -44,10 +44,6 @@ function getAvatar () {
   return contact ? contact.vcard.avatar : ''
 }
 
-function getEditIcon () {
-  return conversation._sipAddressObserver.contact ? 'contact_edit' : 'contact_add'
-}
-
 function getEditTooltipText() {
     return conversation._sipAddressObserver.contact ? qsTr('tooltipContactEdit') : qsTr('tooltipContactAdd')
 }
diff --git a/linphone-app/ui/views/App/Main/Conversation.qml b/linphone-app/ui/views/App/Main/Conversation.qml
index b7bae311a..b733dc5f0 100644
--- a/linphone-app/ui/views/App/Main/Conversation.qml
+++ b/linphone-app/ui/views/App/Main/Conversation.qml
@@ -98,7 +98,8 @@ ColumnLayout  {
 				Layout.preferredHeight: ConversationStyle.bar.groupChatSize
 				Layout.preferredWidth: ConversationStyle.bar.groupChatSize
 				
-				icon:'chat_room'
+				icon: ConversationStyle.bar.groupChatIcon
+				overwriteColor: ConversationStyle.bar.groupChatColor
 				iconSize: ConversationStyle.bar.groupChatSize
 				visible: !chatRoomModel.isOneToOne
 			}
@@ -128,15 +129,16 @@ ColumnLayout  {
 							
 							Icon{
 								id:adminIcon
-								icon : 'admin_selected'
-								iconSize:14
+								icon : ConversationStyle.bar.status.adminStatusIcon
+								overwriteColor: ConversationStyle.bar.status.adminStatusColor
+								iconSize: ConversationStyle.bar.status.adminStatusIconSize
 							}
 							Text{
 								anchors.verticalCenter: parent.verticalCenter
 								//: 'Admin' : Admin(istrator)
 								//~ Context One word title for describing the current admin status
 								text: qsTr('adminStatus')
-								color: ColorsList.add("Conversation_admin_status", "af").color
+								color: ConversationStyle.bar.status.adminTextColor
 								font.pointSize: Units.dp * 8
 							}
 						}
@@ -244,26 +246,37 @@ ColumnLayout  {
 					iconSize: ConversationStyle.bar.actions.call.iconSize
 					
 					ActionButton {
-						icon: 'video_call'
+						isCustom: true
+						backgroundRadius: 1000
+						colorSet: ConversationStyle.bar.actions.videoCall
+						
 						visible: SettingsModel.videoSupported && SettingsModel.outgoingCallsEnabled && SettingsModel.showStartVideoCallButton && !conversation.haveMoreThanOneParticipants
 						
 						onClicked: CallsListModel.launchVideoCall(chatRoomModel.participants.addressesToString)
 					}
 					
 					ActionButton {
-						icon: 'call'
+						isCustom: true
+						backgroundRadius: 1000
+						colorSet: ConversationStyle.bar.actions.call
+						
 						visible: SettingsModel.outgoingCallsEnabled && !conversation.haveMoreThanOneParticipants
 						
 						onClicked: CallsListModel.launchAudioCall(chatRoomModel.participants.addressesToString)
 					}
 					ActionButton {
-						icon: 'chat'
+						isCustom: true
+						backgroundRadius: 1000
+						colorSet: ConversationStyle.bar.actions.chat
+						
 						visible: SettingsModel.standardChatEnabled && SettingsModel.getShowStartChatButton() && !conversation.haveMoreThanOneParticipants && conversation.securityLevel != 1
 						
 						onClicked: CallsListModel.launchChat(chatRoomModel.participants.addressesToString, 0)
 					}
 					ActionButton {
-						icon: 'chat'
+						isCustom: true
+						backgroundRadius: 1000
+						colorSet: ConversationStyle.bar.actions.chat
 						visible: SettingsModel.secureChatEnabled && SettingsModel.getShowStartChatButton() && !conversation.haveMoreThanOneParticipants && conversation.securityLevel == 1 && UtilsCpp.hasCapability(conversation.peerAddress,  LinphoneEnums.FriendCapabilityLimeX3Dh)
 						
 						onClicked: CallsListModel.launchChat(chatRoomModel.participants.addressesToString, 1)
@@ -277,14 +290,15 @@ ColumnLayout  {
 					}
 					
 					ActionButton {
-						icon: 'group_chat'
+						isCustom: true
+						backgroundRadius: 1000
+						colorSet: ConversationStyle.bar.actions.groupChat
+						
 						visible: SettingsModel.outgoingCallsEnabled && conversation.haveMoreThanOneParticipants && conversation.haveLessThanMinParticipantsForCall && !conversation.hasBeenLeft
 						
 						onClicked: Logic.openConferenceManager({chatRoomModel:conversation.chatRoomModel, autoCall:true})
-						TooltipArea {
-							//: "Call all chat room's participants" : tooltip on a button for calling all participant in the current chat room
-							text: qsTr("groupChatCallButton")
-						}
+						//: "Call all chat room's participants" : tooltip on a button for calling all participant in the current chat room
+						tooltipText: qsTr("groupChatCallButton")
 					}
 				}
 				
@@ -293,21 +307,22 @@ ColumnLayout  {
 					anchors.verticalCenter: parent.verticalCenter
 					
 					ActionButton {
-						icon: Logic.getEditIcon()
-						iconSize: ConversationStyle.bar.actions.edit.iconSize
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: conversation._sipAddressObserver.contact ? ConversationStyle.bar.actions.edit.viewContact : ConversationStyle.bar.actions.edit.addContact
 						visible: SettingsModel.contactsEnabled && !conversation.chatRoomModel.groupEnabled
 						
 						onClicked: window.setView('ContactEdit', {
 													  sipAddress: conversation.getPeerAddress()
 												  })
-						TooltipArea {
-							text: Logic.getEditTooltipText()
-						}
+						tooltipText: Logic.getEditTooltipText()
 					}
 					
 					ActionButton {
-						icon: 'delete'
-						iconSize: ConversationStyle.bar.actions.edit.iconSize
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: 	ConversationStyle.bar.actions.del.deleteHistory
+						iconSize: ConversationStyle.bar.actions.del.iconSize
 						
 						onClicked: Logic.removeAllEntries()
 						
@@ -317,12 +332,11 @@ ColumnLayout  {
 					}
 					ActionButton {
 						id:dotButton
-						icon: 'menu_vdots'
-						iconSize: ConversationStyle.bar.actions.edit.iconSize
+						isCustom: true
+						backgroundRadius: 90
+						colorSet: 	ConversationStyle.bar.actions.openMenu
 						visible: conversationMenu.showGroupInfo || conversationMenu.showDevices || conversationMenu.showEphemerals
-						
-						//autoIcon: true
-						
+												
 						onClicked: {
 							conversationMenu.open()
 						}
@@ -343,8 +357,8 @@ ColumnLayout  {
 						id:groupInfoMenu
 						//: 'Group information' : Item menu to get information about the chat room
 						text: qsTr('conversationMenuGroupInformations')
-						iconMenu: (hovered ? 'menu_infos_selected' : 'menu_infos')
-						iconSizeMenu: 25
+						iconMenu: MenuItemStyle.info.icon
+						iconSizeMenu: 40
 						menuItemStyle : MenuItemStyle.aux2
 						visible: conversationMenu.showGroupInfo
 						onTriggered: {
@@ -357,16 +371,16 @@ ColumnLayout  {
 						id: separator1
 						height:1
 						width:parent.width
-						color: ColorsList.add("Conversation_menu_separator", "u").color
+						color: ConversationStyle.menu.separatorColor
 						visible: groupInfoMenu.visible && devicesMenuItem.visible
 					}
 					MenuItem{
 						id: devicesMenuItem
 						//: "Conversation's devices" : Item menu to get all participant devices of the chat room
 						text: qsTr('conversationMenuDevices')
-						iconMenu: (hovered ? 'menu_devices_selected' : 'menu_devices' )
+						iconMenu: MenuItemStyle.devices.icon
 						visible: conversationMenu.showDevices
-						iconSizeMenu: 25
+						iconSizeMenu: 40
 						menuItemStyle : MenuItemStyle.aux2
 						onTriggered: {
 							window.detachVirtualWindow()
@@ -378,15 +392,15 @@ ColumnLayout  {
 						id: separator2
 						height:1
 						width:parent.width
-						color: ColorsList.add("Conversation_menu_separator", "u").color
+						color: ConversationStyle.menu.separatorColor
 						visible: ephemeralMenuItem.visible && (groupInfoMenu.visible || devicesMenuItem.visible)
 					}
 					MenuItem{
 						id: ephemeralMenuItem
 						//: 'Ephemeral messages' : Item menu to enable ephemeral mode
 						text: qsTr('conversationMenuEphemeral')
-						iconMenu: (hovered ? 'menu_ephemeral_selected' : 'menu_ephemeral')
-						iconSizeMenu: 25
+						iconMenu: MenuItemStyle.ephemeral.icon
+						iconSizeMenu: 40
 						menuItemStyle : MenuItemStyle.aux2
 						visible: conversationMenu.showEphemerals
 						onTriggered: {
@@ -458,8 +472,9 @@ ColumnLayout  {
 			Icon{
 				anchors.verticalCenter: parent.verticalCenter
 				anchors.horizontalCenter: parent.horizontalCenter
-				icon: (searchView.visible? 'close': 'search')
-				iconSize: 20
+				icon: (searchView.visible? 'close_custom': 'search_custom')
+				iconSize: 30
+				overwriteColor: ConversationStyle.bar.searchIconColor
 			}
 			onClicked: {
 				searchView.visible = !searchView.visible
@@ -486,7 +501,8 @@ ColumnLayout  {
 					margins: 1
 				}
 				width: parent.width-14
-				icon: 'textfield_close'
+				icon: 'close_custom'
+				overwriteColor: ConversationStyle.filters.iconColor
 				persistentIcon: true
 				//: 'Search in messages' : this is a placeholder when searching something in the timeline list
 				placeholderText: qsTr('searchMessagesPlaceholder')
diff --git a/linphone-app/ui/views/App/Main/Dialogs/EphemeralChatRoom.qml b/linphone-app/ui/views/App/Main/Dialogs/EphemeralChatRoom.qml
index 3da974a09..010e88591 100644
--- a/linphone-app/ui/views/App/Main/Dialogs/EphemeralChatRoom.qml
+++ b/linphone-app/ui/views/App/Main/Dialogs/EphemeralChatRoom.qml
@@ -62,8 +62,9 @@ DialogPlus {
 		
 		Layout.alignment: Qt.AlignCenter
 		Icon{
-			icon:'timer'
+			icon: EphemeralChatRoomStyle.timer.icon
 			iconSize: EphemeralChatRoomStyle.timer.iconSize
+			overwriteColor: EphemeralChatRoomStyle.timer.timerColor
 			Layout.preferredHeight: EphemeralChatRoomStyle.timer.preferredHeight
 			Layout.preferredWidth: EphemeralChatRoomStyle.timer.preferredWidth
 			Layout.alignment: Qt.AlignCenter
diff --git a/linphone-app/ui/views/App/Main/Dialogs/InfoChatRoom.qml b/linphone-app/ui/views/App/Main/Dialogs/InfoChatRoom.qml
index f91ac56e4..7bd8f5c72 100644
--- a/linphone-app/ui/views/App/Main/Dialogs/InfoChatRoom.qml
+++ b/linphone-app/ui/views/App/Main/Dialogs/InfoChatRoom.qml
@@ -86,7 +86,7 @@ DialogPlus {
 			//~ Tooltip Explanation for inviting the selected participants into chat room 
 			tooltipText: qsTr('addParticipantTooltip')
 			actions:[{
-					icon: 'add_participant',
+					colorSet: InfoChatRoomStyle.addParticipant,
 					secure: chatRoomModel.haveEncryption,
 					visible: true,
 					visibleHandler : function(entry) {
@@ -154,7 +154,7 @@ DialogPlus {
 					
 					
 					actions:  dialog.adminMode ? [{
-															 icon: 'remove_participant',
+															 colorSet: InfoChatRoomStyle.removeParticipant,
 															 secure:0,
 															 visible:true,
 															 tooltipText: 'Remove this participant from the selection',
diff --git a/linphone-app/ui/views/App/Main/Dialogs/ManageAccounts.qml b/linphone-app/ui/views/App/Main/Dialogs/ManageAccounts.qml
index 84282c6bf..c575b7670 100644
--- a/linphone-app/ui/views/App/Main/Dialogs/ManageAccounts.qml
+++ b/linphone-app/ui/views/App/Main/Dialogs/ManageAccounts.qml
@@ -86,8 +86,9 @@ DialogPlus {
               }
 
               ActionButton {
-                icon: 'options'
-                iconSize: 30
+                isCustom: true
+                backgroundRadius: 90
+                colorSet: ManageAccountsStyle.options
                 anchors.fill: parent
                 visible:false
 		//TODO handle click and jump to proxy config settings
diff --git a/linphone-app/ui/views/App/Main/Dialogs/NewChatRoom.qml b/linphone-app/ui/views/App/Main/Dialogs/NewChatRoom.qml
index 334243d8e..3f994f89e 100644
--- a/linphone-app/ui/views/App/Main/Dialogs/NewChatRoom.qml
+++ b/linphone-app/ui/views/App/Main/Dialogs/NewChatRoom.qml
@@ -95,7 +95,7 @@ DialogPlus {
 						Layout.fillWidth: true
 						//: 'Would you like to encrypt your chat?' : Ask about setting the chat room as secured.
 						text:qsTr('askEncryption')
-						color: ColorsList.add("NewChatRoom_ask_encryption", "g").color
+						color: NewChatRoomStyle.askEncryptionColor
 						font.pointSize: Units.dp * 11
 						font.weight: Font.DemiBold
 					}
@@ -159,7 +159,7 @@ DialogPlus {
 						textFormat: Text.RichText
 						//: 'Subject' : Label of a text field about the subject of the chat room
 						text :qsTr('subjectLabel') +'<span style="color:red">*</span>'
-						color: ColorsList.add("NewChatRoom_subject_title", "g").color
+						color: NewChatRoomStyle.subjectTitleColor
 						font.pointSize: Units.dp * 11
 						font.weight: Font.DemiBold
 					}
@@ -189,7 +189,7 @@ DialogPlus {
 					Text{
 						//: 'Last contacts' : Header for showing last contacts
 						text : qsTr('LastContactsTitle')
-						color: ColorsList.add("NewChatRoom_recent_contact_title", "g").color
+						color: NewChatRoomStyle.recentContactTitleColor
 						font.pointSize: Units.dp * 11
 						font.weight: Font.DemiBold
 					}
@@ -237,7 +237,7 @@ DialogPlus {
 										
 										font.weight: Font.DemiBold
 										lineHeight: 0.8
-										color: ColorsList.add("NewChatRoom_recent_contact_username", "g").color
+										color: NewChatRoomStyle.recentContactUsernameColor
 										font.pointSize: Units.dp * 9
 										clip:false
 									}
@@ -288,7 +288,7 @@ DialogPlus {
 				Layout.fillHeight: true
 				Layout.fillWidth: true
 				border.width: 1
-				border.color: ColorsList.add("NewChatRoom_addresses_border", "l").color
+				border.color: NewChatRoomStyle.addressesBorderColor
 				
 				ColumnLayout {
 					anchors.fill: parent
@@ -315,7 +315,7 @@ DialogPlus {
 										(secureSwitch.checked ? UtilsCpp.hasCapability(sipAddress,  LinphoneEnums.FriendCapabilityLimeX3Dh) : true);
 						}
 						actions:[{
-								icon: 'add_participant',
+								colorSet: NewChatRoomStyle.addParticipant,
 								secure: secureSwitch.checked,
 								visible: true,
 								visibleHandler : function(entry) {
@@ -345,7 +345,7 @@ DialogPlus {
 						//~ one word for admin status
 						text : qsTr('adminStatus')
 						
-						color: ColorsList.add("NewChatRoom_addresses_admin", "g").color
+						color: NewChatRoomStyle.addressesAdminColor
 						font.pointSize: Units.dp * 11
 						font.weight: Font.Light
 						visible: participantView.count > 0
@@ -375,7 +375,7 @@ DialogPlus {
 							
 							
 							actions: [{
-									icon: 'remove_participant',
+									colorSet: NewChatRoomStyle.removeParticipant,
 									secure:0,
 									visible:true,
 									//: 'Remove this participant from the selection' : Explanation about removing participant from a selection
@@ -407,7 +407,7 @@ DialogPlus {
 					//: 'Required' : Word relative to a star to explain that it is a requirement (Field form)
 					text : '<span style="color:red">*</span> '+qsTr('requiredField')
 					//font.weight: Font.DemiBold
-					color: ColorsList.add("NewChatRoom_requiered_text", "g").color
+					color: NewChatRoomStyle.requiredColor
 					font.pointSize: Units.dp * 8
 				}
 			}
diff --git a/linphone-app/ui/views/App/Main/Dialogs/ParticipantsDevices.qml b/linphone-app/ui/views/App/Main/Dialogs/ParticipantsDevices.qml
index 110811801..8e7965873 100644
--- a/linphone-app/ui/views/App/Main/Dialogs/ParticipantsDevices.qml
+++ b/linphone-app/ui/views/App/Main/Dialogs/ParticipantsDevices.qml
@@ -107,23 +107,32 @@ DialogPlus {
 					}
 					
 					ActionButton {
-						Layout.preferredHeight: 20
-						Layout.preferredWidth: 20
-						Layout.leftMargin: 14
-						Layout.rightMargin: 14
-						icon: modelData.deviceCount > 0?
-								  (participantDevices.visible ? 'expanded' : 'collapsed')
-								: (modelData.securityLevel === 2?'secure_level_1': 
-																  (modelData.securityLevel===3? 'secure_level_2' : 'secure_level_unsafe')
-								   )
-						iconSize: 20
+						Layout.preferredHeight: iconSize
+						Layout.preferredWidth: iconSize
+						Layout.leftMargin: isCustom ? 9 : 14
+						Layout.rightMargin: isCustom ? 9 : 14
+						property int securityLevel : modelData.securityLevel
+						property bool participantsDevicesVisible: participantDevices.visible
+						function setColorSet(){
+							if(isCustom)
+								colorSet = participantsDevicesVisible ? ParticipantsDevicesStyle.expanded : ParticipantsDevicesStyle.collapsed
+							iconSize = colorSet.iconSize
+						}
+						onSecurityLevelChanged: if( modelData.deviceCount == 0){
+							icon = securityLevel === 2?'secure_level_1': 
+																  (securityLevel===3? 'secure_level_2' : 'secure_level_unsafe')
+							iconSize = 20
+						}
+						onParticipantsDevicesVisibleChanged: setColorSet()
 						visible:true
-						useStates: false
+						useStates: modelData.deviceCount > 0
+						isCustom: useStates
+						onIsCustomChanged: setColorSet()
 						onClicked: participantDevices.visible = !participantDevices.visible
 					}
 				}
 				Rectangle {
-					color: ColorsList.add("ParticipantDevices_separator", "ag").color
+					color: ParticipantsDevicesStyle.lineSeparatorColor
 					Layout.preferredHeight: 1
 					Layout.fillWidth: true
 				}
@@ -149,7 +158,7 @@ DialogPlus {
 						
 						width:parent.width
 						height:50
-						color: ColorsList.add("ParticipantDevices_line_background", "ah").color
+						color: ParticipantsDevicesStyle.lineBackgroundColor
 						RowLayout{
 							anchors.fill:parent
 							Text{
@@ -190,7 +199,7 @@ DialogPlus {
 							}
 						}
 						Rectangle {
-							color: ColorsList.add("ParticipantDevices_separator", "ag").color
+							color: ParticipantsDevicesStyle.lineSeparatorColor
 							anchors.left : parent.left
 							anchors.right  :parent.right
 							anchors.bottom: parent.bottom
diff --git a/linphone-app/ui/views/App/Main/HistoryView.js b/linphone-app/ui/views/App/Main/HistoryView.js
index 5cf60c27a..cdf9caa94 100644
--- a/linphone-app/ui/views/App/Main/HistoryView.js
+++ b/linphone-app/ui/views/App/Main/HistoryView.js
@@ -44,10 +44,6 @@ function getAvatar () {
   return contact ? contact.vcard.avatar : ''
 }
 
-function getEditIcon () {
-  return historyView._sipAddressObserver && historyView._sipAddressObserver.contact ? 'contact_edit' : 'contact_add'
-}
-
 function getEditTooltipText() {
     return historyView._sipAddressObserver && historyView._sipAddressObserver.contact ? qsTr('tooltipContactEdit') : qsTr('tooltipContactAdd')
 }
diff --git a/linphone-app/ui/views/App/Main/HistoryView.qml b/linphone-app/ui/views/App/Main/HistoryView.qml
index 02d5a49dc..8d7a299b6 100644
--- a/linphone-app/ui/views/App/Main/HistoryView.qml
+++ b/linphone-app/ui/views/App/Main/HistoryView.qml
@@ -81,14 +81,18 @@ ColumnLayout  {
           iconSize: HistoryViewStyle.bar.actions.call.iconSize
 
           ActionButton {
-            icon: 'video_call'
+            isCustom: true
+			backgroundRadius: 90
+			colorSet: ContactsStyle.videoCall
             visible: peerAddress && SettingsModel.videoSupported && SettingsModel.outgoingCallsEnabled && SettingsModel.showStartVideoCallButton
 
             onClicked: CallsListModel.launchVideoCall(historyView.peerAddress)
           }
 
           ActionButton {
-            icon: 'call'
+            isCustom: true
+			backgroundRadius: 90
+			colorSet: ContactsStyle.call
             visible: peerAddress && SettingsModel.outgoingCallsEnabled
 
             onClicked: CallsListModel.launchAudioCall(historyView.peerAddress)
@@ -99,25 +103,24 @@ ColumnLayout  {
           anchors.verticalCenter: parent.verticalCenter
 
           ActionButton {
-            icon: Logic.getEditIcon()
+			isCustom: true
+			backgroundRadius: 4
+			colorSet: historyView._sipAddressObserver && historyView._sipAddressObserver.contact ? ConversationStyle.bar.actions.edit.viewContact : ConversationStyle.bar.actions.edit.addContact
             iconSize: HistoryViewStyle.bar.actions.edit.iconSize
             visible: peerAddress && SettingsModel.contactsEnabled
 
             onClicked: window.setView('ContactEdit', { sipAddress: historyView.peerAddress })
-            TooltipArea {
-              text: peerAddress?Logic.getEditTooltipText():''
-            }
+            tooltipText: peerAddress?Logic.getEditTooltipText():''
           }
 
           ActionButton {
-            icon: 'delete'
-            iconSize: HistoryViewStyle.bar.actions.edit.iconSize
+            isCustom: true
+			backgroundRadius: 90
+			colorSet: ContactsStyle.deleteAction
 
             onClicked: Logic.removeAllEntries()
 
-            TooltipArea {
-              text: qsTr('cleanHistory')
-            }
+            tooltipText: qsTr('cleanHistory')
           }
         }
       }
diff --git a/linphone-app/ui/views/App/Main/MainWindow.qml b/linphone-app/ui/views/App/Main/MainWindow.qml
index 3336eace2..02c97ed27 100644
--- a/linphone-app/ui/views/App/Main/MainWindow.qml
+++ b/linphone-app/ui/views/App/Main/MainWindow.qml
@@ -8,6 +8,7 @@ import Linphone 1.0
 import Utils 1.0
 
 import App.Styles 1.0
+import ColorsList 1.0
 
 import 'MainWindow.js' as Logic
 
@@ -71,7 +72,7 @@ ApplicationWindow {
 			// Workaround to get these properties in `MainWindow.js`.
 			readonly property alias contactsEntry: contactsEntry
 			readonly property alias contentLoader: contentLoader
-			readonly property alias conferencesEntry: conferencesEntry
+			//readonly property alias conferencesEntry: conferencesEntry
 			readonly property alias menu: menu
 			
 			readonly property alias timeline: timeline
@@ -118,10 +119,11 @@ ApplicationWindow {
 						onClicked: leftPanel.visible = !leftPanel.visible
 					}
 					ActionButton {
-						icon: 'home'
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: MainWindowStyle.buttons.home
 						//: 'Open Home' : Tooltip for a button that open the home view
 						tooltipText : qsTr('openHome')
-						iconSize: MainWindowStyle.homeButtonSize
 						//autoIcon: true
 						onClicked: setView('Home')
 					}
@@ -150,9 +152,10 @@ ApplicationWindow {
 						
 						Icon {
 							icon: SettingsModel.autoAnswerStatus
-								  ? 'auto_answer'
+								  ? 'auto_answer_custom'
 								  : ''
 							iconSize: MainWindowStyle.autoAnswerStatus.iconSize
+							overwriteColor: MainWindowStyle.autoAnswerStatus.text.color
 						}
 						
 						Text {
@@ -185,22 +188,24 @@ ApplicationWindow {
 							if (SettingsModel.contactsEnabled) {
 								window.setView('ContactEdit', { sipAddress: entry })
 							} else {
-								CallsListModel.createChatRoom( "", false, [entry], true )
+								CallsListModel.createChatRoom( '', false, [entry], true )
 							}
 						}
 						
-						onLaunchCall: CallsListModel.launchAudioCall(sipAddress, "")
+						onLaunchCall: CallsListModel.launchAudioCall(sipAddress, '')
 						onLaunchChat: CallsListModel.launchChat( sipAddress,0 )
 						onLaunchSecureChat: CallsListModel.launchChat( sipAddress,1 )
-						onLaunchVideoCall: CallsListModel.launchVideoCall(sipAddress, "")
+						onLaunchVideoCall: CallsListModel.launchVideoCall(sipAddress, '')
 					}
 					
 					
 					ActionButton {
-						icon: 'new_chat_group'
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: MainWindowStyle.buttons.newChatGroup
+											
 						//: 'Open Conference' : Tooltip to illustrate a button
 						tooltipText : qsTr('newChatRoom')
-						iconSize: MainWindowStyle.newConferenceSize
 						visible: SettingsModel.standardChatEnabled || SettingsModel.secureChatEnabled 
 						//autoIcon: true
 						onClicked: {
@@ -211,8 +216,9 @@ ApplicationWindow {
 					}
 					
 					ActionButton {
-						icon: 'new_conference'
-						iconSize: MainWindowStyle.newConferenceSize
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: MainWindowStyle.buttons.newConference
 						visible: SettingsModel.conferenceEnabled
 						tooltipText:qsTr('newConferenceButton')
 						//autoIcon: true
@@ -221,8 +227,9 @@ ApplicationWindow {
 					}
 					
 					ActionButton {
-						icon: 'burger_menu'
-						iconSize: MainWindowStyle.menuBurgerSize
+						isCustom: true
+						backgroundRadius: 4
+						colorSet: MainWindowStyle.buttons.burgerMenu
 						visible: Qt.platform.os !== 'osx'
 						
 						onClicked: menuBar.open()
@@ -233,6 +240,7 @@ ApplicationWindow {
 					}
 					
 				}
+				
 			}
 			Loader{
 				active:Qt.platform.os === 'osx'
@@ -267,7 +275,9 @@ ApplicationWindow {
 						ApplicationMenuEntry {
 							id: contactsEntry
 							
-							icon: 'contact'
+							icon: MainWindowStyle.menu.contacts.icon
+							iconSize: MainWindowStyle.menu.contacts.iconSize
+							overwriteColor: isSelected ? MainWindowStyle.menu.contacts.selectedColor : MainWindowStyle.menu.contacts.color
 							name: qsTr('contactsEntry')
 							visible: SettingsModel.contactsEnabled
 							
@@ -282,22 +292,23 @@ ApplicationWindow {
 								anchors.right:parent.right
 								anchors.verticalCenter: parent.verticalCenter
 								anchors.rightMargin: 10
-								icon:'panel_arrow'
-								iconSize:10
+								icon: MainWindowStyle.menu.direction.icon
+								overwriteColor: contactsEntry.overwriteColor
+								iconSize: MainWindowStyle.menu.direction.iconSize
 								
 							}
 						}
-						
+						/*
 						ApplicationMenuEntry {
 							visible : false	//TODO
 							id: conferencesEntry
 							
-							icon: 'conferences'
-							iconSize: 32
+							icon: MainWindowStyle.menu.conferencesIcon
 							name: 'MES CONFERENCES'
+							overwriteColor: isSelected ? MainWindowStyle.menu.conferencesSelectedColor : MainWindowStyle.menu.conferencesColor
 							
 							onSelected: window.setView('HistoryView')
-						}
+						}*/
 					}
 					
 					// History.
@@ -338,7 +349,6 @@ ApplicationWindow {
 			}
 		}
 	}
-	
 	// ---------------------------------------------------------------------------
 	// Url handlers.
 	// ---------------------------------------------------------------------------
diff --git a/linphone-app/ui/views/App/Settings/SettingsAdvanced.qml b/linphone-app/ui/views/App/Settings/SettingsAdvanced.qml
index 914a6dd95..8771933a2 100644
--- a/linphone-app/ui/views/App/Settings/SettingsAdvanced.qml
+++ b/linphone-app/ui/views/App/Settings/SettingsAdvanced.qml
@@ -19,326 +19,329 @@ TabContainer {
 	color: "#00000000"
 	Column {
 		id: column
-        spacing: SettingsWindowStyle.forms.spacing
-        width: parent.width
-        
-        // -------------------------------------------------------------------------
-        // Logs.
-        // -------------------------------------------------------------------------
-        
-        Form {
-            title: qsTr('logsTitle')
-            width: parent.width
-            
-            FormLine {
-                FormGroup {
-                    label: qsTr('logsFolderLabel')
-                    
-                    FileChooserButton {
-                        selectedFile: SettingsModel.logsFolder
-                        selectFolder: true
-                        
-                        onAccepted: SettingsModel.logsFolder = selectedFile
-                    }
-                }
-            }
-            
-            FormLine {
-                FormGroup {
-                    label: qsTr('logsUploadUrlLabel')
-                    
-                    TextField {
-                        readOnly: true
-                        text: SettingsModel.logsUploadUrl
-                        
-                        onEditingFinished: SettingsModel.logsUploadUrl = text
-                    }
-                }
-            }
-            
-            FormLine {
-                FormGroup {
-                    label: qsTr('logsEnabledLabel')
-                    
-                    Switch {
-                        checked: SettingsModel.logsEnabled
-                        
-                        onClicked: SettingsModel.logsEnabled = !checked
-                    }
-                }
-            }
-        }
-        Row {
-            anchors.right: parent.right
-            spacing: SettingsAdvancedStyle.buttons.spacing
-            
-            TextButtonB {
-                text: qsTr('cleanLogs')
-                
-                onClicked: {
-						Logic.cleanLogs()
-						sendLogsBlock.setText('')
+		spacing: SettingsWindowStyle.forms.spacing
+		width: parent.width
+		
+		// -------------------------------------------------------------------------
+		// Logs.
+		// -------------------------------------------------------------------------
+		
+		Form {
+			title: qsTr('logsTitle')
+			width: parent.width
+			
+			FormLine {
+				FormGroup {
+					label: qsTr('logsFolderLabel')
+					
+					FileChooserButton {
+						selectedFile: SettingsModel.logsFolder
+						selectFolder: true
+						
+						onAccepted: SettingsModel.logsFolder = selectedFile
 					}
-            }
-            
-            TextButtonB {
-                enabled: !sendLogsBlock.loading && SettingsModel.logsEnabled
-                text: qsTr('sendLogs')
-                
-                onClicked: sendLogsBlock.execute()
-            }
-        }
-        RequestBlock {
-            id: sendLogsBlock
-            
-            action: CoreManager.sendLogs
-            width: parent.width
-            
-            
-            Connections {
-                target: CoreManager
-                
-                onLogsUploaded: Logic.handleLogsUploaded(url)
-            }
-        }
-        onVisibleChanged: sendLogsBlock.setText('')
-	
-// -------------------------------------------------------------------------
-//								LDAP
-// -------------------------------------------------------------------------
-        Form {
-            title: 'LDAP'
-            width: parent.width
-            addButton:true
-            onAddButtonClicked:ldapSection.add()
-            SettingsLdap{
-                id:ldapSection
-                width: parent.width
-            }
-        }
-
-// -------------------------------------------------------------------------
-//							ADDRESS BOOK
-// -------------------------------------------------------------------------
-        
-        Form {
-            title: qsTr('contactsTitle')
-            width: parent.width
-            FormTable {
-                id:contactsImporterTable
-                width :parent.width
-                legendLineWidth:0
-                disableLineTitle:importerRepeater.count!=1
-                titles: (importerRepeater.count==1? getTitles(): [])
-                function getTitles(repeaterModel){
-                    var fields = importerRepeater.itemAt(0).pluginDescription['fields'];
-                    var t = [''];
-                    for(var i = 0 ; i < fields.length ; ++i){
-                        t.push(fields[i]['placeholder']);
-                    }
-                    return t;
-                }
-                Repeater{
-                    id:importerRepeater
-                    model:ContactsImporterListProxyModel{id:contactsImporterList}
-                    
-                    delegate : FormTable{
-                        //readonly property double maxItemWidth: contactsImporterTable.maxItemWidth
-                        property var pluginDescription : importerLine.pluginDescription
-                        width :parent.width
-                        legendLineWidth:80
-                        disableLineTitle:true
-                        FormTableLine {
-                            id:importerLine
-                            property var fields : modelData.fields
-                            property int identity : modelData.identity
-                            property var pluginDescription : ContactsImporterPluginsManager.getContactsImporterPluginDescription(fields["pluginID"]) // Plugin definition
-                            
-                            FormTableEntry {
-                                Row{
-                                    width :parent.width
-                                    ActionButton {
-                                        id:removeImporter
-                                        icon: 'cancel'
-                                        iconSize:CallsStyle.entry.iconActionSize
-                                        onClicked:ContactsImporterListModel.removeContactsImporter(modelData)
-                                    }
-                                    Text{
-                                        height:parent.height
-                                        width:parent.width-removeImporter.width
-                                        text:importerLine.pluginDescription['pluginTitle']
-                                        horizontalAlignment:Text.AlignHCenter
-                                        verticalAlignment: Text.AlignVCenter
-                                        elide: Text.ElideRight
-                                        wrapMode: Text.WordWrap
-                                        font {
-                                                bold: true
-                                                pointSize: FormTableStyle.entry.text.pointSize
-                                        }
-                                        TooltipArea{
-                                            text:importerLine.pluginDescription['pluginDescription']
-                                        }
-                                    }
-                                }
-                            }
-                            
-                            Repeater{
-                                model:importerLine.pluginDescription['fields']
-                                delegate: FormTableEntry {
-                                    Loader{
-                                        sourceComponent: (modelData['type']==0 ? textComponent:textFieldComponent)
-                                        active:true
-                                        width:parent.width
-                                        Component{
-                                            id: textComponent
-                                            Text {
-                                                color: FormTableStyle.entry.text.color
-                                                elide: Text.ElideRight
-                                                horizontalAlignment: Text.AlignHCenter
-                                                text: importerLine.fields[modelData['fieldId']]?importerLine.fields[modelData['fieldId']]:''
-                                                height: FormTableStyle.entry.height
-                                                width: parent.width
-                                                font {
-                                                    bold: true
-                                                    pointSize: FormTableStyle.entry.text.pointSize
-                                                }
-                                            }
-                                        }
-                                        Component{
-                                            id: textFieldComponent
-                                            TextField {
-                                                readOnly: false
-                                                width:parent.width
-                                                placeholderText : modelData['placeholder']
-                                                text: importerLine.fields[modelData['fieldId']]?importerLine.fields[modelData['fieldId']]:''
-                                                echoMode: (modelData['hiddenText']?TextInput.Password:TextInput.Normal)
-                                                onEditingFinished:{
-                                                    importerLine.fields[modelData['fieldId']] = text
-                                                }
-                                                Component.onCompleted: importerLine.fields[modelData['fieldId']] = text
-                                            }
-                                        }
-                                    }
-                                }
-                            }// Repeater : Fields
-                            FormTableEntry {
-                                Switch {
-                                    checked: modelData.fields["enabled"]>0
-                                    onClicked: {
-                                        checked = !checked
-                                        importerLine.fields["enabled"] = (checked?1:0)
-                                        ContactsImporterListModel.addContactsImporter(importerLine.fields, importerLine.identity)
-                                        
-                                        if(checked){
-                                            ContactsImporterListModel.importContacts(importerLine.identity)
-                                        }else
-                                            contactsImporterStatus.text = ''
-                                    }
-                                }
-                            }//FormTableEntry
-                        }//FormTableLine
-                        FormTableLine{
-                            width:parent.width-parent.legendLineWidth
-                            FormTableEntry {
-                                id:contactsImporterStatusEntry
-                                visible:contactsImporterStatus.text!==''
-                                width:parent.width
-                                TextEdit{
-                                    id:contactsImporterStatus
-                                    property bool isError:false
-                                    selectByMouse: true
-                                    readOnly:true
-                                    color: (isError?SettingsAdvancedStyle.error.color:SettingsAdvancedStyle.info.color)
-                                    width:parent.width
-                                    horizontalAlignment:Text.AlignRight
-                                    font {
-                                        italic: true
-                                        pointSize: SettingsAdvancedStyle.info.pointSize
-                                    }
-                                    Connections{
-                                        target:modelData
-                                        onStatusMessage:{contactsImporterStatus.isError=false;contactsImporterStatus.text=message;}
-                                        onErrorMessage:{contactsImporterStatus.isError=true;contactsImporterStatus.text=message;}
-                                    }
-                                }
-                            }
-                        }
-                    }//Column
-                }// Repeater : Importer
-                
-            }
-            Row{
-                spacing:SettingsAdvancedStyle.buttons.spacing
-                anchors.horizontalCenter: parent.horizontalCenter
-                ActionButton {
-                    icon: 'options'
-                    iconSize:CallsStyle.entry.iconActionSize
-                    onClicked:{
-                        ContactsImporterPluginsManager.openNewPlugin();
-                        pluginChoice.model = ContactsImporterPluginsManager.getPlugins();
-                    }
-                }
-                ComboBox{
-                    id: pluginChoice
-                    model:ContactsImporterPluginsManager.getPlugins()
-                    textRole: "pluginTitle"
-                    //: 'No Plugins to load' : Text in combobox
-                    displayText: currentIndex === -1 ? qsTr('noPlugin') : currentText
-                    Text{// Hack, combobox show empty text when empty
-                        anchors.fill:parent
-                        visible:pluginChoice.currentIndex===-1
-                        verticalAlignment: Qt.AlignVCenter
-                        horizontalAlignment: Qt.AlignHCenter
-                        text: qsTr('noPlugin')
-                        font {
-                            bold:false
-                            italic: true
-                            pointSize: FormTableStyle.entry.text.pointSize
-                        }
-                    }
-                    Connections{
-                        target:SettingsModel
-                        onContactImporterChanged:pluginChoice.model=ContactsImporterPluginsManager.getPlugins()
-                    }
-                }
-                ActionButton {
-                    icon: 'add'
-                    iconSize:CallsStyle.entry.iconActionSize
-                    visible:pluginChoice.currentIndex>=0
-                    onClicked:{
-                        if( pluginChoice.currentIndex >= 0)
-                            ContactsImporterListModel.createContactsImporter({"pluginID":pluginChoice.model[pluginChoice.currentIndex]["pluginID"]})
-                    }
-                }
-            }
-        }
-
-        // -------------------------------------------------------------------------
-        // Developer settings.
-        // -------------------------------------------------------------------------
-
-        Form {
-            title: qsTr('developerSettingsTitle')
-            visible: SettingsModel.isDeveloperSettingsAvailable()
-            width: parent.width
-            
-            FormLine {
-                FormGroup {
-                    label: qsTr('developerSettingsEnabledLabel')
-                    
-                    Switch {
-                        checked: SettingsModel.developerSettingsEnabled
-                        
-                        onClicked: SettingsModel.developerSettingsEnabled = !checked
-                    }
-                }
-            }
-        }
-    }
+				}
+			}
+			
+			FormLine {
+				FormGroup {
+					label: qsTr('logsUploadUrlLabel')
+					
+					TextField {
+						readOnly: true
+						text: SettingsModel.logsUploadUrl
+						
+						onEditingFinished: SettingsModel.logsUploadUrl = text
+					}
+				}
+			}
+			
+			FormLine {
+				FormGroup {
+					label: qsTr('logsEnabledLabel')
+					
+					Switch {
+						checked: SettingsModel.logsEnabled
+						
+						onClicked: SettingsModel.logsEnabled = !checked
+					}
+				}
+			}
+		}
+		Row {
+			anchors.right: parent.right
+			spacing: SettingsAdvancedStyle.buttons.spacing
+			
+			TextButtonB {
+				text: qsTr('cleanLogs')
+				
+				onClicked: {
+					Logic.cleanLogs()
+					sendLogsBlock.setText('')
+				}
+			}
+			
+			TextButtonB {
+				enabled: !sendLogsBlock.loading && SettingsModel.logsEnabled
+				text: qsTr('sendLogs')
+				
+				onClicked: sendLogsBlock.execute()
+			}
+		}
+		RequestBlock {
+			id: sendLogsBlock
+			
+			action: CoreManager.sendLogs
+			width: parent.width
+			
+			
+			Connections {
+				target: CoreManager
+				
+				onLogsUploaded: Logic.handleLogsUploaded(url)
+			}
+		}
+		onVisibleChanged: sendLogsBlock.setText('')
+		
+		// -------------------------------------------------------------------------
+		//								LDAP
+		// -------------------------------------------------------------------------
+		Form {
+			title: 'LDAP'
+			width: parent.width
+			addButton:true
+			onAddButtonClicked:ldapSection.add()
+			SettingsLdap{
+				id:ldapSection
+				width: parent.width
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		//							ADDRESS BOOK
+		// -------------------------------------------------------------------------
+		
+		Form {
+			title: qsTr('contactsTitle')
+			width: parent.width
+			FormTable {
+				id:contactsImporterTable
+				width :parent.width
+				legendLineWidth:0
+				disableLineTitle:importerRepeater.count!=1
+				titles: (importerRepeater.count==1? getTitles(): [])
+				function getTitles(repeaterModel){
+					var fields = importerRepeater.itemAt(0).pluginDescription['fields'];
+					var t = [''];
+					for(var i = 0 ; i < fields.length ; ++i){
+						t.push(fields[i]['placeholder']);
+					}
+					return t;
+				}
+				Repeater{
+					id:importerRepeater
+					model:ContactsImporterListProxyModel{id:contactsImporterList}
+					
+					delegate : FormTable{
+						//readonly property double maxItemWidth: contactsImporterTable.maxItemWidth
+						property var pluginDescription : importerLine.pluginDescription
+						width :parent.width
+						legendLineWidth:80
+						disableLineTitle:true
+						FormTableLine {
+							id:importerLine
+							property var fields : modelData.fields
+							property int identity : modelData.identity
+							property var pluginDescription : ContactsImporterPluginsManager.getContactsImporterPluginDescription(fields["pluginID"]) // Plugin definition
+							
+							FormTableEntry {
+								Row{
+									width :parent.width
+									ActionButton {
+										id:removeImporter
+										isCustom: true
+										backgroundRadius: 90
+										colorSet: SettingsAdvancedStyle.cancel
+										onClicked:ContactsImporterListModel.removeContactsImporter(modelData)
+									}
+									Text{
+										height:parent.height
+										width:parent.width-removeImporter.width
+										text:importerLine.pluginDescription['pluginTitle']
+										horizontalAlignment:Text.AlignHCenter
+										verticalAlignment: Text.AlignVCenter
+										elide: Text.ElideRight
+										wrapMode: Text.WordWrap
+										font {
+											bold: true
+											pointSize: FormTableStyle.entry.text.pointSize
+										}
+										TooltipArea{
+											text:importerLine.pluginDescription['pluginDescription']
+										}
+									}
+								}
+							}
+							
+							Repeater{
+								model:importerLine.pluginDescription['fields']
+								delegate: FormTableEntry {
+									Loader{
+										sourceComponent: (modelData['type']==0 ? textComponent:textFieldComponent)
+										active:true
+										width:parent.width
+										Component{
+											id: textComponent
+											Text {
+												color: FormTableStyle.entry.text.color
+												elide: Text.ElideRight
+												horizontalAlignment: Text.AlignHCenter
+												text: importerLine.fields[modelData['fieldId']]?importerLine.fields[modelData['fieldId']]:''
+												height: FormTableStyle.entry.height
+												width: parent.width
+												font {
+													bold: true
+													pointSize: FormTableStyle.entry.text.pointSize
+												}
+											}
+										}
+										Component{
+											id: textFieldComponent
+											TextField {
+												readOnly: false
+												width:parent.width
+												placeholderText : modelData['placeholder']
+												text: importerLine.fields[modelData['fieldId']]?importerLine.fields[modelData['fieldId']]:''
+												echoMode: (modelData['hiddenText']?TextInput.Password:TextInput.Normal)
+												onEditingFinished:{
+													importerLine.fields[modelData['fieldId']] = text
+												}
+												Component.onCompleted: importerLine.fields[modelData['fieldId']] = text
+											}
+										}
+									}
+								}
+							}// Repeater : Fields
+							FormTableEntry {
+								Switch {
+									checked: modelData.fields["enabled"]>0
+									onClicked: {
+										checked = !checked
+										importerLine.fields["enabled"] = (checked?1:0)
+										ContactsImporterListModel.addContactsImporter(importerLine.fields, importerLine.identity)
+										
+										if(checked){
+											ContactsImporterListModel.importContacts(importerLine.identity)
+										}else
+											contactsImporterStatus.text = ''
+									}
+								}
+							}//FormTableEntry
+						}//FormTableLine
+						FormTableLine{
+							width:parent.width-parent.legendLineWidth
+							FormTableEntry {
+								id:contactsImporterStatusEntry
+								visible:contactsImporterStatus.text!==''
+								width:parent.width
+								TextEdit{
+									id:contactsImporterStatus
+									property bool isError:false
+									selectByMouse: true
+									readOnly:true
+									color: (isError?SettingsAdvancedStyle.error.color:SettingsAdvancedStyle.info.color)
+									width:parent.width
+									horizontalAlignment:Text.AlignRight
+									font {
+										italic: true
+										pointSize: SettingsAdvancedStyle.info.pointSize
+									}
+									Connections{
+										target:modelData
+										onStatusMessage:{contactsImporterStatus.isError=false;contactsImporterStatus.text=message;}
+										onErrorMessage:{contactsImporterStatus.isError=true;contactsImporterStatus.text=message;}
+									}
+								}
+							}
+						}
+					}//Column
+				}// Repeater : Importer
+				
+			}
+			Row{
+				spacing:SettingsAdvancedStyle.buttons.spacing
+				anchors.horizontalCenter: parent.horizontalCenter
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: SettingsAdvancedStyle.options
+					onClicked:{
+						ContactsImporterPluginsManager.openNewPlugin();
+						pluginChoice.model = ContactsImporterPluginsManager.getPlugins();
+					}
+				}
+				ComboBox{
+					id: pluginChoice
+					model:ContactsImporterPluginsManager.getPlugins()
+					textRole: "pluginTitle"
+					//: 'No Plugins to load' : Text in combobox
+					displayText: currentIndex === -1 ? qsTr('noPlugin') : currentText
+					Text{// Hack, combobox show empty text when empty
+						anchors.fill:parent
+						visible:pluginChoice.currentIndex===-1
+						verticalAlignment: Qt.AlignVCenter
+						horizontalAlignment: Qt.AlignHCenter
+						text: qsTr('noPlugin')
+						font {
+							bold:false
+							italic: true
+							pointSize: FormTableStyle.entry.text.pointSize
+						}
+					}
+					Connections{
+						target:SettingsModel
+						onContactImporterChanged:pluginChoice.model=ContactsImporterPluginsManager.getPlugins()
+					}
+				}
+				ActionButton {
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: SettingsAdvancedStyle.add
+					visible:pluginChoice.currentIndex>=0
+					onClicked:{
+						if( pluginChoice.currentIndex >= 0)
+							ContactsImporterListModel.createContactsImporter({"pluginID":pluginChoice.model[pluginChoice.currentIndex]["pluginID"]})
+					}
+				}
+			}
+		}
+		
+		// -------------------------------------------------------------------------
+		// Developer settings.
+		// -------------------------------------------------------------------------
+		
+		Form {
+			title: qsTr('developerSettingsTitle')
+			visible: SettingsModel.isDeveloperSettingsAvailable()
+			width: parent.width
+			
+			FormLine {
+				FormGroup {
+					label: qsTr('developerSettingsEnabledLabel')
+					
+					Switch {
+						checked: SettingsModel.developerSettingsEnabled
+						
+						onClicked: SettingsModel.developerSettingsEnabled = !checked
+					}
+				}
+			}
+		}
+	}
 }
 
 /*##^##
 Designer {
-    D{i:0;autoSize:true;height:480;width:640}
+	D{i:0;autoSize:true;height:480;width:640}
 }
 ##^##*/
diff --git a/linphone-app/ui/views/App/Settings/SettingsAudio.qml b/linphone-app/ui/views/App/Settings/SettingsAudio.qml
index 698ce86d2..9b04c0e48 100644
--- a/linphone-app/ui/views/App/Settings/SettingsAudio.qml
+++ b/linphone-app/ui/views/App/Settings/SettingsAudio.qml
@@ -142,12 +142,12 @@ TabContainer {
 							width: audioTestSlider.availableWidth
 							height: implicitHeight
 							radius: 2
-							color: ColorsList.add("SettingsAudio_slider_background", "slider_background").color
+							color: SettingsAudioStyle.sliderBackgroundColor
 							
 							Rectangle {
 								width: audioTestSlider.visualPosition * parent.width
 								height: parent.height
-								color: audioTestSlider.value > 0.8 ? ColorsList.add("SettingsAudio_slider_high", "slider_high").color : ColorsList.add("SettingsAudio_slider_low", "slider_low").color
+								color: audioTestSlider.value > 0.8 ? SettingsAudioStyle.sliderHighColor : SettingsAudioStyle.sliderLowColor
 								radius: 2
 							}
 						}
@@ -201,18 +201,15 @@ TabContainer {
 							SettingsModel.ringPath = selectedFile
 						}
 						
-						ActionSwitch {
+						ActionButton{
 							anchors {
 								left: parent.right
 								leftMargin: SettingsAudioStyle.ringPlayer.leftMargin
 							}
-							
-							enabled: {
-								var item = ringPlayer.item
-								return item && item.playbackState === SoundPlayer.PlayingState
-							}
-							
-							icon: 'pause'
+							property bool playing :  ringPlayer.item && ringPlayer.item.playbackState === SoundPlayer.PlayingState
+							isCustom: true
+							backgroundRadius: 90
+							colorSet: playing ? SettingsAudioStyle.pause : SettingsAudioStyle.play
 							
 							onClicked: {
 								var item = ringPlayer.item
@@ -220,7 +217,7 @@ TabContainer {
 									return
 								}
 								
-								if (enabled) {
+								if (playing) {
 									item.stop()
 								} else {
 									item.play()
diff --git a/linphone-app/ui/views/App/Settings/SettingsLdap.qml b/linphone-app/ui/views/App/Settings/SettingsLdap.qml
index e8f93b9e8..c50455500 100644
--- a/linphone-app/ui/views/App/Settings/SettingsLdap.qml
+++ b/linphone-app/ui/views/App/Settings/SettingsLdap.qml
@@ -68,8 +68,9 @@ Column {
 					anchors.verticalCenter: parent.verticalCenter
 					anchors.right:parent.right
 					anchors.rightMargin:SettingsAdvancedStyle.lists.margin
-					icon: 'cancel'
-					iconSize:CallsStyle.entry.iconActionSize
+					isCustom: true
+					backgroundRadius: 90
+					colorSet: SettingsAdvancedStyle.cancel
 					scale:SettingsAdvancedStyle.lists.iconScale
 					onClicked:{
 						LdapListModel.remove(modelData)
diff --git a/linphone-app/ui/views/App/Settings/SettingsSipAccounts.qml b/linphone-app/ui/views/App/Settings/SettingsSipAccounts.qml
index ced920119..2e2672b48 100644
--- a/linphone-app/ui/views/App/Settings/SettingsSipAccounts.qml
+++ b/linphone-app/ui/views/App/Settings/SettingsSipAccounts.qml
@@ -83,8 +83,9 @@ TabContainer {
 
             FormTableEntry {
               ActionButton {
-                icon: 'edit'
-                iconSize: SettingsWindowStyle.sipAccounts.iconSize
+                isCustom: true
+                backgroundRadius: 4
+                colorSet: SettingsWindowStyle.buttons.editProxy
 
                 onClicked: Logic.editAccount(modelData)
               }
@@ -92,8 +93,9 @@ TabContainer {
 
             FormTableEntry {
               ActionButton {
-                icon: 'delete'
-                iconSize: SettingsWindowStyle.sipAccounts.iconSize
+                isCustom: true
+                backgroundRadius: 4
+                colorSet: SettingsWindowStyle.buttons.deleteProxy
 
                 onClicked: Logic.deleteAccount(modelData)
               }
diff --git a/linphone-app/ui/views/App/Settings/SettingsUi.qml b/linphone-app/ui/views/App/Settings/SettingsUi.qml
index 0cf95a968..1c618ebce 100644
--- a/linphone-app/ui/views/App/Settings/SettingsUi.qml
+++ b/linphone-app/ui/views/App/Settings/SettingsUi.qml
@@ -65,8 +65,9 @@ TabContainer {
 						label: qsTr('fontsTextChange')
 						RowLayout{
 							ActionButton {
-								icon: 'options'
-								iconSize: 25
+								isCustom: true
+								backgroundRadius: 90
+								colorSet: SettingsUiStyle.options
 								onClicked: fontDialog.visible = true
 								Layout.preferredWidth: 25
 								FontDialog {
diff --git a/linphone-app/ui/views/App/Settings/SettingsWindow.qml b/linphone-app/ui/views/App/Settings/SettingsWindow.qml
index fd984ed4a..91d4f0325 100644
--- a/linphone-app/ui/views/App/Settings/SettingsWindow.qml
+++ b/linphone-app/ui/views/App/Settings/SettingsWindow.qml
@@ -53,33 +53,33 @@ ApplicationWindow {
 				onCurrentIndexChanged: SettingsModel.onSettingsTabChanged(currentIndex)
 				
 				TabButton {
-					iconName: 'settings_sip_accounts'
+					iconName: TabButtonStyle.icon.sipAccountsIcon
 					text: qsTr('sipAccountsTab')
 					width: implicitWidth
 				}
 				
 				TabButton {
-					iconName: 'settings_audio'
+					iconName: TabButtonStyle.icon.audioIcon
 					text: qsTr('audioTab')
 					width: implicitWidth
 				}
 				
 				TabButton {
 					enabled: SettingsModel.videoSupported
-					iconName: 'settings_video'
+					iconName: TabButtonStyle.icon.videoIcon
 					text: qsTr('videoTab')
 					width: implicitWidth
 				}
 				
 				TabButton {
-					iconName: 'settings_call'
+					iconName: TabButtonStyle.icon.callIcon
 					text: qsTr('callsAndChatTab')
 					width: implicitWidth
 				}
 				
 				TabButton {
 					enabled: SettingsModel.showNetworkSettings || SettingsModel.developerSettingsEnabled
-					iconName: 'settings_network'
+					iconName: TabButtonStyle.icon.networkIcon
 					text: qsTr('networkTab')
 					width: implicitWidth
 				}
@@ -87,20 +87,20 @@ ApplicationWindow {
 				TabButton {
 					visible: SettingsModel.tunnelAvailable()
 					enabled: visible			
-					iconName: 'settings_network'
+					iconName: TabButtonStyle.icon.sipAccountsIcon
 					//: 'Tunnel' : Tab title for tunnel section in settings.
 					text: qsTr('tunnelTab')
 					width: visible ? implicitWidth : 0
 				}
 				
 				TabButton {
-					iconName: 'settings_advanced'
+					iconName: TabButtonStyle.icon.advancedIcon
 					text: qsTr('uiTab')
 					width: implicitWidth
 				}
 				
 				TabButton {
-					iconName: 'settings_advanced'
+					iconName: TabButtonStyle.icon.advancedIcon
 					text: qsTr('uiAdvanced')
 					width: implicitWidth
 				}
diff --git a/linphone-app/ui/views/App/Styles/Calls/CallFullscreenStyle.qml b/linphone-app/ui/views/App/Styles/Calls/CallFullscreenStyle.qml
new file mode 100644
index 000000000..4bc8bdef8
--- /dev/null
+++ b/linphone-app/ui/views/App/Styles/Calls/CallFullscreenStyle.qml
@@ -0,0 +1,369 @@
+pragma Singleton
+import QtQml 2.2
+
+import Units 1.0
+import ColorsList 1.0
+
+// =============================================================================
+
+QtObject {
+	property string sectionName : 'CallFullscreen'
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'f').color
+	
+	property QtObject actionArea: QtObject {
+		property int height: 100
+		property int iconSize: 40
+		property int leftButtonsGroupMargin: 50
+		property int lowWidth: 650
+		property int rightButtonsGroupMargin: 50
+		
+		property QtObject userVideo: QtObject {
+			property int height: 200
+			property int width: 130
+			property int heightReference: 1200 // height and width are fixed from these references
+			property int widthReference: 780
+		}
+		
+		property QtObject vu: QtObject {
+			property int spacing: 5
+		}
+		
+		property QtObject callError: QtObject {
+			property color color: ColorsList.add(sectionName+'_action_error', 'i').color
+			property int pointSize: Units.dp * 12
+		}
+	}
+	
+	property QtObject container: QtObject {
+		property int margins: 15
+		
+		property QtObject avatar: QtObject {
+			property color backgroundColor: ColorsList.add(sectionName+'_container_avatar_bg', 'n').color
+			property int maxSize: 300
+		}
+		
+		property QtObject pause: QtObject {
+			property color color: ColorsList.add(sectionName+'_container_pause', 'g90').color
+			
+			property QtObject text: QtObject {
+				property color color: ColorsList.add(sectionName+'_container_pause_text', 'q').color
+				property int pointSizeFactor: 5
+			}
+		}
+	}
+	
+	property QtObject header: QtObject {
+		property int buttonIconSize: 40
+		property int iconSize: 16
+		property int leftMargin: 20
+		property int rightMargin: 20
+		property int spacing: 10
+		property int topMargin: 26
+		
+		property QtObject busyIndicator: QtObject {
+			property color color: ColorsList.add(sectionName+'_header_busy', 'g').color
+			property int height: 30
+			property int width: 30
+		}
+		
+		property QtObject contactDescription: QtObject {
+			property int height: 50
+			property int width: 150
+		}
+		
+		property QtObject elapsedTime: QtObject {
+			property color color: ColorsList.add(sectionName+'_header_elapsed_time', 'j').color
+			property int pointSize: Units.dp * 10
+			
+			property QtObject fullscreen: QtObject {
+				property int pointSize: Units.dp * 12
+			}
+		}
+		
+		property QtObject stats: QtObject {
+			property int relativeY: 90
+		}
+	}
+	
+	property QtObject zrtpArea: QtObject {
+		property int height: 50
+		
+		property QtObject buttons: QtObject {
+			property int spacing: 10
+		}
+		
+		property QtObject text: QtObject {
+			property color colorA: ColorsList.add(sectionName+'_zrtp_text_a', 'j').color
+			property color colorB: ColorsList.add(sectionName+'_zrtp_text_b', 'i').color
+			property int pointSize: Units.dp * 10
+			property int wordsSpacing: 5
+		}
+	}
+	// Button colors	
+	property QtObject buttons: QtObject {
+		property QtObject callQuality: QtObject {
+			property int iconSize: 16
+			property string name : 'quality'
+			property string icon : 'call_quality_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundDisabledColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_d', icon, 'me_d_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundDisabledColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_d', icon, 'me_d_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject telKeyad: QtObject {
+			property int iconSize: 16
+			property string name : 'telKeypad'
+			property string icon : 'tel_keypad_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject secure: QtObject {
+			property int iconSize: 16
+			property string icon : 'call_chat_secure_custom'
+			property string name : 'secure'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, '', '', 'transparent').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, '', '', 'transparent').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, '', '', 'transparent').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon,  '', '', '#5a585b').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon,  '', '', '#5a585b').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon,  '', '', '#5a585b').color
+		}
+		property QtObject unsecure: QtObject {
+			property int iconSize: 16
+			property string icon : 'call_chat_unsecure_custom'
+			property string name : 'unsecure'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, '', '', 'transparent').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, '', '', 'transparent').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, '', '', 'transparent').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon,  '', '', '#ff0000').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon,  '', '', '#ff0000').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon,  '', '', '#ff0000').color
+		}
+		property QtObject screenshot: QtObject {
+			property int iconSize: 40
+			property string icon : 'screenshot_custom'
+			property string name : 'screenshot'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'sc_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'sc_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'sc_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'sc_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'sc_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'sc_p_b_fg').color
+		}
+		property QtObject recordOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'record_custom'
+			property string name : 'recordOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'sc_p_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'sc_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'sc_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'sc_p_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'sc_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'sc_p_b_fg').color
+		}
+		property QtObject recordOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'record_custom'
+			property string name : 'recordOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'sc_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'sc_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'sc_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'sc_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'sc_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'sc_p_b_fg').color
+		}
+		property QtObject fullscreen: QtObject {
+			property int iconSize: 40
+			property string icon : 'fullscreen_custom'
+			property string name : 'fullscreen'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject stopFullscreen: QtObject {
+			property int iconSize: 40
+			property string icon : 'stop_fullscreen_custom'
+			property string name : 'stopFullscreen'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'sc_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'sc_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'sc_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'sc_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'sc_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'sc_p_b_fg').color
+		}
+		property QtObject microOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'micro_on_custom'
+			property string name : 'microOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject microOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'micro_off_custom'
+			property string name : 'microOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject speakerOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'speaker_on_custom'
+			property string name : 'speakerOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject speakerOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'speaker_off_custom'
+			property string name : 'speakerOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject cameraOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'camera_on_custom'
+			property string name : 'cameraOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject cameraOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'camera_off_custom'
+			property string name : 'cameraOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject options: QtObject {
+			property int iconSize: 40
+			property string icon : 'options_custom'
+			property string name : 'options'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject pause: QtObject {
+			property int iconSize: 40
+			property string icon : 'pause_custom'
+			property string name : 'pause'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject play: QtObject {
+			property int iconSize: 40
+			property string icon : 'play_custom'
+			property string name : 'play'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject chat: QtObject {
+			property int iconSize: 40
+			property string icon : 'chat_custom'
+			property string name : 'chat'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject history: QtObject {
+			property int iconSize: 40
+			property string icon : 'history_custom'
+			property string name : 'history'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		
+		property QtObject hangup: QtObject {
+			property int iconSize: 40
+			property string icon : 'hangup_custom'
+			property string name : 'hangup'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'r_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'r_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'r_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'r_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'r_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'r_p_b_fg').color
+		}
+		property QtObject acceptVideoCall: QtObject {
+			property int iconSize: 40
+			property string icon : 'video_call_accept_custom'
+			property string name : 'videoCallAccept'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'a_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'a_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'a_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'a_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'a_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'a_p_b_fg').color
+		}
+		property QtObject acceptCall: QtObject {
+			property int iconSize: 40
+			property string icon : 'call_accept_custom'
+			property string name : 'callAccept'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'a_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'a_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'a_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'a_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'a_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'a_p_b_fg').color
+		}
+	}
+}
diff --git a/linphone-app/ui/views/App/Styles/Calls/CallStyle.qml b/linphone-app/ui/views/App/Styles/Calls/CallStyle.qml
index da7a7f381..2ebce71fb 100644
--- a/linphone-app/ui/views/App/Styles/Calls/CallStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/CallStyle.qml
@@ -7,95 +7,363 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("Call_background", "f").color
-
-  property QtObject actionArea: QtObject {
-    property int height: 100
-    property int iconSize: 40
-    property int leftButtonsGroupMargin: 50
-    property int lowWidth: 650
-    property int rightButtonsGroupMargin: 50
-
-    property QtObject userVideo: QtObject {
-      property int height: 200
-      property int width: 130
-      property int heightReference: 1200 // height and width are fixed from these references
-      property int widthReference: 780
-    }
-
-    property QtObject vu: QtObject {
-      property int spacing: 5
-    }
-
-    property QtObject callError: QtObject {
-      property color color: ColorsList.add("Call_action_error", "i").color
-      property int pointSize: Units.dp * 12
-    }
-  }
-
-  property QtObject container: QtObject {
-    property int margins: 15
-
-    property QtObject avatar: QtObject {
-      property color backgroundColor: ColorsList.add("Call_container_avatar_background", "n").color
-      property int maxSize: 300
-    }
-
-    property QtObject pause: QtObject {
-      property color color: ColorsList.add("Call_container_pause", "g90").color
-
-      property QtObject text: QtObject {
-        property color color: ColorsList.add("Call_container_pause_text", "q").color
-        property int pointSizeFactor: 5
-      }
-    }
-  }
-
-  property QtObject header: QtObject {
-    property int buttonIconSize: 40
-    property int iconSize: 16
-    property int leftMargin: 20
-    property int rightMargin: 20
-    property int spacing: 10
-    property int topMargin: 26
-
-    property QtObject busyIndicator: QtObject {
-      property color color: ColorsList.add("Call_header_busy", "g").color
-      property int height: 30
-      property int width: 30
-    }
-
-    property QtObject contactDescription: QtObject {
-      property int height: 50
-      property int width: 150
-    }
-
-    property QtObject elapsedTime: QtObject {
-      property color color: ColorsList.add("Call_header_elapsed_time", "j").color
-      property int pointSize: Units.dp * 10
-
-      property QtObject fullscreen: QtObject {
-        property int pointSize: Units.dp * 12
-      }
-    }
-
-    property QtObject stats: QtObject {
-      property int relativeY: 90
-    }
-  }
-
-  property QtObject zrtpArea: QtObject {
-    property int height: 50
-
-    property QtObject buttons: QtObject {
-      property int spacing: 10
-    }
-
-    property QtObject text: QtObject {
-      property color colorA: ColorsList.add("Call_zrtp_text_a", "j").color
-      property color colorB: ColorsList.add("Call_zrtp_text_b", "i").color
-      property int pointSize: Units.dp * 10
-      property int wordsSpacing: 5
-    }
-  }
+	property string sectionName : 'Call'
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'f').color
+	
+	property QtObject actionArea: QtObject {
+		property int height: 100
+		property int iconSize: 40
+		property int leftButtonsGroupMargin: 50
+		property int lowWidth: 650
+		property int rightButtonsGroupMargin: 50
+		
+		property QtObject userVideo: QtObject {
+			property int height: 200
+			property int width: 130
+			property int heightReference: 1200 // height and width are fixed from these references
+			property int widthReference: 780
+		}
+		
+		property QtObject vu: QtObject {
+			property int spacing: 5
+		}
+		
+		property QtObject callError: QtObject {
+			property color color: ColorsList.add(sectionName+'_action_error', 'i').color
+			property int pointSize: Units.dp * 12
+		}
+	}
+	
+	property QtObject container: QtObject {
+		property int margins: 15
+		
+		property QtObject avatar: QtObject {
+			property color backgroundColor: ColorsList.add(sectionName+'_container_avatar_bg', 'n').color
+			property int maxSize: 300
+		}
+		
+		property QtObject pause: QtObject {
+			property color color: ColorsList.add(sectionName+'_container_pause', 'g90').color
+			
+			property QtObject text: QtObject {
+				property color color: ColorsList.add(sectionName+'_container_pause_text', 'q').color
+				property int pointSizeFactor: 5
+			}
+		}
+	}
+	
+	property QtObject header: QtObject {
+		property int buttonIconSize: 40
+		property int iconSize: 16
+		property int leftMargin: 20
+		property int rightMargin: 20
+		property int spacing: 10
+		property int topMargin: 26
+		
+		property QtObject busyIndicator: QtObject {
+			property color color: ColorsList.add(sectionName+'_header_busy', 'g').color
+			property int height: 30
+			property int width: 30
+		}
+		
+		property QtObject contactDescription: QtObject {
+			property int height: 50
+			property int width: 150
+		}
+		
+		property QtObject elapsedTime: QtObject {
+			property color color: ColorsList.add(sectionName+'_header_elapsed_time', 'j').color
+			property int pointSize: Units.dp * 10
+			
+			property QtObject fullscreen: QtObject {
+				property int pointSize: Units.dp * 12
+			}
+		}
+		
+		property QtObject stats: QtObject {
+			property int relativeY: 90
+		}
+	}
+	
+	property QtObject zrtpArea: QtObject {
+		property int height: 50
+		
+		property QtObject buttons: QtObject {
+			property int spacing: 10
+		}
+		
+		property QtObject text: QtObject {
+			property color colorA: ColorsList.add(sectionName+'_zrtp_text_a', 'j').color
+			property color colorB: ColorsList.add(sectionName+'_zrtp_text_b', 'i').color
+			property int pointSize: Units.dp * 10
+			property int wordsSpacing: 5
+		}
+	}
+	// Button colors	
+	property QtObject buttons: QtObject {
+		property QtObject callQuality: QtObject {
+			property int iconSize: 16
+			property string name : 'quality'
+			property string icon : 'call_quality_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundDisabledColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_d', icon, 'me_d_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundDisabledColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_d', icon, 'me_d_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject telKeyad: QtObject {
+			property int iconSize: 16
+			property string name : 'telKeypad'
+			property string icon : 'tel_keypad_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject secure: QtObject {
+			property int iconSize: 16
+			property string icon : 'call_chat_secure_custom'
+			property string name : 'secure'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, '', '', 'transparent').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, '', '', 'transparent').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, '', '', 'transparent').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon,  '', '', '#5a585b').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon,  '', '', '#5a585b').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon,  '', '', '#5a585b').color
+		}
+		property QtObject unsecure: QtObject {
+			property int iconSize: 16
+			property string icon : 'call_chat_unsecure_custom'
+			property string name : 'unsecure'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, '', '', 'transparent').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, '', '', 'transparent').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, '', '', 'transparent').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon,  '', '', '#ff0000').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon,  '', '', '#ff0000').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon,  '', '', '#ff0000').color
+		}
+		property QtObject screenshot: QtObject {
+			property int iconSize: 40
+			property string icon : 'screenshot_custom'
+			property string name : 'screenshot'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject recordOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'record_custom'
+			property string name : 'recordOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_p_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_p_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject recordOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'record_custom'
+			property string name : 'recordOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject fullscreen: QtObject {
+			property int iconSize: 40
+			property string icon : 'fullscreen_custom'
+			property string name : 'fullscreen'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject stopFullscreen: QtObject {
+			property int iconSize: 40
+			property string icon : 'stop_fullscreen_custom'
+			property string name : 'stopFullscreen'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject microOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'micro_on_custom'
+			property string name : 'microOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject microOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'micro_off_custom'
+			property string name : 'microOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject speakerOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'speaker_on_custom'
+			property string name : 'speakerOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject speakerOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'speaker_off_custom'
+			property string name : 'speakerOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject cameraOn: QtObject {
+			property int iconSize: 40
+			property string icon : 'camera_on_custom'
+			property string name : 'cameraOn'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject cameraOff: QtObject {
+			property int iconSize: 40
+			property string icon : 'camera_off_custom'
+			property string name : 'cameraOff'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject options: QtObject {
+			property int iconSize: 40
+			property string icon : 'options_custom'
+			property string name : 'options'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject pause: QtObject {
+			property int iconSize: 40
+			property string icon : 'pause_custom'
+			property string name : 'pause'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject play: QtObject {
+			property int iconSize: 40
+			property string icon : 'play_custom'
+			property string name : 'play'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+		}
+		property QtObject chat: QtObject {
+			property int iconSize: 40
+			property string icon : 'chat_custom'
+			property string name : 'chat'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		property QtObject history: QtObject {
+			property int iconSize: 40
+			property string icon : 'history_custom'
+			property string name : 'history'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		
+		property QtObject hangup: QtObject {
+			property int iconSize: 40
+			property string icon : 'hangup_custom'
+			property string name : 'hangup'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'r_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'r_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'r_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'r_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'r_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'r_p_b_fg').color
+		}
+		property QtObject acceptVideoCall: QtObject {
+			property int iconSize: 40
+			property string icon : 'video_call_accept_custom'
+			property string name : 'videoCallAccept'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'a_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'a_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'a_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'a_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'a_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'a_p_b_fg').color
+		}
+		property QtObject acceptCall: QtObject {
+			property int iconSize: 40
+			property string icon : 'call_accept_custom'
+			property string name : 'callAccept'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'a_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'a_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'a_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'a_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'a_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'a_p_b_fg').color
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Calls/CallsWindowStyle.qml b/linphone-app/ui/views/App/Styles/Calls/CallsWindowStyle.qml
index b17799e14..13cd5bee6 100644
--- a/linphone-app/ui/views/App/Styles/Calls/CallsWindowStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/CallsWindowStyle.qml
@@ -5,29 +5,52 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int minimumHeight: 480
-  property int minimumWidth: 960
-
-  property QtObject call: QtObject {
-    property int minimumWidth: 395
-  }
-
-  property QtObject callsList: QtObject {
-    property color color: ColorsList.add("CallsWindow_list_background", "q").color
-    property int defaultWidth: 250
-    property int maximumWidth: 250
-    property int minimumWidth: 110
-
-    property QtObject header: QtObject {
-      property color color1: ColorsList.add("CallsWindow_list_header_a", "q").color
-      property color color2: ColorsList.add("CallsWindow_list_header_b", "f").color
-      property int height: 60
-      property int iconSize: 40
-      property int leftMargin: 10
-    }
-  }
-
-  property QtObject chat: QtObject {
-    property int minimumWidth: 300
-  }
+	property string sectionName: 'CallsWindow'
+	property int minimumHeight: 480
+	property int minimumWidth: 960
+	
+	property QtObject call: QtObject {
+		property int minimumWidth: 395
+	}
+	
+	property QtObject callsList: QtObject {
+		property color color: ColorsList.add(sectionName+'_list_bg', 'q').color
+		property int defaultWidth: 250
+		property int maximumWidth: 250
+		property int minimumWidth: 110
+		
+		property QtObject header: QtObject {
+			property color color1: ColorsList.add(sectionName+'_list_header_a', 'q').color
+			property color color2: ColorsList.add(sectionName+'_list_header_b', 'f').color
+			property int height: 60
+			property int iconSize: 40
+			property int leftMargin: 10
+		}
+		property QtObject newCall: QtObject {
+			property int iconSize: 40
+			property string name : 'newCall'
+			property string icon : 'new_call_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'ma_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'ma_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'ma_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'ma_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'ma_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'ma_p_b_fg').color
+		}
+		property QtObject newConference: QtObject {
+			property int iconSize: 40
+			property string name : 'newConference'
+			property string icon : 'new_conference_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'ma_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'ma_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'ma_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'ma_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'ma_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'ma_p_b_fg').color
+		}
+	}
+	
+	property QtObject chat: QtObject {
+		property int minimumWidth: 300
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Calls/ConferenceStyle.qml b/linphone-app/ui/views/App/Styles/Calls/ConferenceStyle.qml
index dcaf4102f..698809613 100644
--- a/linphone-app/ui/views/App/Styles/Calls/ConferenceStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/ConferenceStyle.qml
@@ -7,24 +7,25 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject description: QtObject {
-    property color color: ColorsList.add("Conference_description", "j").color
-    property int pointSize: Units.dp * 12
-    property int height: 60
-    property int width: 150
-  }
-
-  property QtObject grid: QtObject {
-    property int spacing: 5
-
-    property QtObject cell: QtObject {
-      property int height: 145
-      property int spacing: 5
-      property int width: 154
-
-      property QtObject contactDescription: QtObject {
-        property int height: 35
-      }
-    }
-  }
+	property string sectionName: 'Conference'
+	property QtObject description: QtObject {
+		property color color: ColorsList.add(sectionName+'_description', 'j').color
+		property int pointSize: Units.dp * 12
+		property int height: 60
+		property int width: 150
+	}
+	
+	property QtObject grid: QtObject {
+		property int spacing: 5
+		
+		property QtObject cell: QtObject {
+			property int height: 145
+			property int spacing: 5
+			property int width: 154
+			
+			property QtObject contactDescription: QtObject {
+				property int height: 35
+			}
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallSipAddressStyle.qml b/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallSipAddressStyle.qml
index 2d6720f76..577c6c6ca 100644
--- a/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallSipAddressStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallSipAddressStyle.qml
@@ -1,10 +1,38 @@
 pragma Singleton
 import QtQml 2.2
+import ColorsList 1.0
 
 // =============================================================================
 
 QtObject {
-  property int height: 420
-  property int spacing: 10
-  property int width: 450
+	property string sectionName : 'CallSipAddress'
+	property int height: 420
+	property int spacing: 10
+	property int width: 450
+	
+	property QtObject videoCall: QtObject {
+		property int iconSize: 36
+		property string name : 'videoCall'
+		property string icon : 'video_call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject call: QtObject {
+		property int iconSize: 36
+		property string name : 'call'
+		property string icon : 'call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject searchField: QtObject {
+		property color color: ColorsList.add(sectionName+'_searchField', 'c').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallTransferStyle.qml b/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallTransferStyle.qml
index 2d6720f76..f9df761e3 100644
--- a/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallTransferStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/Dialogs/CallTransferStyle.qml
@@ -1,10 +1,26 @@
 pragma Singleton
 import QtQml 2.2
+import ColorsList 1.0
 
 // =============================================================================
 
 QtObject {
-  property int height: 420
-  property int spacing: 10
-  property int width: 450
+	property string sectionName: 'CallTransfer'
+	property int height: 420
+	property int spacing: 10
+	property int width: 450
+	property QtObject transfer: QtObject {
+		property int iconSize: 36
+		property string icon : 'transfer_custom'
+		property string name : 'transfer'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject searchField: QtObject {
+		property color color: ColorsList.add(sectionName+'_searchField', 'c').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Calls/Dialogs/ConferenceManagerStyle.qml b/linphone-app/ui/views/App/Styles/Calls/Dialogs/ConferenceManagerStyle.qml
index ac442e29a..a195dbd87 100644
--- a/linphone-app/ui/views/App/Styles/Calls/Dialogs/ConferenceManagerStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/Dialogs/ConferenceManagerStyle.qml
@@ -6,19 +6,45 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int height: 420
-  property int width: 740
-
-  property QtObject columns: QtObject {
-    property QtObject selector: QtObject {
-      property int spacing: 10
-    }
-
-    property QtObject separator: QtObject {
-      property color color: ColorsList.add("ConferenceManager_separator", "c").color
-      property int leftMargin: 25
-      property int rightMargin: 25
-      property int width: 1
-    }
-  }
+	property string sectionName: 'ConferenceManager'
+	property int height: 420
+	property int width: 740
+	
+	property QtObject columns: QtObject {
+		property QtObject selector: QtObject {
+			property int spacing: 10
+		}
+		
+		property QtObject separator: QtObject {
+			property color color: ColorsList.add(sectionName+'_separator', 'c').color
+			property int leftMargin: 25
+			property int rightMargin: 25
+			property int width: 1
+		}
+	}
+	property QtObject transfer: QtObject {
+		property int iconSize: 36
+		property string icon : 'transfer_custom'
+		property string name : 'transfer'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject cancel: QtObject {
+		property int iconSize: 36
+		property string icon : 'cancel_custom'
+		property string name : 'cancel'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject searchField: QtObject {
+		property color color: ColorsList.add(sectionName+'_searchField', 'c').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Calls/Dialogs/MultimediaParametersStyle.qml b/linphone-app/ui/views/App/Styles/Calls/Dialogs/MultimediaParametersStyle.qml
index 1aa924caa..42d19ed30 100644
--- a/linphone-app/ui/views/App/Styles/Calls/Dialogs/MultimediaParametersStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Calls/Dialogs/MultimediaParametersStyle.qml
@@ -1,19 +1,39 @@
 pragma Singleton
 import QtQml 2.2
-
+import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int height: 312
-  property int width: 450
-
-  property QtObject column: QtObject {
-    property int spacing: 24
-
-    property QtObject entry: QtObject {
-      property int iconSize: 24
-      property int spacing: 10
-      property int spacing2: 5
-    }
-  }
+	property string sectionName: 'MultimediaParams'
+	property int height: 312
+	property int width: 450
+	
+	property QtObject column: QtObject {
+		property int spacing: 24
+		
+		property QtObject entry: QtObject {
+			property int iconSize: 24
+			property int spacing: 10
+			property int spacing2: 5
+			property QtObject speaker: QtObject {
+				property int iconSize: 30
+				property string icon : 'speaker_on_custom'
+				property string name : 'speaker'
+				property color color : ColorsList.addImageColor(sectionName+'_'+name, icon, 'g').color
+			}
+			property QtObject micro: QtObject {
+				property int iconSize: 30
+				property string icon : 'micro_on_custom'
+				property string name : 'micro'
+				property color color : ColorsList.addImageColor(sectionName+'_'+name, icon, 'g').color
+			}
+			property QtObject camera: QtObject {
+				property int iconSize: 30
+				property string icon : 'camera_on_custom'
+				property string name : 'camera'
+				property color color : ColorsList.addImageColor(sectionName+'_'+name, icon, 'g').color
+			}
+		}
+	}
+	
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithEmailStyle.qml b/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithEmailStyle.qml
index 9f57db1e2..9ec53e2b6 100644
--- a/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithEmailStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithEmailStyle.qml
@@ -7,10 +7,11 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 20
-
-  property QtObject activationSteps: QtObject {
-    property color color: ColorsList.add("ActivateApp_email_steps", "g").color
-    property int pointSize: Units.dp * 10
-  }
+	property string sectionName: 'ActivateApp'
+	property int spacing: 20
+	
+	property QtObject activationSteps: QtObject {
+		property color color: ColorsList.add(sectionName+'_email_steps', 'g').color
+		property int pointSize: Units.dp * 10
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithPhoneNumberStyle.qml b/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithPhoneNumberStyle.qml
index 1aad8008a..fc8e857cc 100644
--- a/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithPhoneNumberStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Assistant/ActivateAppSipAccountWithPhoneNumberStyle.qml
@@ -7,10 +7,11 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int spacing: 20
-
-  property QtObject activationSteps: QtObject {
-    property color color: ColorsList.add("ActivateApp_phone_steps", "g").color
-    property int pointSize: Units.dp * 10
-  }
+	property string sectionName: 'ActivateApp'
+	property int spacing: 20
+	
+	property QtObject activationSteps: QtObject {
+		property color color: ColorsList.add(sectionName+'_phone_steps', 'g').color
+		property int pointSize: Units.dp * 10
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantAbstractViewStyle.qml b/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantAbstractViewStyle.qml
index 30d79a7ce..1c97b4d6f 100644
--- a/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantAbstractViewStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantAbstractViewStyle.qml
@@ -7,26 +7,27 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject buttons: QtObject {
-    property int spacing: 10
-  }
-
-  property QtObject content: QtObject {
-    property int height: 375
-    property int width: 400
-  }
-
-  property QtObject info: QtObject {
-    property int spacing: 20
-
-    property QtObject description: QtObject {
-      property color color: ColorsList.add("Assistant_info_description", "g").color
-      property int pointSize: Units.dp * 11
-    }
-
-    property QtObject title: QtObject {
-      property color color: ColorsList.add("Assistant_info_title", "g").color
-      property int pointSize: Units.dp * 11
-    }
-  }
+	property string sectionName: 'Assistant'
+	property QtObject buttons: QtObject {
+		property int spacing: 10
+	}
+	
+	property QtObject content: QtObject {
+		property int height: 375
+		property int width: 400
+	}
+	
+	property QtObject info: QtObject {
+		property int spacing: 20
+		
+		property QtObject description: QtObject {
+			property color color: ColorsList.add(sectionName+'_info_description', 'g').color
+			property int pointSize: Units.dp * 11
+		}
+		
+		property QtObject title: QtObject {
+			property color color: ColorsList.add(sectionName+'_info_title', 'g').color
+			property int pointSize: Units.dp * 11
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantHomeStyle.qml b/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantHomeStyle.qml
index c1445426d..ce4886150 100644
--- a/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantHomeStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Assistant/AssistantHomeStyle.qml
@@ -7,26 +7,27 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject info: QtObject {
-    property int height: 245
-    property int iconSize: 150
-
-    property QtObject description: QtObject {
-      property color color: ColorsList.add("Assistant_home_description", "g").color
-      property int pointSize: Units.dp * 10
-      property int height: 40
-    }
-
-    property QtObject title: QtObject {
-      property color color: ColorsList.add("Assistant_home_title", "g").color
-      property int pointSize: Units.dp * 11
-      property int height: 40
-    }
-  }
-
-  property QtObject buttons: QtObject {
-    property int height: 90
-    property int maxWidth: 690
-    property int spacing: 5
-  }
+	property string sectionName: 'Assistant'
+	property QtObject info: QtObject {
+		property int height: 245
+		property int iconSize: 150
+		
+		property QtObject description: QtObject {
+			property color color: ColorsList.add(sectionName+'_home_description', 'g').color
+			property int pointSize: Units.dp * 10
+			property int height: 40
+		}
+		
+		property QtObject title: QtObject {
+			property color color: ColorsList.add(sectionName+'_home_title', 'g').color
+			property int pointSize: Units.dp * 11
+			property int height: 40
+		}
+	}
+	
+	property QtObject buttons: QtObject {
+		property int height: 90
+		property int maxWidth: 690
+		property int spacing: 5
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/AssistantStyle.qml b/linphone-app/ui/views/App/Styles/Main/AssistantStyle.qml
index 0c5f3a3b6..58317fb4a 100644
--- a/linphone-app/ui/views/App/Styles/Main/AssistantStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/AssistantStyle.qml
@@ -6,13 +6,14 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Assistant", "k").color
-  property int bottomMargin: 35
-  property int leftMargin: 90
-  property int rightMargin: 90
-  property int topMargin: 50
-
-  property QtObject stackAnimation: QtObject {
-    property int duration: 400
-  }
+	property string sectionName: 'Assistant'
+	property color color: ColorsList.add(sectionName, 'k').color
+	property int bottomMargin: 35
+	property int leftMargin: 90
+	property int rightMargin: 90
+	property int topMargin: 50
+	
+	property QtObject stackAnimation: QtObject {
+		property int duration: 400
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/ContactEditStyle.qml b/linphone-app/ui/views/App/Styles/Main/ContactEditStyle.qml
index db9521c47..52d9e8e0c 100644
--- a/linphone-app/ui/views/App/Styles/Main/ContactEditStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/ContactEditStyle.qml
@@ -7,59 +7,117 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject buttons: QtObject {
-    property int spacing: 20
-    property int topMargin: 20
-  }
-
-  property QtObject bar: QtObject {
-    property color color: ColorsList.add("ContactEdit_bar", "e").color
-    property int avatarSize: 60
-    property int height: 80
-    property int leftMargin: 40
-    property int rightMargin: 30
-    property int spacing: 20
-
-    property QtObject actions: QtObject {
-      property int spacing: 40
-
-      property QtObject del: QtObject {
-        property int iconSize: 22
-      }
-
-      property QtObject edit: QtObject {
-        property int iconSize: 22
-      }
-
-      property QtObject history: QtObject {
-        property int iconSize: 40
-      }
-    }
-
-    property QtObject buttons: QtObject {
-      property int size: 40
-      property int spacing: 20
-    }
-
-    property QtObject username: QtObject {
-      property color color: ColorsList.add("ContactEdit_username", "j").color
-      property int pointSize: Units.dp * 13
-    }
-  }
-
-  property QtObject content: QtObject {
-    property color color: ColorsList.add("ContactEdit_content", "k").color
-  }
-
-  property QtObject values: QtObject {
-    property int bottomMargin: 20
-    property int leftMargin: 40
-    property int rightMargin: 20
-    property int topMargin: 20
-
-    property QtObject separator: QtObject {
-      property color color: ColorsList.add("ContactEdit_separator", "f").color
-      property int height: 1
-    }
-  }
+	property string sectionName: 'ContactEdit'
+	property QtObject buttons: QtObject {
+		property int spacing: 20
+		property int topMargin: 20
+	}
+	
+	property QtObject bar: QtObject {
+		property color color: ColorsList.add(sectionName+'_bar', 'e').color
+		property int avatarSize: 60
+		property int height: 80
+		property int leftMargin: 40
+		property int rightMargin: 30
+		property int spacing: 20
+		
+		property QtObject actions: QtObject {
+			property int spacing: 40
+			
+			property QtObject del: QtObject {
+				property int iconSize: 36
+				property QtObject colorSet: QtObject {
+					property int iconSize: 36
+					property string name : 'delete'
+					property string icon : 'contact_delete_custom'
+					property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+					property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+					property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+					property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+					property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+					property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+				}
+			}
+			
+			property QtObject edit: QtObject {
+				property int iconSize: 36
+				property QtObject colorSet: QtObject {
+					property int iconSize: 36
+					property string name : 'edit'
+					property string icon : 'contact_edit_custom'
+					property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+					property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+					property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+					property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+					property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+					property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+				}
+			}
+			
+			property QtObject history: QtObject {
+				property int iconSize: 40
+			}
+		}
+		property QtObject avatarTakePicture: QtObject {
+			property int iconSize: 60
+			property string icon : 'contact_card_photo_custom'
+			property string name : 'avatarTakePicture'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_h_b_bg').color
+			property color backgroundDisabledColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_d', icon, 's_d_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_n_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_h_b_fg').color
+			property color foregroundDisabledColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_d', icon, 's_d_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+		
+		property QtObject buttons: QtObject {
+			property int size: 40
+			property int spacing: 20
+		}
+		
+		property QtObject username: QtObject {
+			property color color: ColorsList.add(sectionName+'_username', 'j').color
+			property int pointSize: Units.dp * 13
+		}
+	}
+	
+	property QtObject content: QtObject {
+		property color color: ColorsList.add(sectionName+'_content', 'k').color
+	}
+	
+	property QtObject values: QtObject {
+		property int bottomMargin: 20
+		property int leftMargin: 40
+		property int rightMargin: 20
+		property int topMargin: 20
+		
+		property QtObject separator: QtObject {
+			property color color: ColorsList.add(sectionName+'_separator', 'f').color
+			property int height: 1
+		}
+	}
+	property QtObject chat: QtObject {
+		property int iconSize: 40
+		property string name : 'chat'
+		property string icon : 'chat_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject history: QtObject {
+		property int iconSize: 40
+		property string icon : 'history_custom'
+		property string name : 'history'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/ContactsStyle.qml b/linphone-app/ui/views/App/Styles/Main/ContactsStyle.qml
index 3626b3503..e040be43d 100644
--- a/linphone-app/ui/views/App/Styles/Main/ContactsStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/ContactsStyle.qml
@@ -7,50 +7,110 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color backgroundColor: ColorsList.add("Contacts_background", "k").color
-  property int spacing: 20
-
-  property QtObject bar: QtObject {
-    property color backgroundColor: ColorsList.add("Contacts_bar_background", "e").color
-    property int height: 60
-    property int leftMargin: 18
-    property int rightMargin: 18
-  }
-
-  property QtObject contact: QtObject {
-    property int actionButtonsSize: 36
-    property int avatarSize: 30
-    property int deleteButtonSize: 22
-    property int height: 50
-    property int leftMargin: 40
-    property int presenceLevelSize: 12
-    property int rightMargin: 25
-    property int spacing: 15
-
-    property QtObject backgroundColor: QtObject {
-      property color normal: ColorsList.add("Contacts_contact_background_normal", "k").color
-      property color hovered: ColorsList.add("Contacts_contact_background_hovered", "g10").color
-    }
-
-    property QtObject border: QtObject {
-      property color color: ColorsList.add("Contacts_contact_border", "f").color
-      property int width: 1
-    }
-
-    property QtObject indicator: QtObject {
-      property color color: ColorsList.add("Contacts_contact_indicator", "i").color
-      property int width: 5
-    }
-
-    property QtObject presence: QtObject {
-      property int pointSize: Units.dp * 10
-      property color color: ColorsList.add("Contacts_contact_presence", "n").color
-    }
-
-    property QtObject username: QtObject {
-      property color color: ColorsList.add("Contacts_contact_username", "j").color
-      property int pointSize: Units.dp * 10
-      property int width: 220
-    }
-  }
+	property string sectionName: 'Contacts'
+	property color backgroundColor: ColorsList.add(sectionName+'_bg', 'k').color
+	property int spacing: 20
+	
+	property QtObject filter: QtObject {
+		property string icon: 'filter_custom'
+		property color color: ColorsList.add(sectionName+'_filter_icon', 'c').color
+	}
+	property QtObject bar: QtObject {
+		property color backgroundColor: ColorsList.add(sectionName+'_bar_bg', 'e').color
+		property int height: 60
+		property int leftMargin: 18
+		property int rightMargin: 18
+	}
+	
+	property QtObject contact: QtObject {
+		property int actionButtonsSize: 36
+		property int avatarSize: 30
+		property int deleteButtonSize: 22
+		property int height: 50
+		property int leftMargin: 40
+		property int presenceLevelSize: 12
+		property int rightMargin: 25
+		property int spacing: 15
+		
+		property QtObject backgroundColor: QtObject {
+			property color normal: ColorsList.add(sectionName+'_contact_bg_n', 'k').color
+			property color hovered: ColorsList.add(sectionName+'_contact_bg_h', 'g10').color
+		}
+		
+		property QtObject border: QtObject {
+			property color color: ColorsList.add(sectionName+'_contact_border', 'f').color
+			property int width: 1
+		}
+		
+		property QtObject indicator: QtObject {
+			property color color: ColorsList.add(sectionName+'_contact_indicator', 'i').color
+			property int width: 5
+		}
+		
+		property QtObject presence: QtObject {
+			property int pointSize: Units.dp * 10
+			property color color: ColorsList.add(sectionName+'_contact_presence', 'n').color
+		}
+		
+		property QtObject username: QtObject {
+			property color color: ColorsList.add(sectionName+'_contact_username', 'j').color
+			property int pointSize: Units.dp * 10
+			property int width: 220
+		}
+	}
+	property QtObject videoCall: QtObject {
+		property int iconSize: 36
+		property string name : 'videoCall'
+		property string icon : 'video_call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject call: QtObject {
+		property int iconSize: 36
+		property string name : 'call'
+		property string icon : 'call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject chat: QtObject {
+		property int iconSize: 36
+		property string name : 'chat'
+		property string icon : 'chat_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject history: QtObject {
+		property int iconSize: 36
+		property string icon : 'history_custom'
+		property string name : 'history'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject deleteAction: QtObject {
+		property int iconSize: 36
+		property string name : 'delete'
+		property string icon : 'contact_delete_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/ConversationStyle.qml b/linphone-app/ui/views/App/Styles/Main/ConversationStyle.qml
index c3538098d..5dba895f1 100644
--- a/linphone-app/ui/views/App/Styles/Main/ConversationStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/ConversationStyle.qml
@@ -8,44 +8,144 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName : 'Conversation'
 	property QtObject bar: QtObject {
-		property color backgroundColor: ColorsList.add("Conversation_bar_background", "e").color
+		property color backgroundColor: ColorsList.add(sectionName+'_bar_bg', 'e').color
+		property color searchIconColor: ColorsList.add(sectionName+'_bar_search', 'c').color
 		property int avatarSize: 60
-		property int groupChatSize: 55
+		property int groupChatSize: 80
+		property string groupChatIcon: 'chat_room_custom'
+		property color groupChatColor: ColorsList.add(sectionName+'_bar_groupChat', 'g').color
+		
 		property int height: 80
 		property int leftMargin: 40
 		property int rightMargin: 10
 		property int spacing: 20
 		
+		property QtObject status: QtObject {
+			property string adminStatusIcon: 'admin_selected_custom'
+			property int adminStatusIconSize: 24
+			property color adminStatusColor: ColorsList.add(sectionName+'_bar_status', 's').color
+			property color adminTextColor : ColorsList.add(sectionName+'_description_admin_status', 'af').color
+		}
+		
 		property QtObject actions: QtObject {
 			property int spacing: 20
 			
 			property QtObject call: QtObject {
 				property int iconSize: 40
+				property string name : 'call'
+				property string icon : 'call_custom'
+				property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+				property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+				property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+				property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+				property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+				property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			}
+			
+			property QtObject chat: QtObject {
+				property int iconSize: 40
+				property string name : 'chat'
+				property string icon : 'chat_custom'
+				property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+				property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+				property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+				property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+				property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+				property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			}
+			
+			property QtObject groupChat: QtObject {
+				property int iconSize: 40
+				property string name : 'groupChat'
+				property string icon : 'group_chat_custom'
+				property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+				property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+				property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+				property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+				property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+				property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+			}
+			
+			property QtObject videoCall: QtObject {
+				property int iconSize: 40
+				property string name : 'videoCall'
+				property string icon : 'video_call_custom'
+				property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+				property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+				property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+				property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+				property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+				property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
 			}
 			
 			property QtObject del: QtObject {
-				property int iconSize: 22
+				property int iconSize: 40
+				property QtObject deleteHistory: QtObject {
+					property int iconSize: 40
+					property string name : 'deleteHistory'
+					property string icon : 'delete_custom'
+					property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+					property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+					property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+					property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+					property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+					property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+				}
 			}
 			
 			property QtObject edit: QtObject {
-				property int iconSize: 22
+				property int iconSize: 40
+				property QtObject addContact: QtObject {
+					property int iconSize: 40
+					property string name : 'addContact'
+					property string icon : 'contact_add_custom'
+					property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+					property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+					property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+					property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+					property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+					property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+				}
+				property QtObject viewContact: QtObject {
+					property int iconSize: 40
+					property string name : 'viewContact'
+					property string icon : 'contact_view_custom'
+					property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+					property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+					property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+					property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+					property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+					property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+				}
 			}
+			property QtObject openMenu: QtObject {
+					property int iconSize: 40
+					property string name : 'other'
+					property string icon : 'menu_vdots_custom'
+					property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+					property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+					property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+					property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+					property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+					property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+				}
 		}
 		
 		property QtObject contactDescription : QtObject {
 			property QtObject sipAddress: QtObject {
-				property color color: ColorsList.add("Conversation_description_sipAddress", "n").color
+				property color color: ColorsList.add(sectionName+'_description_sipAddress', 'n').color
 				property int pointSize: Units.dp * 10
 				property int weight: Font.Light
 			}
 			
 			property QtObject username: QtObject {
-				property color color: ColorsList.add("Conversation_description_username", "j").color
+				property color color: ColorsList.add(sectionName+'_description_username', 'j').color
 				property int pointSize: Units.dp * 11
 				property int weight: Font.Normal
 				property QtObject status : QtObject{
-					property color color : ColorsList.add("Conversation_description_username_status", "g").color
+					property color color : ColorsList.add(sectionName+'_description_username_status', 'g').color
 					property int pointSize : Units.dp * 9
 				}
 			}
@@ -53,16 +153,19 @@ QtObject {
 	}
 	
 	property QtObject filters: QtObject {
-		property color backgroundColor: ColorsList.add("Conversation_filters_background", "q").color
+		property color backgroundColor: ColorsList.add(sectionName+'_filters_bg', 'q').color
+		property color iconColor: ColorsList.add(sectionName+'_filters_icon', 'c').color
 		property int height: 51
 		property int leftMargin: 40
 		
 		property QtObject border: QtObject {
-			property color color: ColorsList.add("Conversation_filters_border", "g10").color
+			property color color: ColorsList.add(sectionName+'_filters_border', 'g10').color
 			property int bottomWidth: 1
 			property int topWidth: 0
 		}
 	}
-	
+	property QtObject menu: QtObject{
+		property color separatorColor: ColorsList.add(sectionName+'_separator', 'u').color
+	}
 	
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/AboutStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/AboutStyle.qml
index 9946844c1..eff569be8 100644
--- a/linphone-app/ui/views/App/Styles/Main/Dialogs/AboutStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/AboutStyle.qml
@@ -7,6 +7,7 @@ import Units 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'About'
   property int height: 225
   property int spacing: 20
   property int width: 400
@@ -15,12 +16,12 @@ QtObject {
     property int spacing: 10
 
     property QtObject license: QtObject {
-      property color color: ColorsList.add("About_license", "d").color
+      property color color: ColorsList.add(sectionName+'_license', 'd').color
       property int pointSize: Units.dp * 10
     }
 
     property QtObject url: QtObject {
-      property color color: ColorsList.add("About_url", "i").color
+      property color color: ColorsList.add(sectionName+'_url', 'i').color
       property int pointSize: Units.dp * 10
     }
   }
@@ -30,12 +31,12 @@ QtObject {
     property int spacing: 10
 
     property QtObject appVersion: QtObject {
-      property color color: ColorsList.add("About_appVersion", "d").color
+      property color color: ColorsList.add(sectionName+'_appVersion', 'd').color
       property int pointSize: Units.dp * 10
     }
 
     property QtObject coreVersion: QtObject {
-      property color color: ColorsList.add("About_coreVersion", "d").color
+      property color color: ColorsList.add(sectionName+'_coreVersion', 'd').color
       property int pointSize: Units.dp * 10
     }
   }
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/EphemeralChatRoomStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/EphemeralChatRoomStyle.qml
index bbd4f2348..a285e3a68 100644
--- a/linphone-app/ui/views/App/Styles/Main/Dialogs/EphemeralChatRoomStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/EphemeralChatRoomStyle.qml
@@ -7,6 +7,7 @@ import ColorsList 1.0
 
 // =============================================================================
 QtObject {
+	property string sectionName: 'EphemeralChatRoom'
 	property int height: 320
 	property int width: 450
 	
@@ -18,16 +19,18 @@ QtObject {
 	}
 		
 	property QtObject timer: QtObject {
-		property int iconSize: 40
-		property int preferredHeight: 50
-		property int preferredWidth: 50
+		property int iconSize: 60
+		property int preferredHeight: 60
+		property int preferredWidth: 60
+		property string icon: 'timer_custom'
+		property color timerColor: ColorsList.addImageColor(sectionName+'_timer', icon, 'ad').color
 	}
 	property QtObject descriptionText: QtObject {
 		property int preferredWidth: 200
 		property int leftMargin: 10
 		property int rightMargin: 10
 		property real pointSize: Units.dp * 11
-		property color color: ColorsList.add("Ephemeral_popup_description", "d").color
+		property color color: ColorsList.add(sectionName+'_popup_description', 'd').color
 	}
 	property QtObject timerPicker: QtObject {
 		property int preferredWidth: 150
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoChatRoomStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoChatRoomStyle.qml
index 8859ea12a..5e6898d7f 100644
--- a/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoChatRoomStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoChatRoomStyle.qml
@@ -7,6 +7,7 @@ import ColorsList 1.0
 
 // =============================================================================
 QtObject {
+	property string sectionName: 'InfoChatRoom'
 	property int height: 500
 	property int width: 450
 	
@@ -23,11 +24,11 @@ QtObject {
 	
 	property QtObject results : QtObject{
 		property int topMargin : 10
-		property color color : ColorsList.add("InfoChatRoom_results", "g").color
+		property color color : ColorsList.add(sectionName+'_results', 'g').color
 		property QtObject title : QtObject{
 			property int topMargin: 10
 			property int leftMargin: 20
-			property color color: ColorsList.add("InfoChatRoom_results_title", "j").color
+			property color color: ColorsList.add(sectionName+'_results_title', 'j').color
 			property int pointSize : Units.dp * 11
 			property int weight : Font.DemiBold
 		}
@@ -43,23 +44,45 @@ QtObject {
 	property QtObject leaveButton : 
 	QtObject {
 		property QtObject backgroundColor: QtObject {
-			property color disabled: ColorsList.add("InfoChatRoom_leave_background_disabled", "o").color
-			property color hovered: ColorsList.add("InfoChatRoom_leave_background_hovered", "j").color
-			property color normal: ColorsList.add("InfoChatRoom_leave_background_normal", "k").color
-			property color pressed: ColorsList.add("InfoChatRoom_leave_background_pressed", "i").color
+			property color disabled: ColorsList.add(sectionName+'_leave_bg_d', 'o').color
+			property color hovered: ColorsList.add(sectionName+'_leave_bg_h', 'j').color
+			property color normal: ColorsList.add(sectionName+'_leave_bg_n', 'k').color
+			property color pressed: ColorsList.add(sectionName+'_leave_bg_p', 'i').color
 		}
 		
 		property QtObject textColor: QtObject {
-			property color disabled: ColorsList.add("InfoChatRoom_leave_text_disabled", "q").color
-			property color hovered: ColorsList.add("InfoChatRoom_leave_text_hovered", "q").color
-			property color normal: ColorsList.add("InfoChatRoom_leave_text_normal", "i").color
-			property color pressed: ColorsList.add("InfoChatRoom_leave_text_pressed", "q").color
+			property color disabled: ColorsList.add(sectionName+'_leave_text_d', 'q').color
+			property color hovered: ColorsList.add(sectionName+'_leave_text_h', 'q').color
+			property color normal: ColorsList.add(sectionName+'_leave_text_n', 'i').color
+			property color pressed: ColorsList.add(sectionName+'_leave_text_p', 'q').color
 		}
 		property QtObject borderColor : QtObject{
-			property color disabled: ColorsList.add("InfoChatRoom_leave_border_disabled", "q").color
-			property color hovered: ColorsList.add("InfoChatRoom_leave_border_hovered", "q").color
-			property color normal: ColorsList.add("InfoChatRoom_leave_border_normal", "i").color
-			property color pressed: ColorsList.add("InfoChatRoom_leave_border_pressed", "q").color
+			property color disabled: ColorsList.add(sectionName+'_leave_border_d', 'q').color
+			property color hovered: ColorsList.add(sectionName+'_leave_border_h', 'q').color
+			property color normal: ColorsList.add(sectionName+'_leave_border_n', 'i').color
+			property color pressed: ColorsList.add(sectionName+'_leave_border_p', 'q').color
 		}
 	}
+	property QtObject addParticipant: QtObject {
+		property int iconSize: 30
+		property string name : 'addParticipant'
+		property string icon : 'add_participant_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
+	property QtObject removeParticipant: QtObject {
+		property int iconSize: 30
+		property string name : 'removeParticipant'
+		property string icon : 'remove_participant_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
 }
\ No newline at end of file
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoEncryptionStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoEncryptionStyle.qml
index 32fdd57db..96a3c6b8c 100644
--- a/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoEncryptionStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/InfoEncryptionStyle.qml
@@ -9,6 +9,7 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'InfoEncryption'
 	property int height: 353
 	property int width: 450
 	
@@ -21,17 +22,17 @@ QtObject {
 	
 	property QtObject okButton : QtObject{
 		property QtObject backgroundColor: QtObject {
-			property color disabled: ColorsList.add("InfoEncryption_ok_background_disabled", "i30").color
-			property color hovered: ColorsList.add("InfoEncryption_ok_background_hovered", "b").color
-			property color normal: ColorsList.add("InfoEncryption_ok_background_normal", "s").color
-			property color pressed: ColorsList.add("InfoEncryption_ok_background_pressed", "m").color
+			property color disabled: ColorsList.add(sectionName+'_ok_bg_d', 'i30').color
+			property color hovered: ColorsList.add(sectionName+'_ok_bg_h', 'b').color
+			property color normal: ColorsList.add(sectionName+'_ok_bg_n', 's').color
+			property color pressed: ColorsList.add(sectionName+'_ok_bg_p', 'm').color
 		}
 		
 		property QtObject textColor: QtObject {
-			property color disabled: ColorsList.add("InfoEncryption_ok_text_disabled", "q").color
-			property color hovered: ColorsList.add("InfoEncryption_ok_text_hovered", "q").color
-			property color normal: ColorsList.add("InfoEncryption_ok_text_normal", "q").color
-			property color pressed: ColorsList.add("InfoEncryption_ok_text_pressed", "q").color
+			property color disabled: ColorsList.add(sectionName+'_ok_text_d', 'q').color
+			property color hovered: ColorsList.add(sectionName+'_ok_text_h', 'q').color
+			property color normal: ColorsList.add(sectionName+'_ok_text_n', 'q').color
+			property color pressed: ColorsList.add(sectionName+'_ok_text_p', 'q').color
 		}
 	}
 	
@@ -45,6 +46,6 @@ QtObject {
 		property int leftMargin: 10
 		property int rightMargin: 10
 		property real pointSize: Units.dp * 11
-		property color color: ColorsList.add("InfoEncryption_description", "d").color
+		property color color: ColorsList.add(sectionName+'_description', 'd').color
 	}
 }
\ No newline at end of file
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/ManageAccountsStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/ManageAccountsStyle.qml
index af55f0346..d0949fe5b 100644
--- a/linphone-app/ui/views/App/Styles/Main/Dialogs/ManageAccountsStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/ManageAccountsStyle.qml
@@ -1,9 +1,11 @@
 pragma Singleton
 import QtQml 2.2
+import ColorsList 1.0
 
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'ManageAccounts'
 	property int height: 383
 	property int heightWithoutPresence: 314
 	property int width: 450
@@ -11,4 +13,15 @@ QtObject {
 	property QtObject accountSelector: QtObject {
 		property int height: 176
 	}
+	property QtObject options: QtObject {
+			property int iconSize: 30
+			property string icon : 'options_custom'
+			property string name : 'options'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/NewChatRoomStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/NewChatRoomStyle.qml
new file mode 100644
index 000000000..f82b5a93d
--- /dev/null
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/NewChatRoomStyle.qml
@@ -0,0 +1,43 @@
+pragma Singleton
+import QtQml 2.2
+import QtQuick 2.7
+
+import Units 1.0
+import ColorsList 1.0
+
+// =============================================================================
+QtObject {
+	property string sectionName: 'NewChatRoom'
+	
+	property color askEncryptionColor: ColorsList.add(sectionName+'_ask_encryption', 'g').color
+	property color subjectTitleColor: ColorsList.add(sectionName+'_subject_title', 'g').color
+	property color recentContactTitleColor: ColorsList.add(sectionName+'_recent_contact_title', 'g').color
+	property color recentContactUsernameColor: ColorsList.add(sectionName+'_recent_contact_username', 'g').color
+	property color addressesBorderColor: ColorsList.add(sectionName+'_addresses_border', 'l').color
+	property color addressesAdminColor: ColorsList.add(sectionName+'_addresses_admin', 'g').color
+	property color requiredColor: ColorsList.add(sectionName+'_required_text', 'g').color
+	
+	
+	property QtObject addParticipant: QtObject {
+		property int iconSize: 30
+		property string name : 'addParticipant'
+		property string icon : 'add_participant_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
+	property QtObject removeParticipant: QtObject {
+		property int iconSize: 30
+		property string name : 'removeParticipant'
+		property string icon : 'remove_participant_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
+}
\ No newline at end of file
diff --git a/linphone-app/ui/views/App/Styles/Main/Dialogs/ParticipantsDevicesStyle.qml b/linphone-app/ui/views/App/Styles/Main/Dialogs/ParticipantsDevicesStyle.qml
new file mode 100644
index 000000000..a35e3085a
--- /dev/null
+++ b/linphone-app/ui/views/App/Styles/Main/Dialogs/ParticipantsDevicesStyle.qml
@@ -0,0 +1,36 @@
+pragma Singleton
+import QtQml 2.2
+import QtQuick 2.7
+
+import Units 1.0
+import ColorsList 1.0
+
+// =============================================================================
+QtObject {
+	property string sectionName: 'ParticipantsDevices'
+	property color lineBackgroundColor: ColorsList.add(sectionName+'_line_bg', 'ah').color
+	property color lineSeparatorColor: ColorsList.add(sectionName+'_separator', 'ag').color
+	
+	property QtObject collapsed: QtObject {
+		property int iconSize: 30
+		property string name : 'collapsed'
+		property string icon : 'collapsed_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
+	property QtObject expanded: QtObject {
+		property int iconSize: 30
+		property string name : 'expanded'
+		property string icon : 'expanded_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'l_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'l_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'l_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'l_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'l_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'l_p_b_fg').color
+	}
+}
\ No newline at end of file
diff --git a/linphone-app/ui/views/App/Styles/Main/HistoryViewStyle.qml b/linphone-app/ui/views/App/Styles/Main/HistoryViewStyle.qml
index 2042d9a38..c6134dd4c 100644
--- a/linphone-app/ui/views/App/Styles/Main/HistoryViewStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/HistoryViewStyle.qml
@@ -5,8 +5,9 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
+	property string sectionName: 'HistoryView'
   property QtObject bar: QtObject {
-    property color backgroundColor: ColorsList.add("HistoryView_bar_background", "e").color
+    property color backgroundColor: ColorsList.add(sectionName+'_bar_bg', 'e').color
     property int avatarSize: 60
     property int height: 80
     property int leftMargin: 40
@@ -30,20 +31,53 @@ QtObject {
     }
 
     property QtObject description: QtObject {
-      property color sipAddressColor: ColorsList.add("HistoryView_bar_description_sipAddress", "g").color
-      property color usernameColor: ColorsList.add("HistoryView_bar_description_username", "j").color
+      property color sipAddressColor: ColorsList.add(sectionName+'_bar_description_sipAddress', 'g').color
+      property color usernameColor: ColorsList.add(sectionName+'_bar_description_username', 'j').color
     }
   }
 
   property QtObject filters: QtObject {
-    property color backgroundColor: ColorsList.add("HistoryView_filters_background", "q").color
+    property color backgroundColor: ColorsList.add(sectionName+'_filters_bg', 'q').color
     property int height: 51
     property int leftMargin: 40
 
     property QtObject border: QtObject {
-      property color color: ColorsList.add("HistoryView_filters_border", "g10").color
+      property color color: ColorsList.add(sectionName+'_filters_border', 'g10').color
       property int bottomWidth: 1
       property int topWidth: 0
     }
   }
+  property QtObject videoCall: QtObject {
+		property int iconSize: 40
+		property string name : 'videoCall'
+		property string icon : 'video_call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject call: QtObject {
+		property int iconSize: 40
+		property string name : 'call'
+		property string icon : 'call_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+  property QtObject deleteAction: QtObject {
+		property int iconSize: 22
+		property string name : 'delete'
+		property string icon : 'delete_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/HomeStyle.qml b/linphone-app/ui/views/App/Styles/Main/HomeStyle.qml
index e4a1aa981..746c47472 100644
--- a/linphone-app/ui/views/App/Styles/Main/HomeStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/HomeStyle.qml
@@ -5,6 +5,7 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Home_background", "k").color
-  property int spacing: 20
+	property string sectionName: 'Home'
+	property color color: ColorsList.add(sectionName+'_bg', 'k').color
+	property int spacing: 20
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/InviteFriendsStyle.qml b/linphone-app/ui/views/App/Styles/Main/InviteFriendsStyle.qml
index 5b5d80053..77f92cf55 100644
--- a/linphone-app/ui/views/App/Styles/Main/InviteFriendsStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/InviteFriendsStyle.qml
@@ -6,15 +6,16 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("InviteFriends_background", "k").color
-  property int width: 400
-
-  property QtObject message: QtObject {
-    property int height: 140
-  }
-
-  property QtObject buttons: QtObject {
-    property int bottomMargin: 35
-    property int spacing: 10
-  }
+	property string sectionName: 'InviteFriends'
+	property color color: ColorsList.add(sectionName+'_bg', 'k').color
+	property int width: 400
+	
+	property QtObject message: QtObject {
+		property int height: 140
+	}
+	
+	property QtObject buttons: QtObject {
+		property int bottomMargin: 35
+		property int spacing: 10
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Main/MainWindowStyle.qml b/linphone-app/ui/views/App/Styles/Main/MainWindowStyle.qml
index 767779360..b22ee0efb 100644
--- a/linphone-app/ui/views/App/Styles/Main/MainWindowStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Main/MainWindowStyle.qml
@@ -7,45 +7,108 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property int menuBurgerSize: 16
-  property int newConferenceSize: 40
-  property int minimumHeight: 610
-  property int minimumWidth: 950
-  property int width: 950
-  property int panelButtonSize : 20
-  property int homeButtonSize: 40
-
-  property QtObject accountStatus: QtObject {
-    property int width: 200
-  }
-
-  property QtObject autoAnswerStatus: QtObject {
-    property int iconSize: 16
-    property int width: 28
-
-    property QtObject text: QtObject {
-      property int pointSize: Units.dp * 8
-      property color color: ColorsList.add("MainWindow_auto_answer_text", "i").color
-    }
-  }
-
-  property QtObject menu: QtObject {
-    property int height: 50
-    property int width: 250
-  }
-
-  property QtObject searchBox: QtObject {
-    property int maxHeight: 300 // See Hick's law for good choice.
-  }
-
-  property QtObject toolBar: QtObject {
-    property int height: 70
-    property int leftMargin: 18
-    property int rightMargin: 18
-    property int spacing: 16
-
-    property var background: Rectangle {
-      color: ColorsList.add("MainWindow_toolbar_background", "f").color
-    }
-  }
+	property string sectionName : 'MainWindow'
+	property int menuBurgerSize: 40
+	property int newConferenceSize: 40
+	property int minimumHeight: 610
+	property int minimumWidth: 950
+	property int width: 950
+	property int panelButtonSize : 20
+	property int homeButtonSize: 40
+	
+	property QtObject accountStatus: QtObject {
+		property int width: 200
+	}
+	
+	property QtObject autoAnswerStatus: QtObject {
+		property int iconSize: 16
+		property int width: 28
+		
+		property QtObject text: QtObject {
+			property int pointSize: Units.dp * 8
+			property color color: ColorsList.add(sectionName+'_auto_answer_text', 'i').color
+		}
+	}
+	
+	property QtObject menu: QtObject {
+		property int height: 50
+		property int width: 250
+		
+		property QtObject direction: QtObject {
+			property string icon: 'panel_arrow_custom'
+			property int iconSize: 30
+		}
+		property QtObject contacts: QtObject {
+			property string icon: 'contact_custom'
+			property int iconSize: 50
+			property color color: ColorsList.add(sectionName+'_me_contacts', 'me_n_b_inv_fg').color
+			property color selectedColor: ColorsList.add(sectionName+'_me_contacts_c', 'me_p_b_inv_fg').color
+		}		
+		/*
+		property string conferencesIcon: 'conference'
+		property color conferencesColor: ColorsList.add(sectionName+'_me_confs', 'me_n_b_inv_fg').color
+		property color conferencesSelectedColor: ColorsList.add(sectionName+'_me_confs_selected', 'me_p_b_inv_fg').color*/
+		
+	}
+	
+	property QtObject searchBox: QtObject {
+		property int maxHeight: 300 // See Hick's law for good choice.
+	}
+	
+	property QtObject toolBar: QtObject {
+		property int height: 70
+		property int leftMargin: 18
+		property int rightMargin: 18
+		property int spacing: 16
+		
+		property var background: Rectangle {
+			color: ColorsList.add(sectionName+'_toolbar_bg', 'f').color
+		}
+	}
+	property QtObject buttons: QtObject {
+		property QtObject home: QtObject {
+			property int iconSize: 40
+			property string name : 'home'
+			property string icon : 'home_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'ma_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'ma_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'ma_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'ma_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'ma_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'ma_p_b_fg').color
+		}
+		property QtObject newChatGroup: QtObject {
+			property int iconSize: 40
+			property string name : 'newChatGroup'
+			property string icon : 'new_chat_group_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'ma_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'ma_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'ma_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'ma_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'ma_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'ma_p_b_fg').color
+		}
+		property QtObject newConference: QtObject {
+			property int iconSize: 40
+			property string name : 'newConference'
+			property string icon : 'new_conference_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'ma_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'ma_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'ma_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'ma_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'ma_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'ma_p_b_fg').color
+		}
+		property QtObject burgerMenu: QtObject {
+			property int iconSize: 40
+			property string name : 'burgerMenu'
+			property string icon : 'burger_menu_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Settings/SettingsAdvancedStyle.qml b/linphone-app/ui/views/App/Styles/Settings/SettingsAdvancedStyle.qml
index 248c7d17f..bf15391de 100644
--- a/linphone-app/ui/views/App/Styles/Settings/SettingsAdvancedStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Settings/SettingsAdvancedStyle.qml
@@ -6,20 +6,54 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject buttons: QtObject {
-    property int spacing: 10
-  }
-  
-  property QtObject error: QtObject {
-    property color color: ColorsList.add("SettingsAdvanced_error", "error").color
-  }
-  property QtObject info: QtObject {
-    property color color: ColorsList.add("SettingsAdvanced_info", "j").color
-    property int pointSize: Units.dp * 11
-  }
-  property QtObject lists: QtObject {
-    property int spacing: 20
-    property real iconScale : 0.8
-    property int margin: 10
-  }
+	property string sectionName : 'SettingsAdvanced'
+	property QtObject buttons: QtObject {
+		property int spacing: 10
+	}
+	
+	property QtObject error: QtObject {
+		property color color: ColorsList.add(sectionName+'_error', 'error').color
+	}
+	property QtObject info: QtObject {
+		property color color: ColorsList.add(sectionName+'_info', 'j').color
+		property int pointSize: Units.dp * 11
+	}
+	property QtObject lists: QtObject {
+		property int spacing: 20
+		property real iconScale : 0.8
+		property int margin: 10
+	}
+	property QtObject add: QtObject {
+		property int iconSize: 35
+		property string name : 'add'
+		property string icon : 'add_custom'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+	}
+	property QtObject cancel: QtObject {
+		property int iconSize: 35
+		property string icon : 'cancel_custom'
+		property string name : 'cancel'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+	}
+	property QtObject options: QtObject {
+			property int iconSize: 35
+			property string icon : 'options_custom'
+			property string name : 'options'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
 }
diff --git a/linphone-app/ui/views/App/Styles/Settings/SettingsAudioStyle.qml b/linphone-app/ui/views/App/Styles/Settings/SettingsAudioStyle.qml
index a7145c284..90ad0f672 100644
--- a/linphone-app/ui/views/App/Styles/Settings/SettingsAudioStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Settings/SettingsAudioStyle.qml
@@ -1,13 +1,45 @@
 pragma Singleton
 import QtQml 2.2
-
+import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property QtObject ringPlayer: QtObject {
-    property int leftMargin: 10
-  }
-  property QtObject warningMessage: QtObject {
-    property int iconSize: 20
-  }
+	property string sectionName: 'SettingsAudio'
+	
+	property color sliderBackgroundColor: ColorsList.add(sectionName+'_slider_bg', 'slider_bg').color
+	property color sliderHighColor: ColorsList.add(sectionName+'_slider_high', 'slider_high').color
+	property color sliderLowColor: ColorsList.add(sectionName+'_slider_low', 'slider_low').color
+	
+	property QtObject ringPlayer: QtObject {
+		property int leftMargin: 10
+	}
+	property QtObject warningMessage: QtObject {
+		property int iconSize: 20
+	}
+	property QtObject pause: QtObject {
+		property int iconSize: 40
+		property string icon : 'pause_custom'
+		property string name : 'pause'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+	}
+	property QtObject play: QtObject {
+		property int iconSize: 40
+		property string icon : 'play_custom'
+		property string name : 'play'
+		property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+		property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+		property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+		property color backgroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_u', icon, 's_p_b_bg').color
+		property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+		property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_n_b_fg').color
+		property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		property color foregroundUpdatingColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_u', icon, 's_p_b_fg').color
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/Settings/SettingsUiStyle.qml b/linphone-app/ui/views/App/Styles/Settings/SettingsUiStyle.qml
new file mode 100644
index 000000000..75fdeaf01
--- /dev/null
+++ b/linphone-app/ui/views/App/Styles/Settings/SettingsUiStyle.qml
@@ -0,0 +1,21 @@
+pragma Singleton
+import QtQml 2.2
+
+import Units 1.0
+import ColorsList 1.0
+// =============================================================================
+
+QtObject {
+	property string sectionName : 'SettingsUi'
+	property QtObject options: QtObject {
+			property int iconSize: 25
+			property string icon : 'options_custom'
+			property string name : 'options'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 's_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 's_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 's_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 's_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 's_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 's_p_b_fg').color
+		}
+}
diff --git a/linphone-app/ui/views/App/Styles/Settings/SettingsWindowStyle.qml b/linphone-app/ui/views/App/Styles/Settings/SettingsWindowStyle.qml
index 0a3d113ac..1d463f6c3 100644
--- a/linphone-app/ui/views/App/Styles/Settings/SettingsWindowStyle.qml
+++ b/linphone-app/ui/views/App/Styles/Settings/SettingsWindowStyle.qml
@@ -6,28 +6,53 @@ import ColorsList 1.0
 // =============================================================================
 
 QtObject {
-  property color color: ColorsList.add("Settings_background", "k").color
-  property int height: 640
-  property int width: 1024
-
-  property QtObject forms: QtObject {
-    property int spacing: 10
-  }
-
-  property QtObject validButton: QtObject {
-    property int bottomMargin: 30
-    property int rightMargin: 30
-    property int topMargin: 30
-  }
-
-  property QtObject sipAccounts: QtObject {
-    property int buttonsSpacing: 8
-    property int iconSize: 22
-    property int legendLineWidth: 280
-  }
-  property QtObject video: QtObject {
-    property QtObject warningMessage: QtObject {
-      property int iconSize: 20
-    }
-  }
+	property string sectionName: 'SettingsWindow'
+	property color color: ColorsList.add(sectionName+'_bg', 'k').color
+	property int height: 640
+	property int width: 1024
+	
+	property QtObject forms: QtObject {
+		property int spacing: 10
+	}
+	
+	property QtObject validButton: QtObject {
+		property int bottomMargin: 30
+		property int rightMargin: 30
+		property int topMargin: 30
+	}
+	
+	property QtObject sipAccounts: QtObject {
+		property int buttonsSpacing: 8
+		property int iconSize: 22
+		property int legendLineWidth: 280
+	}
+	property QtObject video: QtObject {
+		property QtObject warningMessage: QtObject {
+			property int iconSize: 20
+		}
+	}
+	property QtObject buttons: QtObject {
+		property QtObject editProxy: QtObject {
+			property int iconSize: 36
+			property string name : 'editProxy'
+			property string icon : 'edit_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+		property QtObject deleteProxy: QtObject {
+			property int iconSize: 36
+			property string name : 'deleteProxy'
+			property string icon : 'delete_custom'
+			property color backgroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_n', icon, 'me_n_b_bg').color
+			property color backgroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_h', icon, 'me_h_b_bg').color
+			property color backgroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_bg_p', icon, 'me_p_b_bg').color
+			property color foregroundNormalColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_n', icon, 'me_n_b_fg').color
+			property color foregroundHoveredColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_h', icon, 'me_h_b_fg').color
+			property color foregroundPressedColor : ColorsList.addImageColor(sectionName+'_'+name+'_fg_p', icon, 'me_p_b_fg').color
+		}
+	}
 }
diff --git a/linphone-app/ui/views/App/Styles/qmldir b/linphone-app/ui/views/App/Styles/qmldir
index 7b90951e0..9e0dd7975 100644
--- a/linphone-app/ui/views/App/Styles/qmldir
+++ b/linphone-app/ui/views/App/Styles/qmldir
@@ -6,6 +6,7 @@ module App.Styles
 
 # Calls Window -----------------------------------------------------------------
 
+singleton CallFullscreenStyle                            1.0 Calls/CallFullscreenStyle.qml
 singleton CallStyle                                      1.0 Calls/CallStyle.qml
 singleton CallsWindowStyle                               1.0 Calls/CallsWindowStyle.qml
 singleton ConferenceStyle                                1.0 Calls/ConferenceStyle.qml
@@ -36,15 +37,18 @@ singleton MainWindowStyle                                1.0 Main/MainWindowStyl
 singleton AboutStyle                                     1.0 Main/Dialogs/AboutStyle.qml
 singleton AuthenticationRequestStyle                     1.0 Main/Dialogs/AuthenticationRequestStyle.qml
 singleton EphemeralChatRoomStyle                         1.0 Main/Dialogs/EphemeralChatRoomStyle.qml
-singleton ManageAccountsStyle                            1.0 Main/Dialogs/ManageAccountsStyle.qml
 singleton InfoChatRoomStyle                              1.0 Main/Dialogs/InfoChatRoomStyle.qml
 singleton InfoEncryptionStyle                            1.0 Main/Dialogs/InfoEncryptionStyle.qml
+singleton ManageAccountsStyle                            1.0 Main/Dialogs/ManageAccountsStyle.qml
+singleton NewChatRoomStyle                               1.0 Main/Dialogs/NewChatRoomStyle.qml
+singleton ParticipantsDevicesStyle                       1.0 Main/Dialogs/ParticipantsDevicesStyle.qml
 
 
 # Settings Window --------------------------------------------------------------
 
 singleton SettingsAdvancedStyle                          1.0 Settings/SettingsAdvancedStyle.qml
 singleton SettingsAudioStyle                             1.0 Settings/SettingsAudioStyle.qml
+singleton SettingsUiStyle                                1.0 Settings/SettingsUiStyle.qml
 singleton SettingsWindowStyle                            1.0 Settings/SettingsWindowStyle.qml
 
 singleton SettingsSipAccountsEditStyle                   1.0 Settings/Dialogs/SettingsSipAccountsEditStyle.qml
diff --git a/linphone-sdk b/linphone-sdk
index 199426572..1fe0f0721 160000
--- a/linphone-sdk
+++ b/linphone-sdk
@@ -1 +1 @@
-Subproject commit 199426572fa9517c44c74f6e77ec63c449eee575
+Subproject commit 1fe0f0721c991221b8ebdb61c9223c88e3ddd2b4