Ticket #4674 - Studio: Launcher.

studio/template/css/menu_top.css

@@ -190,6 +190,7 @@ div.bx-std-menu-top .bx-menu-toolbar li {
     min-width: 3.0rem;
     
     border-radius: 1.5rem;
+    background-color: rgba(55, 65, 81, 1);
 
     line-height: 3.0rem;
     overflow: hidden;
@@ -202,9 +203,6 @@ div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search {
     align-items: center;
     -webkit-flex-wrap: nowrap;
     flex-wrap: nowrap;
-
-    background-color: rgba(55, 65, 81, 1);
-    border-radius: 1.5rem;
 }
 div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search .bx-form-input-text {
     height: 3rem;
@@ -227,6 +225,9 @@ div.bx-std-menu-top .bx-menu-toolbar li a {
 
     width: 100%;
     height: 100%;
+    
+    border-radius: 1.5rem;
+    backgroud-color: rgba(55, 65, 81, 1);
 }
 
 div.bx-std-menu-top .bx-menu-toolbar li svg g {

studio/template/images/icons/tmi-account.svg

@@ -1,13 +1,12 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="#374151"/>
-<g clip-path="url(#clip0_57_2071)">
-<path d="M13.3333 16H34.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.3333 24H34.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.3333 32H34.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_57_2072)">
+<path d="M5.33325 8H26.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 16H26.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.33325 24H26.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_57_2071">
-<rect width="32" height="32" fill="white" transform="translate(8 8)"/>
+<clipPath id="clip0_57_2072">
+<rect width="32" height="32" fill="white"/>
 </clipPath>
 </defs>
 </svg>

studio/template/images/icons/tmi-actions.svg

@@ -1,8 +1,7 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="#374151"/>
-<path d="M11.3333 24C11.3333 18.0289 11.3333 15.0433 13.1882 13.1883C15.0432 11.3333 18.0288 11.3333 23.9999 11.3333C29.971 11.3333 32.9566 11.3333 34.8117 13.1883C36.6666 15.0433 36.6666 18.0289 36.6666 24C36.6666 29.9711 36.6666 32.9567 34.8117 34.8117C32.9566 36.6667 29.971 36.6667 23.9999 36.6667C18.0288 36.6667 15.0432 36.6667 13.1882 34.8117C11.3333 32.9567 11.3333 29.9711 11.3333 24Z" stroke="#E5E7EB" stroke-width="2" stroke-linejoin="round"/>
-<path d="M19.3333 21.3333C18.2287 21.3333 17.3333 20.4379 17.3333 19.3333C17.3333 18.2288 18.2287 17.3333 19.3333 17.3333C20.4378 17.3333 21.3333 18.2288 21.3333 19.3333C21.3333 20.4379 20.4378 21.3333 19.3333 21.3333Z" stroke="#E5E7EB" stroke-width="2"/>
-<path d="M28.6667 30.6667C29.7713 30.6667 30.6667 29.7712 30.6667 28.6667C30.6667 27.5621 29.7713 26.6667 28.6667 26.6667C27.5622 26.6667 26.6667 27.5621 26.6667 28.6667C26.6667 29.7712 27.5622 30.6667 28.6667 30.6667Z" stroke="#E5E7EB" stroke-width="2"/>
-<path d="M21.3333 19.3333H30.6666" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round"/>
-<path d="M26.6666 28.6667H17.3333" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.33337 16C3.33337 10.0289 3.33337 7.04333 5.18836 5.18833C7.04336 3.33334 10.0289 3.33334 16 3.33334C21.9711 3.33334 24.9567 3.33334 26.8118 5.18833C28.6667 7.04333 28.6667 10.0289 28.6667 16C28.6667 21.9711 28.6667 24.9567 26.8118 26.8117C24.9567 28.6667 21.9711 28.6667 16 28.6667C10.0289 28.6667 7.04336 28.6667 5.18836 26.8117C3.33337 24.9567 3.33337 21.9711 3.33337 16Z" stroke="#E5E7EB" stroke-width="2" stroke-linejoin="round"/>
+<path d="M11.3334 13.3333C10.2288 13.3333 9.33337 12.4379 9.33337 11.3333C9.33337 10.2288 10.2288 9.33334 11.3334 9.33334C12.4379 9.33334 13.3334 10.2288 13.3334 11.3333C13.3334 12.4379 12.4379 13.3333 11.3334 13.3333Z" stroke="#E5E7EB" stroke-width="2"/>
+<path d="M20.6666 22.6667C21.7712 22.6667 22.6666 21.7712 22.6666 20.6667C22.6666 19.5621 21.7712 18.6667 20.6666 18.6667C19.5621 18.6667 18.6666 19.5621 18.6666 20.6667C18.6666 21.7712 19.5621 22.6667 20.6666 22.6667Z" stroke="#E5E7EB" stroke-width="2"/>
+<path d="M13.3334 11.3333H22.6667" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round"/>
+<path d="M18.6667 20.6667H9.33337" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round"/>
 </svg>

studio/template/images/icons/tmi-help.svg

@@ -1,13 +1,12 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="#374151"/>
-<g clip-path="url(#clip0_57_2059)">
-<path d="M12 24C12 25.5759 12.3104 27.1363 12.9134 28.5922C13.5165 30.0481 14.4004 31.371 15.5147 32.4853C16.629 33.5996 17.9519 34.4835 19.4078 35.0866C20.8637 35.6896 22.4241 36 24 36C25.5759 36 27.1363 35.6896 28.5922 35.0866C30.0481 34.4835 31.371 33.5996 32.4853 32.4853C33.5996 31.371 34.4835 30.0481 35.0866 28.5922C35.6896 27.1363 36 25.5759 36 24C36 20.8174 34.7357 17.7652 32.4853 15.5147C30.2348 13.2643 27.1826 12 24 12C20.8174 12 17.7652 13.2643 15.5147 15.5147C13.2643 17.7652 12 20.8174 12 24Z" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24 29.3333V29.3467" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24 25.3333C24.5997 25.3351 25.1824 25.1348 25.6542 24.7646C26.126 24.3944 26.4592 23.876 26.6001 23.2931C26.7409 22.7102 26.6812 22.0968 26.4306 21.5521C26.1799 21.0073 25.753 20.5629 25.2187 20.2907C24.6882 20.0189 24.0815 19.9347 23.4971 20.0516C22.9127 20.1685 22.385 20.4798 22 20.9347" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_57_2060)">
+<path d="M4 16C4 17.5759 4.31039 19.1363 4.91345 20.5922C5.5165 22.0481 6.40042 23.371 7.51472 24.4853C8.62902 25.5996 9.95189 26.4835 11.4078 27.0866C12.8637 27.6896 14.4241 28 16 28C17.5759 28 19.1363 27.6896 20.5922 27.0866C22.0481 26.4835 23.371 25.5996 24.4853 24.4853C25.5996 23.371 26.4835 22.0481 27.0866 20.5922C27.6896 19.1363 28 17.5759 28 16C28 12.8174 26.7357 9.76516 24.4853 7.51472C22.2348 5.26428 19.1826 4 16 4C12.8174 4 9.76516 5.26428 7.51472 7.51472C5.26428 9.76516 4 12.8174 4 16Z" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 21.3333V21.3467" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 17.3333C16.5997 17.3351 17.1824 17.1348 17.6542 16.7646C18.126 16.3944 18.4592 15.876 18.6001 15.2931C18.7409 14.7102 18.6812 14.0968 18.4306 13.5521C18.1799 13.0073 17.753 12.5629 17.2187 12.2907C16.6882 12.0189 16.0815 11.9347 15.4971 12.0516C14.9127 12.1685 14.385 12.4798 14 12.9347" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_57_2059">
-<rect width="32" height="32" fill="white" transform="translate(8 8)"/>
+<clipPath id="clip0_57_2060">
+<rect width="32" height="32" fill="white"/>
 </clipPath>
 </defs>
 </svg>

studio/template/images/icons/tmi-site.svg

@@ -1,13 +1,12 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="#374151"/>
-<g clip-path="url(#clip0_57_2065)">
-<path d="M20 28L28 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22.6667 16L23.2841 15.2853C24.5345 14.0351 26.2303 13.3328 27.9986 13.3329C29.7668 13.333 31.4625 14.0356 32.7127 15.286C33.963 16.5364 34.6653 18.2322 34.6652 20.0005C34.665 21.7687 33.9625 23.4644 32.7121 24.7147L32.0001 25.3333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M25.3334 32L24.8041 32.712C23.5391 33.9629 21.8318 34.6645 20.0528 34.6645C18.2737 34.6645 16.5664 33.9629 15.3014 32.712C14.6779 32.0955 14.1829 31.3614 13.8451 30.5522C13.5072 29.743 13.3333 28.8749 13.3333 27.998C13.3333 27.1211 13.5072 26.253 13.8451 25.4438C14.1829 24.6346 14.6779 23.9005 15.3014 23.284L16.0001 22.6667" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_57_2066)">
+<path d="M12 20L20 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.6667 7.99999L15.2841 7.28532C16.5345 6.03509 18.2303 5.33279 19.9986 5.33292C21.7668 5.33304 23.4625 6.03558 24.7127 7.28599C25.963 8.5364 26.6653 10.2322 26.6652 12.0005C26.665 13.7687 25.9625 15.4644 24.7121 16.7147L24.0001 17.3333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.3334 24L16.8041 24.712C15.5391 25.9629 13.8318 26.6645 12.0528 26.6645C10.2737 26.6645 8.56644 25.9629 7.30144 24.712C6.67792 24.0955 6.1829 23.3614 5.84506 22.5522C5.50721 21.743 5.33325 20.8749 5.33325 19.998C5.33325 19.1211 5.50721 18.253 5.84506 17.4438C6.1829 16.6346 6.67792 15.9005 7.30144 15.284L8.00011 14.6667" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </g>
 <defs>
-<clipPath id="clip0_57_2065">
-<rect width="32" height="32" fill="white" transform="translate(8 8)"/>
+<clipPath id="clip0_57_2066">
+<rect width="32" height="32" fill="white"/>
 </clipPath>
 </defs>
 </svg>