Update status bar theme gradients and action link colors

Author: robertpiosik

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

@@ -31,13 +31,18 @@
 .theme-default {
   color: var(--cwc-text-color);
   background: var(--cwc-bg-tertiary);
+  background: linear-gradient(
+    40deg,
+    var(--cwc-bg-secondary) 40px,
+    var(--cwc-bg-tertiary) 140px
+  );
   --theme-description-color: var(--cwc-text-color-dimmed);
 }
 
 .theme-warning {
   color: var(--cwc-yellow-foreground);
   background: linear-gradient(
-    45deg,
+    40deg,
     var(--cwc-yellow-background) 40px,
     var(--cwc-bg-tertiary) 140px
   );
@@ -47,7 +52,7 @@
 .theme-success {
   color: var(--cwc-green-foreground);
   background: linear-gradient(
-    45deg,
+    40deg,
     var(--cwc-green-background) 40px,
     var(--cwc-bg-tertiary) 140px
   );
@@ -57,7 +62,7 @@
 .theme-error {
   color: var(--cwc-red-foreground);
   background: linear-gradient(
-    45deg,
+    40deg,
     var(--cwc-red-background) 40px,
     var(--cwc-bg-tertiary) 140px
   );
@@ -67,7 +72,7 @@
 .theme-blue {
   color: var(--cwc-blue-foreground);
   background: linear-gradient(
-    45deg,
+    40deg,
     var(--cwc-blue-background) 40px,
     var(--cwc-bg-tertiary) 140px
   );
@@ -77,7 +82,7 @@
 .theme-purple {
   color: var(--cwc-purple-foreground);
   background: linear-gradient(
-    45deg,
+    40deg,
     var(--cwc-purple-background) 40px,
     var(--cwc-bg-tertiary) 140px
   );
@@ -134,10 +139,9 @@
   cursor: pointer;
   white-space: nowrap;
   padding: 0 7px 0 4px;
-  color: var(--cwc-text-color-dimmed);
+  color: var(--cwc-link-color);
 
   &:hover {
-    color: var(--cwc-text-color);
     background-color: var(--cwc-bg-tertiary);
   }
 }

packages/ui/src/styles/foundation/_colors.scss

@@ -5,6 +5,7 @@
     var(--vscode-foreground) 75%,
     transparent
   );
+  --cwc-link-color: var(--vscode-textLink-foreground);
   --cwc-green-foreground: var(--vscode-charts-green);
   --cwc-green-foreground-dimmed: color-mix(
     in srgb,