Update hover background and label colors for TargetButton blue and purple variants

- the left side of the gradient should be bg dimmed, normal text color
- when hovered, left side text should be colored according to [Fragment]

└── packages
    └── ui
        └── src
            ├── components
            │   └── editor
            │       └── prompt
            │           └── TargetButton
            │               ├── TargetButton.module.scss
            │               └── TargetButton.tsx
            └── styles
                └── foundation
                    └── _colors.scss

Author: robertpiosik

packages/ui/src/components/editor/prompt/TargetButton/TargetButton.module.scss

@@ -38,10 +38,10 @@
     --ascii-color: var(--cwc-blue-foreground);
 
     &:not(.button--compact) {
-      background: linear-gradient(90deg, var(--cwc-blue-background) 0%, transparent 100%);
+      background: linear-gradient(90deg, var(--cwc-bg-secondary) 0%, transparent 100%);
 
       .button__label {
-        color: var(--cwc-blue-foreground);
+        color: var(--cwc-text-color);
       }
     }
   }
@@ -50,10 +50,10 @@
     --ascii-color: var(--cwc-purple-foreground);
 
     &:not(.button--compact) {
-      background: linear-gradient(90deg, var(--cwc-purple-background) 0%, transparent 100%);
+      background: linear-gradient(90deg, var(--cwc-bg-secondary) 0%, transparent 100%);
 
       .button__label {
-        color: var(--cwc-purple-foreground);
+        color: var(--cwc-text-color);
       }
     }
   }
@@ -74,6 +74,7 @@
       background: var(--cwc-blue-background);
       color: var(--cwc-blue-foreground);
 
+      .button__label,
       .button__description {
         color: var(--cwc-blue-foreground);
       }
@@ -83,6 +84,7 @@
       background: var(--cwc-purple-background);
       color: var(--cwc-purple-foreground);
 
+      .button__label,
       .button__description {
         color: var(--cwc-purple-foreground);
       }