UBER-304: fixed Navigator (#3312)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

packages/theme/styles/_colors.scss

@@ -54,10 +54,10 @@
 /* Dark Theme */
 .theme-dark {
   --primary-button-color: #fff;
-  --primary-button-enabled: #205dc2;
-  --primary-button-transparent: rgba(32, 93, 194, 0.2);
-  --primary-button-hovered: #1A53AF;
-  --primary-button-pressed: #144CA8;
+  --primary-button-enabled: #2B5190;
+  --primary-button-transparent: rgba(43, 81, 144, 0.2);
+  --primary-button-hovered: #325FA9;
+  --primary-button-pressed: #284B86;
   --primary-button-focused: #144CA8;
   --primary-button-disabled: #484662;
   --primary-button-focused-border: #6E9FED;
@@ -235,10 +235,10 @@
 /* Light Theme */
 .theme-light {
   --primary-button-color: #fff;
-  --primary-button-enabled: #205DC2;
-  --primary-button-transparent: rgba(32, 93, 194, 0.2);
-  --primary-button-hovered: #1A53AF;
-  --primary-button-pressed: #144CA8;
+  --primary-button-enabled: #2B5190;
+  --primary-button-transparent: rgba(43, 81, 144, 0.2);
+  --primary-button-hovered: #325FA9;
+  --primary-button-pressed: #284B86;
   --primary-button-focused: #144CA8;
   --primary-button-disabled: #EBEBEB;
   --primary-button-focused-border: #6E9FED; // DARK
@@ -263,8 +263,8 @@
   --theme-overlay-color: rgba(0, 0, 0, .2);
   --theme-statusbar-color: #bfbfc6;
   --theme-navpanel-color: #E8E8ED;
-  --theme-navpanel-hovered: rgba(218, 218, 231, .5);
-  --theme-navpanel-selected: #DADAE7;
+  --theme-navpanel-hovered: rgba(0, 0, 0, .04);
+  --theme-navpanel-selected: rgba(0, 0, 0, .08);
   --theme-navpanel-divider: rgba(0, 0, 0, .06);
   --theme-navpanel-border: rgba(0, 0, 0, .06);
   --theme-navpanel-icons-color: #7F7F7F;

packages/theme/styles/common.scss

@@ -146,10 +146,11 @@
     user-select: none;
     font-weight: 400;
 
-    &:not(.content-color) { color: var(--theme-caption-color); }
-    &.title {
-      // font-weight: 500;
-      color: var(--theme-caption-color);
+    &.title:not(.dark),
+    &:not(.bold, .title.dark) { color: var(--theme-content-color); }
+    &.title.dark {
+      font-size: .75rem;
+      color: var(--theme-dark-color);
     }
     &.bold {
       font-weight: 600;
@@ -179,9 +180,8 @@
   }
 
   &:hover, &.hovered, &.selected {
-    // background-color: var(--theme-navpanel-hovered);
     .an-element__icon,
-    .an-element__label { color: var(--theme-caption-color); }
+    .an-element__label.title.dark { color: var(--theme-caption-color); }
     .an-element__icon-arrow { opacity: 1; }
   }
   &:hover, &.hovered { background-color: var(--theme-navpanel-hovered); }

plugins/notification-resources/src/components/Activity.svelte

@@ -119,7 +119,7 @@
   }}
 />
 <div class="inbox-activity">
-  <Scroller>
+  <Scroller noStretch>
     {#if loading}
       <Loading />
     {:else}

plugins/setting-assets/assets/icons.svg

@@ -14,7 +14,8 @@
     <path d="M14.2,4.1l-6-3C8.1,1,7.9,1,7.8,1.1l-6,3C1.6,4.1,1.5,4.3,1.5,4.5v7c0,0.2,0.1,0.4,0.3,0.4l6,3L8,14.5l0.2,0.4l6-3 c0.2-0.1,0.3-0.3,0.3-0.4v-7C14.5,4.3,14.4,4.1,14.2,4.1z M8,2.1l4.9,2.4L8,6.9L3.1,4.5L8,2.1z M2.5,11.2V5.3l5,2.5v5.9L2.5,11.2z M8.5,13.7V7.8l5-2.5v5.9L8.5,13.7z"/>
   </symbol>
   <symbol id="support" viewBox="0 0 16 16">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 2C4.68629 2 2 4.68629 2 8C2 9.08409 2.28706 10.0996 2.78897 10.9763L2.8821 11.139L2.38738 13.6126L4.861 13.1179L5.02367 13.211C5.90038 13.7129 6.91591 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2ZM1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C6.80494 15 5.67857 14.7001 4.69338 14.1712L1.11262 14.8874L1.82877 11.3066C1.29987 10.3214 1 9.19506 1 8Z"/>  </symbol>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8,2C4.2,2,1,4.6,1,8c0,1.2,0.4,2.4,1.2,3.3c-0.1,0.3-0.3,0.7-0.5,1l-0.6,0.9c-0.1,0.2-0.1,0.4,0,0.5C1.1,13.9,1.3,14,1.5,14c1.1,0,2.2-0.2,3.2-0.7C5.7,13.7,6.8,14,8,14c3.8,0,7-2.6,7-6C15,4.6,11.8,2,8,2z M8,13c-1.1,0-2.2-0.3-3.1-0.7c-0.1-0.1-0.3-0.1-0.4,0c-0.6,0.3-1.3,0.5-2,0.6c0.3-0.5,0.6-1,0.7-1.5c0.1-0.2,0-0.3-0.1-0.5C2.4,10.1,2,9.1,2,8c0-2.7,2.6-5,6-5c3.4,0,6,2.3,6,5S11.4,13,8,13z" />
+  </symbol>
   <symbol id="privacy" viewBox="0 0 24 24">
     <path d="M21.2,3.9l-9-2.6c-0.1,0-0.3,0-0.4,0l-9,2.6C2.5,4,2.2,4.3,2.2,4.6V10c0,6,3.9,10.8,9.5,12.7c0.2,0.1,0.3,0.1,0.5,0c5.6-1.9,9.5-6.7,9.5-12.7V4.6C21.8,4.3,21.5,4,21.2,3.9z M20.2,10c0,5.2-3.3,9.4-8.2,11.2c-5-1.8-8.3-6-8.3-11.2V5.2L12,2.8l8.2,2.4V10z" />
     <path d="M8.8,9c0,0.9,0.4,1.7,1,2.3c-1.5,0.8-2.5,2.4-2.5,4.2c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8c0-1.8,1.5-3.2,3.2-3.2s3.2,1.5,3.2,3.2c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8c0-1.8-1-3.4-2.5-4.2c0.6-0.6,1-1.4,1-2.3c0-1.8-1.5-3.2-3.2-3.2S8.8,7.2,8.8,9z M13.8,9c0,1-0.8,1.8-1.8,1.8S10.2,10,10.2,9S11,7.2,12,7.2S13.8,8,13.8,9z" />

plugins/workbench-resources/src/components/Navigator.svelte

@@ -192,7 +192,7 @@
     <div class="an-element__icon">
       <Icon icon={setting.icon.Support} size={'small'} />
     </div>
-    <span class="an-element__label content-color">
+    <span class="an-element__label title dark">
       <Label label={workbench.string.HelpAndSupport} />
     </span>
   </div>