TSK-1019, TSK-1026. Replacing colors (#2880)

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

packages/text-editor/src/components/CollaboratorEditor.svelte

@@ -471,7 +471,7 @@
 {#if visible}
   <div class="ref-container" class:autoOverflow>
     {#if isFormatting && !readonly}
-      <div class="formatPanelRef formatPanel flex-between clear-mins" class:focused>
+      <div class="formatPanelRef formatPanel flex-between clear-mins">
         <div class="flex-row-center buttons-group xsmall-gap">
           <StyleButton
             icon={Header}
@@ -743,10 +743,9 @@
     border-radius: 0.5rem;
     box-shadow: var(--button-shadow);
     z-index: 1;
-
-    &.focused {
-      position: sticky;
-      top: 1.25rem;
-    }
+  }
+  .ref-container:focus-within .formatPanel {
+    position: sticky;
+    top: 1.25rem;
   }
 </style>

packages/text-editor/src/components/ReferenceInput.svelte

@@ -376,7 +376,7 @@
 
     .formatPanelRef {
       padding: 0.5rem;
-      background-color: var(--body-accent);
+      background-color: var(--body-color);
       border: 1px solid var(--divider-color);
       border-radius: 0.5rem 0.5rem 0 0;
       border-bottom: 0;
@@ -395,7 +395,7 @@
       align-items: flex-end;
       min-height: 2.75rem;
       padding: 0.75rem 1rem;
-      background-color: var(--accent-bg-color);
+      background-color: var(--body-accent);
       border: 1px solid var(--divider-color);
       border-radius: 0.5rem;
 

packages/theme/styles/_colors.scss

@@ -135,7 +135,7 @@
 /* Light Theme */
 .theme-light {
   --body-color: #fff;
-  --body-accent: #eee; // HZ
+  --body-accent: #fafafa; // HZ
   --board-bg-color: #f4f5f8;
   --board-card-bg-color: #fff;
   --board-card-bg-hover: rgb(252, 252, 252);

packages/theme/styles/global.scss

@@ -126,3 +126,7 @@ body {
   overflow: hidden;
   touch-action: none;
 }
+
+// TSK-1026. Experiment, don't forget to delete.
+.theme-dark .p-activity .msgactivity-content.comment .msgactivity-content__title.labels-row > .bold,
+.theme-dark .p-activity .msgactivity-content.comment .activity-content.content .p-inline { color: rgba(255, 255, 255, .8); }

packages/ui/src/components/Button.svelte

@@ -303,9 +303,16 @@
         }
       }
     }
-    &.transparent:hover,
-    &.transparent.selected {
-      background-color: var(--button-bg-hover);
+    &.transparent {
+      &:hover {
+        background-color: var(--highlight-hover);
+      }
+      &.selected {
+        background-color: var(--highlight-select);
+      }
+      &.selected:hover {
+        background-color: var(--highlight-select-hover);
+      }
     }
     &.link {
       padding: 0 0.875rem;

plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte

@@ -285,7 +285,7 @@
 <style lang="scss">
   .root {
     padding: 0.75rem;
-    background-color: var(--accent-bg-color);
+    background-color: var(--body-accent);
     border: 1px solid var(--button-border-color);
     border-radius: 0.5rem;
     overflow: hidden;