chore(images): add class on some files

5d13b7ab · Ronan Abhamon · 10a5ef89 · 5d13b7ab · 5d13b7ab · 5d13b7ab
Commit 5d13b7ab authored Jun 20, 2017 by Ronan Abhamon
41 changed files
--- a/assets/images/attachment_pressed.svg
+++ b/assets/images/attachment_pressed.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">
-        <g id="attachment_clic" fill="#FF5E00">
+        <g id="attachment_clic" class="color-i-fill" fill="#FE5E00">
            <path d="M8.76252348,14.9551548 C8.76095805,17.0249882 7.07341891,18.7247345 4.99686913,18.7489385 C2.91953663,18.7692387 1.23747652,17.1061888 1.23982467,15.0371361 L1.23982467,3.7807088 C1.23982467,2.39873777 2.36693801,1.26505306 3.75234815,1.25099912 C5.13619286,1.23538363 6.25469631,2.342522 6.25469631,3.7252738 L6.25469631,14.9824819 C6.25469631,15.6734674 5.6895742,16.2379674 4.99765185,16.2465559 C4.30572949,16.2543637 3.74843456,15.7007945 3.74686913,15.0082474 L3.74686913,5.00418259 L2.49295554,5.01667498 L2.49295554,15.0215206 C2.49295554,16.4034916 3.61380714,17.5114108 5,17.4973568 C6.38306199,17.4817414 7.50704446,16.350399 7.50860989,14.9699895 L7.50860989,3.71200064 C7.51095805,1.64216719 5.82889793,-0.0208826913 3.75078272,0.000198222717 C1.67501565,0.0236214605 0.00313087038,1.72102542 0,3.79163964 L0,15.6742482 C0.304477145,18.137592 2.43973075,20.025505 4.99452098,19.9997394 C7.55244208,19.9708508 9.69082655,18.0392144 10,15.567282 L10,2.4440227 L8.76252348,2.4440227 L8.76252348,14.9551548 Z"></path>
        </g>
    </g>

--- a/assets/images/call_pressed.svg
+++ b/assets/images/call_pressed.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="call_clic">
-            <circle fill="#FF5E00" cx="20" cy="20" r="20"></circle>
+            <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>

--- a/assets/images/call_sign_connected.svg
+++ b/assets/images/call_sign_connected.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="call_in_sign">
-            <polygon fill="#FF5E00" points="0 0 40 0 0 40"></polygon>
+            <polygon class="color-i-fill" fill="#FE5E00" points="0 0 40 0 0 40"></polygon>
            <path d="M11.243716,8.71501414 L11.1871835,8.71501414 C8.47215269,8.71501414 5.21235367,10.3895588 4.11804501,12.8152126 L4.51732144,15.956733 L8.01512006,15.956733 L8.2626641,12.830113 L14.1683578,12.830113 L14.41529,15.956733 L17.9130886,15.956733 L18.3123651,12.8149535 C17.2174446,10.3886518 13.9583798,8.71501414 11.243716,8.71501414 Z" fill="#FFFFFF" transform="translate(11.215205, 12.335874) rotate(-135.000000) translate(-11.215205, -12.335874) "></path>
        </g>
    </g>

--- a/assets/images/camera_off_pressed.svg
+++ b/assets/images/camera_off_pressed.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="camera_off_clic">
-            <path d="M20,40.3145406 C31.045695,40.3145406 40,31.3602356 40,20.3145406 C40,9.26884559 31.045695,0.314540582 20,0.314540582 C8.954305,0.314540582 0,9.26884559 0,20.3145406 C0,31.3602356 8.954305,40.3145406 20,40.3145406 Z" fill="#FF5E00"></path>
+            <path d="M20,40.3145406 C31.045695,40.3145406 40,31.3602356 40,20.3145406 C40,9.26884559 31.045695,0.314540582 20,0.314540582 C8.954305,0.314540582 0,9.26884559 0,20.3145406 C0,31.3602356 8.954305,40.3145406 20,40.3145406 Z" class="color-i-fill" fill="#FE5E00"></path>
            <path d="M9,30.2917175 L28.1397841,11.3145406 L9,30.2917175 Z" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <polygon stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="24.8941594 26.3145406 24.8941594 21.6287855 30.7045152 25.9910443 30.7045152 14.6377075 24.8941594 19.0006251 24.8941594 14.3145406 9 14.3145406 9 26.167946 9.17456154 26.3145406"></polygon>
        </g>

