openyida 2026.9.20 → 2026.9.21

package/yida-skills/skills/yida-design/templates/design-themes/free-creative/design.md

@@ -13,11 +13,56 @@ tokens:
         "--pod-table-cell-color": "var(--pod-card-bg-color)"
       navigation:
         "--pod-shell-theme-bg-color": "#FFFFFF"
-        "--pod-nav-item-text-color": "#595959"
-        "--pod-nav-item-text-hover-color": "#262626"
-        "--pod-nav-item-text-selected-color": "var(--color-brand1-6)"
-        "--pod-nav-menu-bg-hover-color": "#F5F5F5"
-        "--pod-nav-menu-bg-selected-color": "#F0F0F0"
+        "--pod-nav-item-text-color": "#404040"
+        "--pod-nav-item-text-hover-color": "#171717"
+        "--pod-nav-item-text-selected-color": "#FFFFFF"
+        "--pod-nav-menu-bg-hover-color": "#F0F0F0"
+        "--pod-nav-menu-bg-selected-color": "#303030"
+        "--pod-nav-menu-item-selected-shadow": "none"
+        "--pod-page-header-bg-color": "var(--pod-shell-theme-bg-color)"
+        "--pod-nav-l-sub-main-bg-color": "var(--pod-shell-theme-bg-color)"
+        "--pod-nav-top-main-border-width": "1px"
+        "--pod-nav-top-main-border-color": "#CCCCCC"
+        "--pod-nav-top-tab-indicator-width": "0px"
+        "--pod-nav-logo-text": "var(--pod-nav-item-text-hover-color)"
+        "--pod-nav-logo-bg": "var(--pod-nav-menu-bg-selected-color)"
+        "--pod-nav-logo-icon": "var(--pod-nav-item-text-selected-color)"
+        "--pod-nav-logo-border": "1px solid #CCCCCC"
+        "--pod-nav-logo-border-radius": "4px"
+        "--pod-nav-sub-divider-color": "#CCCCCC"
+        "--pod-nav-item-text-disabled-color": "rgba(24,28,31,.30)"
+        "--pod-nav-l-container-bg": "var(--pod-shell-theme-bg-color)"
+        "--pod-nav-l-group-label-color": "var(--pod-nav-item-text-color)"
+        "--pod-nav-l-search-border-color": "#CCCCCC"
+        "--pod-nav-popup-bg-color": "var(--pod-shell-theme-bg-color)"
+        "--pod-nav-popup-border-radius": "4px"
+        "--pod-nav-popup-shadow": "none"
+        "--pod-nav-tab-line-hover-color": "var(--pod-nav-item-text-hover-color)"
+        "--pod-nav-tab-line-selected-color": "var(--pod-nav-item-text-hover-color)"
+        "--pod-nav-search-bg-color": "var(--pod-nav-menu-bg-hover-color)"
+        "--pod-nav-search-bg-hover-color": "var(--pod-nav-menu-bg-hover-color)"
+        "--pod-nav-search-bg-active-color": "var(--pod-nav-menu-bg-hover-color)"
+        "--pod-nav-search-placeholder-color": "var(--pod-nav-item-text-color)"
+        "--pod-nav-search-text-color": "var(--pod-nav-item-text-hover-color)"
+        "--pod-nav-search-icon-color": "var(--pod-nav-item-text-color)"
+        "--pod-nav-search-border-color": "#CCCCCC"
+        "--pod-nav-search-border-hover-color": "var(--pod-nav-item-text-hover-color)"
+        "--pod-nav-search-border-active-color": "var(--pod-nav-item-text-hover-color)"
+        "--pod-nav-action-icon-color": "var(--pod-nav-item-text-color)"
+        "--pod-nav-action-border-color": "#CCCCCC"
+        "--pod-nav-action-border": "1px solid #CCCCCC"
+        "--pod-nav-action-bg-hover-color": "var(--pod-nav-menu-bg-hover-color)"
+        "--pod-nav-action-bg-active-color": "var(--pod-nav-menu-bg-hover-color)"
+        "--pod-nav-menu-item-height": "40px"
+        "--pod-nav-menu-item-radius": "4px"
+        "--pod-nav-menu-item-border": "none"
+        "--pod-nav-menu-item-hover-border": "none"
+        "--pod-nav-menu-item-selected-border": "none"
+        "--pod-nav-menu-font-size": "14px"
+        "--pod-nav-menu-item-selected-font-weight": "500"
+        "--pod-nav-menu-line-height": "20px"
+        "--pod-nav-menu-gap": "8px"
+        "--pod-shell-lshape-border-radius": "4px"
       native-form:
         "--form-element-medium-corner": "4px"
         "--form-element-medium-height": "36px"
@@ -105,10 +150,10 @@ tokens:
     rounded:
       "--corner-zero": "0px"
       "--corner-1": "4px"
-      "--corner-2": "6px"
-      "--corner-3": "8px"
-      "--corner-4": "10px"
-      "--corner-5": "12px"
+      "--corner-2": "4px"
+      "--corner-3": "4px"
+      "--corner-4": "4px"
+      "--corner-5": "4px"
       "--corner-circle": "50%"
       "--corner-semicircle": "500px"
     shadow:
@@ -140,7 +185,7 @@ applicationStyle:
 
 ## 1. 风格摘要
 
-自由创意从业务任务、用户、品牌、内容结构和使用环境独立推演，不选择命名模板。应用框架、自定义页面、表单和详情页共用最终确定的构图、字体、材质、密度与状态语言。
+自由创意从业务任务、用户、品牌、内容结构和使用环境独立推演。导航、应用框架、自定义页面、表单和详情页共用最终确定的构图、字体、材质、密度与状态语言。
 
 ## 2. 页面视觉系统
 
@@ -152,6 +197,8 @@ applicationStyle:
 
 按业务入口确定导航结构和明暗，菜单来自真实页面范围。主色 {{PRIMARY_COLOR}}；色彩来源 {{COLOR_SOURCE}}。导航与正文使用同一应用全局样式；在 themeProfile 中分别填写 contentTone 与 navTheme。
 
+先决定品牌区、菜单分组、搜索和常用操作如何服务当前业务，再与应用框架、表单、自定义页和详情一起确定表面、边界、圆角、字体、密度和选中表达。在 navigation 分组填写项目自己的导航底色、普通文字、悬停文字、选中文字、悬停背景、选中背景六项 Token，并配套搜索、弹层、分组、操作、菜单高度与圆角。文件中的基础值是编写骨架，交付时用项目设计值替换。窄屏和折叠后保持菜单可展开、当前页面可定位、键盘焦点可见。
+
 ### 2.3 页面标题与操作
 
 标题说明当前页面任务，主操作靠近作用对象，辅助操作保持清楚的层级。标题、说明、操作、筛选和状态摘要按首屏任务排列，不复制示例标题、指标或标签。