在新标签页中打开

TY Brand 色系

47 个语义色 · 命名 ty-color-* · 与 test 站同源同 ID（跨站模板分发不断链） · 建于 2026-10-25

Primary 主色 ×4

ty-color-primary
#006af6
ty-color-primary-light
#307ff4
ty-color-primary-deep
#013e99
ty-color-primary-bg
#bad4fb

Secondary 强调色 ×4

ty-color-secondary
#f59e0b
ty-color-secondary-light
#f8b84e
ty-color-secondary-deep
#b27308
ty-color-secondary-bg
#fce5bc

Neutral 灰阶 ×12

ty-color-neutral-0
#ffffff
ty-color-neutral-50
#f7f7f7
ty-color-neutral-100
#ebebeb
ty-color-neutral-200
#d9d9d9
ty-color-neutral-300
#bfbfbf
ty-color-neutral-400
#a6a6a6
ty-color-neutral-500
#8c8c8c
ty-color-neutral-600
#6b6b6b
ty-color-neutral-700
#4d4d4d
ty-color-neutral-800
#333333
ty-color-neutral-900
#1a1a1a
ty-color-neutral-1000
#0a0a0a

语义色 ×8

ty-color-success
#16a34a
ty-color-warning
#d97706
ty-color-danger
#dc2626
ty-color-info
#0284c7
ty-color-success-bg
#dcfce7
ty-color-warning-bg
#fef3c7
ty-color-danger-bg
#fee2e2
ty-color-info-bg
#e0f2fe

文本色 ×6

ty-color-text-header
#1a1a1a
ty-color-text-body
#3b3b3b
ty-color-text-muted
#6b6b6b
ty-color-text-inverse
#ffffff
ty-color-text-inverse-soft
#cbd5e1
ty-color-text-inverse-muted
#94a3b8

背景与边框 ×6

ty-color-background
#ffffff
ty-color-background-block
#f8fafc
ty-color-background-dark
#0f0f1a
ty-color-background-dark-deep
#1a1a3e
ty-color-border
#e5e7eb
ty-color-border-light
#f3f4f6

遮罩与阴影 ×7

ty-color-overlay-dark-light
rgba(0,0,0,0.3)
ty-color-overlay-dark-medium
rgba(0,0,0,0.5)
ty-color-overlay-dark-deep
rgba(0,0,0,0.8)
ty-color-shadow-sm
rgba(15, 23, 42, 0.06)
ty-color-shadow-md
rgba(15, 23, 42, 0.08)
ty-color-shadow-lg
rgba(15, 23, 42, 0.12)
ty-color-shadow-xl
rgba(15, 23, 42, 0.16)