--- a/assets/images/camera_on_pressed.svg
+++ b/assets/images/camera_on_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/cancel_pressed.svg
+++ b/assets/images/cancel_pressed.svg
@@ -7,7 +7,7 @@
    <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" fill="#FF5E00"></path>
+                <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>

--- a/assets/images/chat_amount.svg
+++ b/assets/images/chat_amount.svg
@@ -11,7 +11,7 @@
    </defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="statut_avatar_busy_l">
-            <path d="M7.9995,16 C3.581,16 0,12.4185 0,8 C0,3.582 3.581,0 7.9995,0 C12.418,0 16,3.582 16,8 C16,12.4185 12.418,16 7.9995,16 Z" id="statut_avatar_busy_s" fill="#FF5E00"></path>
+            <path d="M7.9995,16 C3.581,16 0,12.4185 0,8 C0,3.582 3.581,0 7.9995,0 C12.418,0 16,3.582 16,8 C16,12.4185 12.418,16 7.9995,16 Z" id="statut_avatar_busy_s" class="color-i-fill" fill="#FE5E00"></path>
            <use id="statut_avatar_busy_s" stroke="#00FFFFFF" mask="url(#mask-2)" stroke-width="4" xlink:href="#path-1"></use>
        </g>
    </g>

--- a/assets/images/chat_pressed.svg
+++ b/assets/images/chat_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/contact_add_pressed.svg
+++ b/assets/images/contact_add_pressed.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">
-        <g id="contact_add_clic" stroke="#FF5E00">
+        <g id="contact_add_clic" class="color-i-stroke" stroke="#FE5E00">
            <path d="M8.54029156,2.5 C10.850165,2.5 12.7226588,4.39098325 12.7226588,6.72356259 C12.7226588,7.83995271 12.2940348,8.85494372 11.5935908,9.61033703 C11.4952898,9.71653609 11.5340928,9.69793625 11.4252454,9.79333541 L11.5997595,9.91213435 C17.938579,12.6985097 16.3132304,17.3824682 16.3132304,17.3824682 C12.2309551,18.6900566 8.54685822,18.4888584 8.54685822,18.4888584 L8.45333302,18.4888584 C8.45333302,18.4886584 4.7688382,18.6900566 0.686761802,17.3824682 C0.686761802,17.3824682 -0.938586743,12.6985097 5.40043177,9.91213435 L5.57494581,9.79333541 C5.4660984,9.69793625 5.50490141,9.71653609 5.40660046,9.61033703 C4.70635541,8.85494372 4.27753243,7.83995271 4.27753243,6.72356259 C4.27753243,4.39098325 6.15002629,2.5 8.45989968,2.5 L8.54029156,2.5 L8.54029156,2.5 Z" stroke-linejoin="round"></path>
            <path d="M18.4166667,0.583333333 L18.4166667,6.41666667"></path>
            <path d="M15.5,3.5 L21.3333333,3.5"></path>

--- a/assets/images/contact_card_photo_pressed.svg
+++ b/assets/images/contact_card_photo_pressed.svg
@@ -7,7 +7,7 @@
    <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="#FF5E00"></path>
+                <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>

--- a/assets/images/contact_edit_pressed.svg
+++ b/assets/images/contact_edit_pressed.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">
-        <g id="contact_edit_clic" stroke="#FF5E00">
+        <g id="contact_edit_clic" class="color-i-stroke" stroke="#FE5E00">
            <path d="M8.54029156,2.5 C10.850165,2.5 12.7226588,4.39098325 12.7226588,6.72356259 C12.7226588,7.83995271 12.2940348,8.85494372 11.5935908,9.61033703 C11.4952898,9.71653609 11.5340928,9.69793625 11.4252454,9.79333541 L11.5997595,9.91213435 C17.938579,12.6985097 16.3132304,17.3824682 16.3132304,17.3824682 C12.2309551,18.6900566 8.54685822,18.4888584 8.54685822,18.4888584 L8.45333302,18.4888584 C8.45333302,18.4886584 4.7688382,18.6900566 0.686761802,17.3824682 C0.686761802,17.3824682 -0.938586743,12.6985097 5.40043177,9.91213435 L5.57494581,9.79333541 C5.4660984,9.69793625 5.50490141,9.71653609 5.40660046,9.61033703 C4.70635541,8.85494372 4.27753243,7.83995271 4.27753243,6.72356259 C4.27753243,4.39098325 6.15002629,2.5 8.45989968,2.5 L8.54029156,2.5 L8.54029156,2.5 Z" stroke-linejoin="round"></path>
            <path d="M15.75,3.5 L21.5833333,3.5"></path>
            <path d="M15.75,6.5 L21.5833333,6.5"></path>

