style: add logo as theme selector

src/app/components/presentationals/theme-selector/theme-selector.presentational.html

+<img class="selected-theme-img"
+     [src]="'assets/themes/'+matSelect.value+'/logo.svg'" (click)="matSelect.open()">
+
 <mat-form-field class="mat-form-field">
-  <mat-select [(value)]="theme">
+  <mat-select #matSelect [(value)]="theme">
     <mat-option *ngFor="let theme of listThemes"
                 [value]="theme"
-    >{{stringUtil.convertToPascalCase(theme)}}</mat-option>
+    ><img class="option-theme-img"
+          style="max-height: 30px; max-width: 30px; padding-top: 16px;"
+          [src]="'assets/themes/'+theme+'/logo.svg'"></mat-option>
+<!--    {{stringUtil.convertToPascalCase(theme)}}-->
   </mat-select>
 </mat-form-field>
+

src/app/components/presentationals/theme-selector/theme-selector.presentational.scss

 @import "../../../../sass/abstracts/variables";
 
 dlcm-theme-selector {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 60px;
+  height: 60px;
+
+  .selected-theme-img {
+    max-width: 50px;
+    max-height: 50px;
+  }
+
+  .mat-form-field-wrapper {
+    position: absolute;
+  }
+
   .mat-form-field {
     width: 65px;
   }
@@ -11,6 +27,7 @@ dlcm-theme-selector {
 
   .mat-select-arrow {
     color: $white !important;
+    display: none;
   }
 
   .mat-form-field-underline {
@@ -20,4 +37,5 @@ dlcm-theme-selector {
   .mat-form-field-wrapper {
     padding-bottom: 12px !important;
   }
+
 }

src/assets/themes/dlcm/logo.svg

+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 561 598.79"><defs><linearGradient id="linear-gradient" x1="-1670.56" y1="303.85" x2="353.31" y2="303.85" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a1d1e4"/><stop offset="0.14" stop-color="#75c0eb"/><stop offset="0.27" stop-color="#6da5d8"/><stop offset="0.4" stop-color="#4f68aa"/><stop offset="0.52" stop-color="#434a94"/><stop offset="0.64" stop-color="#4e4c94"/><stop offset="0.75" stop-color="#57589d"/><stop offset="0.89" stop-color="#7d64a2"/></linearGradient><linearGradient id="linear-gradient-2" x1="-1549.6" y1="302.54" x2="349.39" y2="302.54" xlink:href="#linear-gradient"/></defs><title>dlcm2-logo</title><path d="M447.39,453.52a29.4,29.4,0,1,0,29.4,29.39,29.43,29.43,0,0,0-29.4-29.39Zm0,77.47a48.08,48.08,0,1,1,48.08-48.08A48.13,48.13,0,0,1,447.39,531Z" transform="translate(0 0.27)" style="fill:#434a94"/><path d="M447.39,90.75a29.39,29.39,0,1,0,29.4,29.39,29.42,29.42,0,0,0-29.4-29.39Zm0,77.46a48.07,48.07,0,1,1,48.08-48.07,48.13,48.13,0,0,1-48.08,48.07Z" transform="translate(0 0.27)" style="fill:#57589d"/><path d="M48.44,272.7a29.39,29.39,0,1,0,29.39,29.38A29.42,29.42,0,0,0,48.44,272.7Zm0,77.47a48.08,48.08,0,1,1,48.07-48.09,48.14,48.14,0,0,1-48.07,48.09Z" transform="translate(0 0.27)" style="fill:#75c0eb"/><polygon points="475.05 311.13 362.03 311.13 362.03 292.46 475.05 292.46 475.05 311.13 475.05 311.13" style="fill:#4e4c94"/><polygon points="188.69 228.5 63.99 83.08 78.17 70.92 202.87 216.34 188.69 228.5 188.69 228.5" style="fill:#a1d1e4"/><polygon points="78.17 531.2 63.99 519.03 188.69 373.62 202.87 385.78 78.17 531.2 78.17 531.2" style="fill:#6da5d8"/><path d="M48.81,521.05A29.39,29.39,0,1,0,78.2,550.43a29.41,29.41,0,0,0-29.39-29.38Zm0,77.47a48.08,48.08,0,1,1,48.07-48.09,48.14,48.14,0,0,1-48.07,48.09Z" transform="translate(0 0.27)" style="fill:#6da5d8"/><path d="M512.93,272.7a29.39,29.39,0,1,0,29.38,29.38,29.43,29.43,0,0,0-29.38-29.38Zm0,77.47A48.08,48.08,0,1,1,561,302.08a48.14,48.14,0,0,1-48.07,48.09Z" transform="translate(0 0.27)" style="fill:#4e4c94"/><path d="M262.85,521.05a29.39,29.39,0,1,0,29.38,29.38,29.41,29.41,0,0,0-29.38-29.38Zm0,77.47a48.08,48.08,0,1,1,48.07-48.09,48.14,48.14,0,0,1-48.07,48.09Z" transform="translate(0 0.27)" style="fill:#4f68aa"/><path d="M260.32,209.76a92.33,92.33,0,1,0,92.34,92.32,92.43,92.43,0,0,0-92.34-92.32Zm0,203.33a111,111,0,1,1,111-111,111.14,111.14,0,0,1-111,111Z" transform="translate(0 0.27)" style="fill:#888f95"/><path d="M48.07,18.41A29.39,29.39,0,1,0,77.46,47.79,29.42,29.42,0,0,0,48.07,18.41Zm0,77.45A48.07,48.07,0,1,1,96.14,47.79,48.13,48.13,0,0,1,48.07,95.86Z" transform="translate(0 0.27)" style="fill:#a1d1e4"/><path d="M262.85,18.41a29.39,29.39,0,1,0,29.38,29.38,29.42,29.42,0,0,0-29.38-29.38Zm0,77.46a48.07,48.07,0,1,1,48.07-48.08,48.14,48.14,0,0,1-48.07,48.08Z" transform="translate(0 0.27)" style="fill:#7d64a2"/><path d="M298,290.44a9.13,9.13,0,0,0-2.38-3.82,5.45,5.45,0,0,0-3.75-1.35,5.27,5.27,0,0,0-3.7,1.35,9.67,9.67,0,0,0-2.39,3.82,25.86,25.86,0,0,0-1.31,5.85,66,66,0,0,0-.4,7.52,66.94,66.94,0,0,0,.4,7.56,25.87,25.87,0,0,0,1.31,5.89,9.67,9.67,0,0,0,2.39,3.82,5.27,5.27,0,0,0,3.7,1.35,5.45,5.45,0,0,0,3.75-1.35,9.13,9.13,0,0,0,2.38-3.82,27.12,27.12,0,0,0,1.27-5.89,64.68,64.68,0,0,0,.4-7.56,63.73,63.73,0,0,0-.4-7.52A27.12,27.12,0,0,0,298,290.44Z" transform="translate(0 0.27)" style="fill:url(#linear-gradient)"/><path d="M312.4,257.09H206.66a18.79,18.79,0,0,0-18.8,18.78V329.2a18.79,18.79,0,0,0,18.8,18.8H312.4a18.8,18.8,0,0,0,18.8-18.8V275.87A18.8,18.8,0,0,0,312.4,257.09Zm-66.75,74.42H208.88a13.46,13.46,0,0,1-.16-2.23v-1.91a19,19,0,0,1,1.24-7,26.05,26.05,0,0,1,3.22-5.94,38.12,38.12,0,0,1,4.49-5.12c1.68-1.6,3.33-3.19,5-4.78l3.58-3.46a41.83,41.83,0,0,0,3-3.18,15,15,0,0,0,2-3.11,7.41,7.41,0,0,0,.72-3.14c0-2.34-.66-4-2-4.94a8.26,8.26,0,0,0-4.93-1.43,11.47,11.47,0,0,0-4,.68,20,20,0,0,0-3.42,1.59,20.56,20.56,0,0,0-2.67,1.83c-.74.61-1.3,1.1-1.67,1.47l-5.89-8.27a29.89,29.89,0,0,1,8.16-5.38,24,24,0,0,1,10-2.11,27.47,27.47,0,0,1,8.36,1.12,15.64,15.64,0,0,1,5.77,3.14,12.22,12.22,0,0,1,3.34,4.93,18.78,18.78,0,0,1,1.08,6.57,14.57,14.57,0,0,1-1.2,5.81,26.47,26.47,0,0,1-3.1,5.37,45.12,45.12,0,0,1-4.3,5c-1.59,1.6-3.15,3.11-4.7,4.54-.79.75-1.66,1.58-2.58,2.51s-1.82,1.87-2.67,2.82-1.6,1.85-2.26,2.67a6.52,6.52,0,0,0-1.24,2h23.72Zm19-.84a8,8,0,0,1-10.27,0,7.69,7.69,0,0,1,0-10.91,8,8,0,0,1,10.27,0,7.71,7.71,0,0,1,0,10.91Zm41.86-5.49a18.06,18.06,0,0,1-29.21,0q-5.29-7.44-5.3-21.37a48.56,48.56,0,0,1,1.4-12.25,26.87,26.87,0,0,1,4-9,17.71,17.71,0,0,1,6.29-5.57,17.33,17.33,0,0,1,8.19-1.92,16.94,16.94,0,0,1,14.61,7.45q5.29,7.44,5.29,21.28T306.49,325.18Z" transform="translate(0 0.27)" style="fill:url(#linear-gradient-2)"/></svg>
\ No newline at end of file

src/assets/themes/yareta/logo.svg

+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.69 63.08">
+    <title>logo_yareta_v6</title>
+    <path
+            d="M66,25.21C65,24,62.3,23.46,58.31,22.8l-1.57-.27c-.58-.1-1.17-.18-1.74-.25.48-1.81,1.2-5.18.5-6.88-1.25-3.06-4.19-2.32-6.83-1.39a21.22,21.22,0,0,1-4.23,1c0-.66.06-1.19.07-1.47.09-1.82-.75-4.73-2.86-5.23a6.23,6.23,0,0,0-4.54,1.2A21.42,21.42,0,0,0,35.49,3.9c-.25-.45-.45-.86-.62-1.21C34.18,1.3,33.58.1,31.77.1s-5.28,3-6.11,7.34a4.47,4.47,0,0,0-2.78-.07,3.54,3.54,0,0,0-2,1.5c-1.38-.32-3-.74-3.44-.91-2-.84-4.46-1-5.59,1-1.26,2.25,0,6,.85,7.08h0c-1,.22-2.4.54-3.49.82a10.43,10.43,0,0,1-3-.15c-1.85-.25-3.45-.46-4.41.36a2.38,2.38,0,0,0-.92,2.13c.08.73.56,1.79,2.39,2.74a6,6,0,0,1,2,1.92A9.27,9.27,0,0,0,7,25.62c.81.63,1.88,1.41,2.67,2l-2,1.54-.85.68a5.87,5.87,0,0,0-2.5,5.84v.14c.21,2,3.56,3.12,6.76,3.12.35,0,.76,0,1.19,0-.23,1.18-.59,3-.88,4-.74,2.46-.76,4.19-.08,5.16a2,2,0,0,0,1.55.83H13a39.17,39.17,0,0,0,7.29-1.68c0,5.29,1.16,8.29,3.44,9.12a4.05,4.05,0,0,0,1.4.26,4.58,4.58,0,0,0,2.61-.93,13.69,13.69,0,0,1,2.05,3.17c.55,1.43,1.71,4.4,4.15,4.4,1.83,0,2.68-1.77,3.42-3.32.19-.39.38-.79.58-1.16a13,13,0,0,0,1.94-6,2.65,2.65,0,0,1,0-.27,8.29,8.29,0,0,1,1.9,1.25c1,1.25,3.62,2.34,5,2.79a5.59,5.59,0,0,0,1.69.3,2.37,2.37,0,0,0,1.77-.64,2,2,0,0,0,.4-2.09,19.07,19.07,0,0,1-1-5.1,2.89,2.89,0,0,0-.13-1.59,22.57,22.57,0,0,0,2.27.17c1.61,0,2.63-.44,2.84-2.16,0-.2,0-.41,0-.61a27,27,0,0,1,3.81-1.43,2.63,2.63,0,0,0,1.76-1A3.13,3.13,0,0,0,60.81,40c-.25-1.51-2.19-3.37-3.43-4.25l-1.3-.89a21.87,21.87,0,0,0,6.57-3.22C65.57,29.09,67.68,27.28,66,25.21ZM49.33,15.9c3.68-1.29,4-.54,4.32.26.41,1-.11,3.87-.68,6-1.1-.06-2-.07-2.46-.06a4.27,4.27,0,0,0-1.82-.65c-.85-.09-2.69-.11-4.56-.1,0-1,.13-2.71.21-4.26A22.79,22.79,0,0,0,49.33,15.9ZM47.57,31.07a14,14,0,0,0-5.19-1.3,9.27,9.27,0,0,0-2.05-1.92,6.33,6.33,0,0,0,.12-1.26,21.77,21.77,0,0,0-.5-3.21c2.27-.05,7.07-.14,8.52,0a3.07,3.07,0,0,1,2.43,3C50.9,27.1,49.26,29.26,47.57,31.07Zm-13,13.85a22.47,22.47,0,0,1-3.3-3.15c0-.23,0-.48-.06-.74s0-.25,0-.39c3.65-.38,4.59-1.36,5.09-2.29a32.35,32.35,0,0,0,4.13-1.06c0,1.61,0,4.23,0,5.46-.09,1.62-1.58,3.88-2.44,4.07-.42.1-1.65-.55-2.78-1.43h0Zm-18.43-18a4.93,4.93,0,0,1,.64-1.05,5.51,5.51,0,0,0,.78-1.34A11.06,11.06,0,0,1,20,23.49a16.49,16.49,0,0,1,4.08-.56,4.77,4.77,0,0,1,2.06.3,1.84,1.84,0,0,1,.37.57c-.73.83-2.11,2.54-2.32,3.89-.14.95-.2,1.57-.22,1.92-.36.54-1.23,1.86-1.77,2.85l-.17.3-.76-.3,0,0v0l-1.31-.54c-.86-.39-2.77-1.49-3.15-2.38C16.14,28.05,16,27.55,16.15,26.94Zm18.6-6.85c1.71.12,2.82,2.25,3,2.65a29,29,0,0,1,.69,3.85,4.37,4.37,0,0,1-.07.79,7.17,7.17,0,0,1-2.75-.47,7.27,7.27,0,0,0-2.22-.46,4.47,4.47,0,0,1-2.75-1l-.14-.09a9.44,9.44,0,0,1-1.69-1.47C30,22.12,33.28,20.63,34.75,20.09Zm6,15a43.35,43.35,0,0,1-4.64,1.28l0,0L36,33c-.08-2.3,2.15-3.3,3.06-3.61a5.52,5.52,0,0,1,2.51,3.1A3.24,3.24,0,0,1,40.75,35.08ZM32.66,28.4a5.78,5.78,0,0,0,.75.05,5.91,5.91,0,0,1,1.62.37l.7.21a5.08,5.08,0,0,0-1.76,4L34,34.74a2.07,2.07,0,0,0-1.18-.11c-.58.12-1.16.26-1.6.38a6,6,0,0,0-1-1.32,3,3,0,0,1-.43-.52l-.23-.29a15.41,15.41,0,0,0,2-2.41A8.71,8.71,0,0,0,32.66,28.4Zm-.72,8.5c.39-.11.85-.22,1.3-.32.23,0,.74.41,1.21.92-.21.3-.72.75-2.57,1A4.93,4.93,0,0,0,31.94,36.9Zm-4.3-11.34a11.07,11.07,0,0,0,1.82,1.53l.14.08a12.11,12.11,0,0,0,1.14.67,9.64,9.64,0,0,1-.86,1.55,14.33,14.33,0,0,1-1.66,2,17.26,17.26,0,0,0-2.22-2c0-.32.07-.78.17-1.41A7.22,7.22,0,0,1,27.64,25.56ZM23,35a10.75,10.75,0,0,0,1-1.57c.36-.65.89-1.49,1.29-2.1a23.84,23.84,0,0,1,2.87,2.94,4.75,4.75,0,0,0,.68.82,4.52,4.52,0,0,1,1,1.53,2.83,2.83,0,0,1-.08,2.16c-2.62.37-5.81.26-6.86-2.14ZM41.19,10.27c.78.18,1.39,1.93,1.32,3.18s-.28,5.85-.38,7.88l-2.82.06a6.28,6.28,0,0,0-3.92-3.22l-.53-1.86-.11-.14c-.07-.1-.26-.37-.53-.73l3.48-3.83A4.79,4.79,0,0,1,41.19,10.27ZM31.77,2.1c.51,0,.6,0,1.3,1.48.19.37.4.8.66,1.27a24.25,24.25,0,0,1,1.62,6.37L33,13.81a32.33,32.33,0,0,0-2.82-3.34L30,10.33a17.83,17.83,0,0,0-2.49-2C28,4.43,31,2.1,31.77,2.1ZM23.49,9.28c1.79-.58,4.09,1.52,5.19,2.53l.16.14A56.35,56.35,0,0,1,33,17.2l.36,1.27a16.52,16.52,0,0,0-5.63,3.58,2.25,2.25,0,0,0-.21-.24c-.86-.86-3.06-1-5.34-.76a65.72,65.72,0,0,0,.07-7C22.05,12,21.94,9.77,23.49,9.28Zm-9.85.65c.63-1.13,2.81-.24,3.06-.13a36,36,0,0,0,3.55,1,14.15,14.15,0,0,0,0,3.54c.16,1.4,0,5.39-.1,7.08l-.69.16a11,11,0,0,0-2,.79,31.64,31.64,0,0,0-3.14-7.52C13.78,14.08,12.93,11.19,13.64,9.93ZM8.2,24a8.27,8.27,0,0,1-1.28-1.41,7.77,7.77,0,0,0-2.69-2.48c-1-.52-1.31-1-1.33-1.19s.12-.28.23-.38A8,8,0,0,1,6,18.69a11.21,11.21,0,0,0,3.76.1c1.27-.32,3-.71,3.95-.93a27,27,0,0,1,2,5.49c-1.37.84-2.85,1.88-4.34,3C10.54,25.78,9.17,24.79,8.2,24ZM6.33,35.61v-.15A3.9,3.9,0,0,1,8.06,31.4l.86-.68c1.28-1,3.22-2.55,5.22-4-.23,1.16.2,2.15.81,3.57.8,1.84,3.82,3.26,4.19,3.42s1.06.45,1.83.74L20.9,36c-2,.28-7.3,1-9.8,1C8.16,36.93,6.47,36,6.33,35.61ZM13,46.85c-.16-.17-.29-1.29.35-3.42.37-1.24.82-3.56,1-4.69,2.32-.21,4.91-.55,6.41-.75-.13,1.58-.34,4.42-.43,7.07C17.76,45.85,14,46.9,13,46.85ZM24.42,54.4c-1.48-.54-2.25-3.66-2.12-8.57.06-2.15.21-4.53.34-6.29,1.29,1,3.33,1.64,6.55,1.31,0,.14,0,.28,0,.4a5.72,5.72,0,0,1,.06.67c0,.35,0,1.16,3.43,4.06a21.14,21.14,0,0,1-3.16,5.12l-.63.68C27.1,53.75,25.9,54.94,24.42,54.4Zm13.46-1.69a11.35,11.35,0,0,1-1.69,5c-.22.4-.43.83-.63,1.25-.49,1-1.05,2.19-1.62,2.19-1,0-1.77-1.78-2.29-3.12a14.77,14.77,0,0,0-2.39-3.74c.39-.38.77-.79,1.14-1.18l.61-.66a22,22,0,0,0,3.31-5.21,6.91,6.91,0,0,0,3.56,1.56,2.52,2.52,0,0,0,.48,0A26.91,26.91,0,0,0,37.88,52.71Zm9.56,1.87a10.63,10.63,0,0,1-4.06-2.12,11.42,11.42,0,0,0-3.25-2.15c.2-1.27.45-2.61.61-3.37a9.3,9.3,0,0,0,.59-.9,37.53,37.53,0,0,0,5.9,1.08,2.82,2.82,0,0,1,.52,1.34c-.4,1.57,1,6.16,1,6.21l0,.08A2.82,2.82,0,0,1,47.44,54.58Zm5.25-9.46a.87.87,0,0,1-.09.32,9.44,9.44,0,0,1-3.1-.09l-1.6-.17a36.83,36.83,0,0,1-5.77-1,6,6,0,0,0,.24-1.31c.1-1.64,0-5.44,0-6.61A5.14,5.14,0,0,0,43.5,32.1a1,1,0,0,0,0-.18,8.25,8.25,0,0,1,3.12.88l.19.27c1.61,2.29,4.77,6.85,5.28,7.7A7.87,7.87,0,0,1,52.69,45.12Zm3.53-7.79a7.32,7.32,0,0,1,2.62,3,1.11,1.11,0,0,1-.17.83.61.61,0,0,1-.42.25,20.31,20.31,0,0,0-3.61,1.25,7.76,7.76,0,0,0-.88-2.87c-.29-.48-1.3-2-2.37-3.52.61-.16,1.36-.36,2.22-.62C54.16,36,55.24,36.63,56.22,37.33Zm5.12-7.25c-2.42,2.08-9.07,3.86-11.16,4.39l-1.3-1.87c1.42-1.49,4-4.46,4-6.2a5.23,5.23,0,0,0-.58-2.31,29.32,29.32,0,0,1,4.07.41l1.59.27c2.19.37,5.86,1,6.45,1.71C64.79,26.92,64.13,27.69,61.34,30.08Z"
+            transform="translate(-0.9 -0.1)" style="fill:#a2c252"/>
+</svg>