[web] Increase contrast on attribute items in sidebar (#736)

Signed-off-by: Peter Wielander <mittgfu@gmail.com>

Author: VaguelySerious

.changeset/fluffy-cats-matter.md

@@ -0,0 +1,5 @@
+---
+"@workflow/web-shared": patch
+---
+
+Increase contrast on attribute items in sidebar

packages/web-shared/src/sidebar/attribute-panel.tsx

@@ -570,7 +570,7 @@ export const AttributeBlock = ({
       <div className="flex items-center gap-1.5">
         <span
           className="text-[11px] font-medium"
-          style={{ color: 'var(--ds-gray-500)' }}
+          style={{ color: 'var(--ds-gray-700)' }}
         >
           {attribute}
         </span>
@@ -594,7 +594,7 @@ export const AttributeBlock = ({
       <div key={attribute} className="flex flex-col gap-0 my-2">
         <span
           className="text-xs font-medium"
-          style={{ color: 'var(--ds-gray-500)' }}
+          style={{ color: 'var(--ds-gray-700)' }}
         >
           {attribute}
         </span>
@@ -670,7 +670,7 @@ export const AttributePanel = ({
               >
                 <span
                   className="text-[11px] font-medium"
-                  style={{ color: 'var(--ds-gray-500)' }}
+                  style={{ color: 'var(--ds-gray-700)' }}
                 >
                   {attribute}
                 </span>

packages/web-shared/src/sidebar/events-list.tsx

@@ -115,7 +115,7 @@ export function EventsList({
                     >
                       <span
                         className="text-[11px] font-medium"
-                        style={{ color: 'var(--ds-gray-500)' }}
+                        style={{ color: 'var(--ds-gray-700)' }}
                       >
                         {key}
                       </span>