--- a/assets/images/delete_pressed.svg
+++ b/assets/images/delete_pressed.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="delete_clic" stroke="#FF5E00">
+        <g id="delete_clic" class="color-i-stroke" stroke="#FE5E00">
            <path d="M6.52151164,16.5 L7.63225472,16.5 C10.0232133,16.5 10.4503886,14.2657143 10.4503886,14.2657143 L12.5,2.82411429 L0.5,2.82411429 L2.54982984,14.2657143 C2.54982984,14.2657143 2.9774419,16.5 5.36840046,16.5 L6.52151164,16.5 L6.52151164,16.5 Z M5.11222633,5.68445714 L5.11222633,16.5 L5.11222633,5.68445714 Z M7.88799207,5.68445714 L7.88799207,16.5 L7.88799207,5.68445714 Z M4.04472492,0.5 L8.95593026,0.5 L4.04472492,0.5 Z"></path>
        </g>
    </g>

--- a/assets/images/edit_pressed.svg
+++ b/assets/images/edit_pressed.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_edit_default" stroke="#FF5E00">
+        <g id="settings_edit_default" class="color-i-stroke" stroke="#FE5E00">
            <path d="M3.23925194,12.4294194 L5.64097342,12.2360444 L14.5,2.7372 L13.3062823,1.63479722 L13.270401,1.60141111 L12.0770155,0.5 L3.21798895,9.99851389 L3.20303841,12.3953722 L3.23925194,12.4294194 L3.23925194,12.4294194 Z M10.2646776,2.442675 L12.6999548,4.69078333 L10.2646776,2.442675 Z M0.5,14.5 L4.84628861,14.5 L0.5,14.5 Z" id="Imported-Layers-Copy"></path>
        </g>
    </g>

--- a/assets/images/file_pressed.svg
+++ b/assets/images/file_pressed.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">
-        <g id="settings_file_2" stroke="#FF5E00">
+        <g id="settings_file_2" class="color-i-stroke" stroke="#FE5E00">
            <rect id="Rectangle-10-Copy" transform="translate(8.000000, 10.000000) rotate(-270.000000) translate(-8.000000, -10.000000) " x="-1.5" y="2.5" width="19" height="15" rx="3"></rect>
            <path d="M4.44444444,8.5 L11.5555556,8.5" id="Line" stroke-linecap="round"></path>
            <path d="M4.44444444,5.5 L11.5555556,5.5" id="Line" stroke-linecap="round"></path>

--- a/assets/images/folder_pressed.svg
+++ b/assets/images/folder_pressed.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">
-        <g id="settings_folder_2" stroke="#FF5E00">
+        <g id="settings_folder_2" class="color-i-stroke" stroke="#FE5E00">
            <path d="M10.1717552,2.5 L10.5248326,2.5 L10.6429477,2.16726507 C10.9945521,1.17678114 11.9372463,0.5 13.0057983,0.5 L17.9942017,0.5 C19.3800816,0.5 20.5,1.61712484 20.5,3.00166547 L20.5,4.99833453 C20.4999993,5.00066969 20.4999993,5.00066969 20.4999958,5.00301806 C20.4999993,5.00713802 20.4999993,5.00713802 20.5,5.00947762 L20.5,14.9905224 C20.5,16.3770475 19.3776888,17.5 17.991212,17.5 L3.00878799,17.5 C1.61924805,17.5 0.5,16.3832597 0.5,14.9905224 L0.5,5.00947762 C0.5,3.62295255 1.62231116,2.5 3.00878799,2.5 L10.1717552,2.5 Z" id="Combined-Shape"></path>
        </g>
    </g>

--- a/assets/images/fullscreen_hovered.svg
+++ b/assets/images/fullscreen_hovered.svg
@@ -7,8 +7,8 @@
    <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" stroke="#FF5E00" 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="#FF5E00" stroke-linecap="round" stroke-linejoin="round" transform="translate(15.631684, 23.962364) rotate(-225.000000) translate(-15.631684, -23.962364) "></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
