Dev color (#367)

Author: ikun97

web/apps/web/public/workflow-thumbnail-old.png

@@ -28,7 +28,7 @@ const ItemContent = ({
       className={cn(
         'flex gap-3 p-2 cursor-pointer rounded-md text-subtler',
         isActive(item.href)
-          ? '!text-default bg-neutral-on-surface-active'
+          ? '!text-default bg-brand-default'
           : 'hover:bg-neutral-on-surface-hover hover:text-default',
       )}>
       {item.icon

web/apps/web/public/workflow-thumbnail.png

@@ -11,8 +11,6 @@ export const introConfigSchema: ISchema = {
   'x-title-size': 'h4',
   description:
     'The intro message is crucial for user experience. Keep it within one iOS screen (text, image, and buttons) to ensure a smooth, engaging start.',
-  'x-show-bottom-border': true,
-  'x-wrapper-class': 'px-3',
   properties: {
     render: {
       type: 'object',

web/apps/web/src/components/layouts/side-content.tsx

@@ -167,10 +167,10 @@ const FlowDag = forwardRef<FlowRef, IFlowDagProps>(
           <Background
             gap={24}
             size={3}
-            color="#E1DCD7"
+            color="var(--background-neutral-primary-hover)"
             variant={BackgroundVariant.Dots}
             style={{
-              backgroundColor: '#F7F4F0',
+              backgroundColor: 'var(--background-neutral-primary-default)',
             }}
           />
         </ReactFlow>

web/apps/web/src/stores/app/schema/intro-config.ts

@@ -183,9 +183,7 @@ const Block: React.FC<IBlockProps> = props => {
             size="sm"
             lineClamp={6}
             color="subtlest"
-            className={cn('mt-1.5', {
-              'pb-3 border-b-[0.3px] border-default px-3': xShowBorder, //todo: 需要优化
-            })}>
+            className="mt-1.5 pb-3 border-b-[0.3px] border-default mx-3">
             {description}
           </Paragraph>
         ) : null}

web/packages/flow-engine/src/components/flow-drag/index.tsx

@@ -124,18 +124,18 @@ const config: Omit<Config, 'content' | 'plugins'> = {
           '--pure-mauve-99': '#f9f7fc',
           '--pure-mauve-100': '#ffffff',
           '--neutral-0': '#000000',
-          '--neutral-5': '#12110e',
-          '--neutral-10': '#24201d',
-          '--neutral-20': '#37322d',
-          '--neutral-30': '#3d3934',
-          '--neutral-40': '#44403c',
-          '--neutral-50': '#55504b',
-          '--neutral-60': '#6e6964',
-          '--neutral-70': '#78736e',
-          '--neutral-80': '#8c8782',
-          '--neutral-90': '#c8c3be',
-          '--neutral-95': '#e1dcd7',
-          '--neutral-98': '#f7f4f0',
+          '--neutral-5': '#121110',
+          '--neutral-10': '#242220',
+          '--neutral-20': '#373430',
+          '--neutral-30': '#3d3a36',
+          '--neutral-40': '#44413f',
+          '--neutral-50': '#55524e',
+          '--neutral-60': '#6e6b67',
+          '--neutral-70': '#787572',
+          '--neutral-80': '#8c8986',
+          '--neutral-90': '#c8c5c2',
+          '--neutral-95': '#e1dfdc',
+          '--neutral-98': '#f5f4f2',
           '--neutral-99': '#fcfbfa',
           '--neutral-100': '#ffffff',
           '--neutral-variant-0': '#000000',
@@ -273,10 +273,10 @@ const config: Omit<Config, 'content' | 'plugins'> = {
           '--lake-blue-98': '#f8f9ff',
           '--lake-blue-99': '#fdfcff',
           '--lake-blue-100': '#ffffff',
-          '--opacity-on-surface-10': '#dbd3ca29',
-          '--opacity-on-surface-20': '#b8b0a933',
-          '--opacity-on-surface-30': '#a3999033',
-          '--opacity-on-surface-40': '#8c7f7333',
+          '--opacity-on-surface-10': '#dbd9d729',
+          '--opacity-on-surface-20': '#cccbca33',
+          '--opacity-on-surface-30': '#bab8b633',
+          '--opacity-on-surface-40': '#94928f33',
           '--opacity-white-1': '#ffffff03',
           '--opacity-white-3': '#ffffff08',
           '--opacity-white-5': '#ffffff0d',