feat: add marketplace-divider-bg color variable for dark and light themes

web/tailwind-common-config.ts

@@ -87,6 +87,7 @@ const config = {
         'chatbot-bg': 'var(--color-chatbot-bg)',
         'chat-bubble-bg': 'var(--color-chat-bubble-bg)',
         'workflow-process-bg': 'var(--color-workflow-process-bg)',
+        'marketplace-divider-bg': 'var(--color-marketplace-divider-bg)',
       },
       animation: {
         'spin-slow': 'spin 2s linear infinite',

web/themes/dark.css

@@ -694,4 +694,5 @@ html[data-theme="dark"] {
   --color-third-party-model-bg-anthropic: #1D1917;
   --color-third-party-model-bg-default: #0B0B0E;
   --color-workflow-process-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%);
+  --color-marketplace-divider-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.14) 0%, rgba(0, 0, 0, 0) 100%);
 }

web/themes/light.css

@@ -694,4 +694,5 @@ html[data-theme="light"] {
   --color-third-party-model-bg-anthropic: #EEEDE7;
   --color-third-party-model-bg-default: #F9FAFB;
   --color-workflow-process-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%);
+  --color-marketplace-divider-bg: linear-gradient(90deg, rgba(16, 24, 40, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
 }