--- a/assets/images/fullscreen_pressed.svg
+++ b/assets/images/fullscreen_pressed.svg
@@ -7,8 +7,8 @@
    <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" stroke="#FF5E00" 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="#FF5E00" stroke-linecap="round" stroke-linejoin="round" transform="translate(15.631684, 23.962364) rotate(-225.000000) translate(-15.631684, -23.962364) "></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
--- a/assets/images/hangup_normal.svg
+++ b/assets/images/hangup_normal.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="hangup_default">
-            <circle fill="#FF5E00" cx="20" cy="20" r="20"></circle>
+            <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>

--- a/assets/images/hangup_pressed.svg
+++ b/assets/images/hangup_pressed.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="hangup_clic">
-            <circle fill="#FF5E00" cx="20" cy="20" r="20"></circle>
+            <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>

--- a/assets/images/history_pressed.svg
+++ b/assets/images/history_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/linphone_logo.svg
+++ b/assets/images/linphone_logo.svg
@@ -13,7 +13,7 @@
                            <g id="OUTILS">
                                <g id="icon-LP">
                                    <g id="Rectangle-843-Copy-8-+-splashscreen-copy-6">
-                                        <rect id="Rectangle-843-Copy-8" stroke="#979797" fill="#FF5E00" x="0" y="0" width="532" height="532" rx="23"></rect>
+                                        <rect id="Rectangle-843-Copy-8" stroke="#979797" class="color-i-fill" fill="#FE5E00" x="0" y="0" width="532" height="532" rx="23"></rect>
                                        <g id="splashscreen-copy-6" transform="translate(93.618501, 118.571717)" fill="#FFFFFF">
                                            <g id="Fill-1-+-Fill-2-+-Fill-1-+-Fill-2-+-Fill-3">
                                                <g id="Fill-1-+-Fill-2" transform="translate(0.000000, 0.235647)">

--- a/assets/images/micro_off_pressed.svg
+++ b/assets/images/micro_off_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/micro_on_pressed.svg
+++ b/assets/images/micro_on_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/new_call_hovered.svg
+++ b/assets/images/new_call_hovered.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="new_call_clic">
-            <rect fill="#DC4100" 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>
+            <rect class="color-s-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>

--- a/assets/images/new_call_normal.svg
+++ b/assets/images/new_call_normal.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00" 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>
+            <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>

--- a/assets/images/new_call_pressed.svg
+++ b/assets/images/new_call_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00" 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>
+            <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>

--- a/assets/images/new_conference_hovered.svg
+++ b/assets/images/new_conference_hovered.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="new_conference_clic">
-            <rect fill="#DC4100" 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>
+            <rect class="color-s-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="M12.995,18.684375 C14.2175,18.684375 15.20875,19.6775 15.20875,20.90125 C15.20875,21.486875 14.981875,22.02 14.61125,22.41625 C14.55875,22.471875 14.579375,22.4625 14.521875,22.5125 L14.614375,22.575 C17.968125,24.0375 17.10875,26.49625 17.10875,26.49625 C14.948125,27.1825 12.99875,27.07625 12.99875,27.07625 L12.949375,27.07625 C12.949375,27.07625 11,27.1825 8.84,26.49625 C8.84,26.49625 7.98,24.0375 11.334375,22.575 L11.42625,22.5125 C11.36875,22.4625 11.389375,22.471875 11.3375,22.41625 C10.966875,22.02 10.74,21.486875 10.74,20.90125 C10.74,19.6775 11.730625,18.684375 12.953125,18.684375 L12.995,18.684375 L12.995,18.684375 Z M25.949375,18.684375 C27.171875,18.684375 28.1625,19.6775 28.1625,20.90125 C28.1625,21.486875 27.935,22.02 27.565,22.41625 C27.513125,22.471875 27.533125,22.4625 27.475625,22.5125 L27.568125,22.575 C30.9225,24.0375 30.0625,26.49625 30.0625,26.49625 C27.9025,27.1825 25.9525,27.07625 25.9525,27.07625 L25.903125,27.07625 C25.903125,27.07625 23.95375,27.1825 21.794375,26.49625 C21.794375,26.49625 20.93375,24.0375 24.288125,22.575 L24.38,22.5125 C24.3225,22.4625 24.34375,22.471875 24.29125,22.41625 C23.920625,22.02 23.69375,21.486875 23.69375,20.90125 C23.69375,19.6775 24.685,18.684375 25.906875,18.684375 L25.949375,18.684375 L25.949375,18.684375 Z M19.471875,7.5 C20.694375,7.5 21.685,8.4925 21.685,9.716875 C21.685,10.3025 21.458125,10.835625 21.0875,11.231875 C21.035625,11.2875 21.05625,11.27875 20.99875,11.328125 L21.09125,11.39 C24.445,12.8525 23.585,15.311875 23.585,15.311875 C21.425,15.998125 19.475625,15.891875 19.475625,15.891875 L19.425625,15.891875 C19.425625,15.891875 17.47625,15.998125 15.316875,15.311875 C15.316875,15.311875 14.45625,12.8525 17.810625,11.39 L17.903125,11.328125 C17.845,11.27875 17.86625,11.2875 17.81375,11.231875 C17.443125,10.835625 17.21625,10.3025 17.21625,9.716875 C17.21625,8.4925 18.2075,7.5 19.429375,7.5 L19.471875,7.5 L19.471875,7.5 Z M23.01625,30.265 C20.89625,32.37875 17.45875,32.37875 15.33875,30.265 M15.8075,32.5 L15.33875,30.265 L17.58,29.7975 L15.8075,32.5 Z M7.5,16.72 C7.5,13.73 9.93,11.306875 12.92875,11.306875 M11.011875,10.056875 L12.92875,11.306875 L11.675,13.2175 L11.011875,10.056875 Z M25.8175,11.306875 C28.815625,11.306875 31.24625,13.730625 31.24625,16.72 M32.5,14.80875 L31.24625,16.72 L29.33,15.47 L32.5,14.80875 Z" stroke="#FFFFFF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
        </g>
    </g>

--- a/assets/images/new_conference_normal.svg
+++ b/assets/images/new_conference_normal.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="new_conference_default">
-            <rect fill="#FF5E00" 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>
+            <rect 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="M12.995,18.684375 C14.2175,18.684375 15.20875,19.6775 15.20875,20.90125 C15.20875,21.486875 14.981875,22.02 14.61125,22.41625 C14.55875,22.471875 14.579375,22.4625 14.521875,22.5125 L14.614375,22.575 C17.968125,24.0375 17.10875,26.49625 17.10875,26.49625 C14.948125,27.1825 12.99875,27.07625 12.99875,27.07625 L12.949375,27.07625 C12.949375,27.07625 11,27.1825 8.84,26.49625 C8.84,26.49625 7.98,24.0375 11.334375,22.575 L11.42625,22.5125 C11.36875,22.4625 11.389375,22.471875 11.3375,22.41625 C10.966875,22.02 10.74,21.486875 10.74,20.90125 C10.74,19.6775 11.730625,18.684375 12.953125,18.684375 L12.995,18.684375 L12.995,18.684375 Z M25.949375,18.684375 C27.171875,18.684375 28.1625,19.6775 28.1625,20.90125 C28.1625,21.486875 27.935,22.02 27.565,22.41625 C27.513125,22.471875 27.533125,22.4625 27.475625,22.5125 L27.568125,22.575 C30.9225,24.0375 30.0625,26.49625 30.0625,26.49625 C27.9025,27.1825 25.9525,27.07625 25.9525,27.07625 L25.903125,27.07625 C25.903125,27.07625 23.95375,27.1825 21.794375,26.49625 C21.794375,26.49625 20.93375,24.0375 24.288125,22.575 L24.38,22.5125 C24.3225,22.4625 24.34375,22.471875 24.29125,22.41625 C23.920625,22.02 23.69375,21.486875 23.69375,20.90125 C23.69375,19.6775 24.685,18.684375 25.906875,18.684375 L25.949375,18.684375 L25.949375,18.684375 Z M19.471875,7.5 C20.694375,7.5 21.685,8.4925 21.685,9.716875 C21.685,10.3025 21.458125,10.835625 21.0875,11.231875 C21.035625,11.2875 21.05625,11.27875 20.99875,11.328125 L21.09125,11.39 C24.445,12.8525 23.585,15.311875 23.585,15.311875 C21.425,15.998125 19.475625,15.891875 19.475625,15.891875 L19.425625,15.891875 C19.425625,15.891875 17.47625,15.998125 15.316875,15.311875 C15.316875,15.311875 14.45625,12.8525 17.810625,11.39 L17.903125,11.328125 C17.845,11.27875 17.86625,11.2875 17.81375,11.231875 C17.443125,10.835625 17.21625,10.3025 17.21625,9.716875 C17.21625,8.4925 18.2075,7.5 19.429375,7.5 L19.471875,7.5 L19.471875,7.5 Z M23.01625,30.265 C20.89625,32.37875 17.45875,32.37875 15.33875,30.265 M15.8075,32.5 L15.33875,30.265 L17.58,29.7975 L15.8075,32.5 Z M7.5,16.72 C7.5,13.73 9.93,11.306875 12.92875,11.306875 M11.011875,10.056875 L12.92875,11.306875 L11.675,13.2175 L11.011875,10.056875 Z M25.8175,11.306875 C28.815625,11.306875 31.24625,13.730625 31.24625,16.72 M32.5,14.80875 L31.24625,16.72 L29.33,15.47 L32.5,14.80875 Z" stroke="#FFFFFF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
        </g>
    </g>

--- a/assets/images/new_conference_pressed.svg
+++ b/assets/images/new_conference_pressed.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="new_conference_default">
-            <rect fill="#FF5E00" 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>
+            <rect 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="M12.995,18.684375 C14.2175,18.684375 15.20875,19.6775 15.20875,20.90125 C15.20875,21.486875 14.981875,22.02 14.61125,22.41625 C14.55875,22.471875 14.579375,22.4625 14.521875,22.5125 L14.614375,22.575 C17.968125,24.0375 17.10875,26.49625 17.10875,26.49625 C14.948125,27.1825 12.99875,27.07625 12.99875,27.07625 L12.949375,27.07625 C12.949375,27.07625 11,27.1825 8.84,26.49625 C8.84,26.49625 7.98,24.0375 11.334375,22.575 L11.42625,22.5125 C11.36875,22.4625 11.389375,22.471875 11.3375,22.41625 C10.966875,22.02 10.74,21.486875 10.74,20.90125 C10.74,19.6775 11.730625,18.684375 12.953125,18.684375 L12.995,18.684375 L12.995,18.684375 Z M25.949375,18.684375 C27.171875,18.684375 28.1625,19.6775 28.1625,20.90125 C28.1625,21.486875 27.935,22.02 27.565,22.41625 C27.513125,22.471875 27.533125,22.4625 27.475625,22.5125 L27.568125,22.575 C30.9225,24.0375 30.0625,26.49625 30.0625,26.49625 C27.9025,27.1825 25.9525,27.07625 25.9525,27.07625 L25.903125,27.07625 C25.903125,27.07625 23.95375,27.1825 21.794375,26.49625 C21.794375,26.49625 20.93375,24.0375 24.288125,22.575 L24.38,22.5125 C24.3225,22.4625 24.34375,22.471875 24.29125,22.41625 C23.920625,22.02 23.69375,21.486875 23.69375,20.90125 C23.69375,19.6775 24.685,18.684375 25.906875,18.684375 L25.949375,18.684375 L25.949375,18.684375 Z M19.471875,7.5 C20.694375,7.5 21.685,8.4925 21.685,9.716875 C21.685,10.3025 21.458125,10.835625 21.0875,11.231875 C21.035625,11.2875 21.05625,11.27875 20.99875,11.328125 L21.09125,11.39 C24.445,12.8525 23.585,15.311875 23.585,15.311875 C21.425,15.998125 19.475625,15.891875 19.475625,15.891875 L19.425625,15.891875 C19.425625,15.891875 17.47625,15.998125 15.316875,15.311875 C15.316875,15.311875 14.45625,12.8525 17.810625,11.39 L17.903125,11.328125 C17.845,11.27875 17.86625,11.2875 17.81375,11.231875 C17.443125,10.835625 17.21625,10.3025 17.21625,9.716875 C17.21625,8.4925 18.2075,7.5 19.429375,7.5 L19.471875,7.5 L19.471875,7.5 Z M23.01625,30.265 C20.89625,32.37875 17.45875,32.37875 15.33875,30.265 M15.8075,32.5 L15.33875,30.265 L17.58,29.7975 L15.8075,32.5 Z M7.5,16.72 C7.5,13.73 9.93,11.306875 12.92875,11.306875 M11.011875,10.056875 L12.92875,11.306875 L11.675,13.2175 L11.011875,10.056875 Z M25.8175,11.306875 C28.815625,11.306875 31.24625,13.730625 31.24625,16.72 M32.5,14.80875 L31.24625,16.72 L29.33,15.47 L32.5,14.80875 Z" stroke="#FFFFFF" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
        </g>
    </g>

--- a/assets/images/options_pressed.svg
+++ b/assets/images/options_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/pause_off_pressed.svg
+++ b/assets/images/pause_off_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/pause_on_pressed.svg
+++ b/assets/images/pause_on_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/record_on.svg
+++ b/assets/images/record_on.svg
@@ -7,9 +7,9 @@
    <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 stroke="#FF5E00" cx="19.5" cy="15.5" r="5"></circle>
-            <circle fill="#FF5E00" 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="#FF5E00"></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
--- a/assets/images/screenshot_hovered.svg
+++ b/assets/images/screenshot_hovered.svg
@@ -12,13 +12,13 @@
    <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" stroke="#FF5E00" stroke-linecap="square"></path>
-            <use stroke="#FF5E00" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <path d="M20,16.3333333 L20,18.3333333" stroke="#FF5E00" stroke-linecap="square"></path>
-            <path d="M20,23.6666667 L20,25.6666667" stroke="#FF5E00" stroke-linecap="square"></path>
-            <path d="M23.6666667,20 L23.6666667,22" stroke="#FF5E00" 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="#FF5E00" stroke-linecap="square" transform="translate(16.333333, 21.000000) rotate(-270.000000) translate(-16.333333, -21.000000) "></path>
-            <circle stroke="#FF5E00" cx="20" cy="21" r="3.66666667"></circle>
+            <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
--- a/assets/images/screenshot_pressed.svg
+++ b/assets/images/screenshot_pressed.svg
@@ -12,13 +12,13 @@
    <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" stroke="#FF5E00" stroke-linecap="square"></path>
-            <use stroke="#FF5E00" mask="url(#mask-2)" stroke-width="2" xlink:href="#path-1"></use>
-            <path d="M20,16.3333333 L20,18.3333333" stroke="#FF5E00" stroke-linecap="square"></path>
-            <path d="M20,23.6666667 L20,25.6666667" stroke="#FF5E00" stroke-linecap="square"></path>
-            <path d="M23.6666667,20 L23.6666667,22" stroke="#FF5E00" 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="#FF5E00" stroke-linecap="square" transform="translate(16.333333, 21.000000) rotate(-270.000000) translate(-16.333333, -21.000000) "></path>
-            <circle stroke="#FF5E00" cx="20" cy="21" r="3.66666667"></circle>
+            <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
--- a/assets/images/speaker_off_pressed.svg
+++ b/assets/images/speaker_off_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/speaker_on_pressed.svg
+++ b/assets/images/speaker_on_pressed.svg
@@ -6,7 +6,7 @@
    <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" fill="#FF5E00"></path>
+            <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>

--- a/assets/images/splash_screen.svg
+++ b/assets/images/splash_screen.svg
--- a/assets/images/tel_keypad_pressed.svg
+++ b/assets/images/tel_keypad_pressed.svg
@@ -5,7 +5,7 @@
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="08-INCALL-02-Simple-Chiffrement" transform="translate(-301.000000, -64.000000)" fill="#FF5E00">
+        <g id="08-INCALL-02-Simple-Chiffrement" transform="translate(-301.000000, -64.000000)" class="color-i-fill" fill="#FE5E00">
            <g id="dialer_dtmf" transform="translate(301.000000, 64.000000)">
                <g id="Group-2">
                    <rect id="Rectangle" x="0" y="0.295454545" width="3.52941176" height="3.64145658" rx="1"></rect>

--- a/assets/images/transfer_pressed.svg
+++ b/assets/images/transfer_pressed.svg
@@ -7,7 +7,7 @@
    <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" fill="#FF5E00"></path>
+                <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>

--- a/assets/images/video_call_pressed.svg
+++ b/assets/images/video_call_pressed.svg
@@ -6,7 +6,7 @@
    <defs></defs>
    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="video_call_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="#FF5E00"></path>
+            <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>