Theme.vth 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. // VL_VERSION:3.7
  2. <Theme-Enterprise-6.6>
  3. # Meta
  4. mode:"light"
  5. version:"6.6.0"
  6. styleSpaceVersion:"1.6"
  7. base_theme:"Platform/Theme-Default-Light@1"
  8. profile:"enterprise"
  9. # Point Slot Values
  10. // intent
  11. intent.primary.intentFg:#2563EB
  12. intent.primary.intentBg:#2563EB
  13. intent.primary.intentBorder:#2563EB
  14. intent.primary.intentOnBg:#FFFFFF
  15. intent.primary.intentFocusRing:0 0 0 3px rgba(37,99,235,0.24)
  16. intent.primary.intentSubtleBg:#DBEAFE
  17. intent.neutral.intentFg:#0F172A
  18. intent.neutral.intentBg:#F1F5F9
  19. intent.neutral.intentBorder:#E2E8F0
  20. intent.neutral.intentOnBg:#0F172A
  21. intent.neutral.intentFocusRing:0 0 0 3px rgba(37,99,235,0.24)
  22. intent.neutral.intentSubtleBg:#F8FAFC
  23. intent.success.intentFg:#10B981
  24. intent.success.intentBg:#10B981
  25. intent.success.intentBorder:#10B981
  26. intent.success.intentOnBg:#FFFFFF
  27. intent.success.intentFocusRing:0 0 0 3px rgba(16,185,129,0.24)
  28. intent.success.intentSubtleBg:#ECFDF5
  29. intent.warning.intentFg:#F59E0B
  30. intent.warning.intentBg:#F59E0B
  31. intent.warning.intentBorder:#F59E0B
  32. intent.warning.intentOnBg:#0F172A
  33. intent.warning.intentFocusRing:0 0 0 3px rgba(245,158,11,0.24)
  34. intent.warning.intentSubtleBg:#FEF3C7
  35. intent.danger.intentFg:#EF4444
  36. intent.danger.intentBg:#EF4444
  37. intent.danger.intentBorder:#EF4444
  38. intent.danger.intentOnBg:#FFFFFF
  39. intent.danger.intentFocusRing:0 0 0 3px rgba(239,68,68,0.24)
  40. intent.danger.intentSubtleBg:#FEF2F2
  41. intent.info.intentFg:#3B82F6
  42. intent.info.intentBg:#3B82F6
  43. intent.info.intentBorder:#3B82F6
  44. intent.info.intentOnBg:#FFFFFF
  45. intent.info.intentFocusRing:0 0 0 3px rgba(59,130,246,0.24)
  46. intent.info.intentSubtleBg:#EFF6FF
  47. intent.inverse.intentFg:#FFFFFF
  48. intent.inverse.intentBg:#0F172A
  49. intent.inverse.intentBorder:#0F172A
  50. intent.inverse.intentOnBg:#FFFFFF
  51. intent.inverse.intentFocusRing:0 0 0 3px rgba(255,255,255,0.32)
  52. intent.inverse.intentSubtleBg:#1E293B
  53. // emphasis
  54. emphasis.filled.emphasisBg:@intent.intentBg
  55. emphasis.filled.emphasisFg:@intent.intentOnBg
  56. emphasis.filled.emphasisBorderColor:transparent
  57. emphasis.filled.emphasisBorderWidth:0
  58. emphasis.filled.emphasisTextDecoration:none
  59. emphasis.filled.emphasisShadow:none
  60. emphasis.filled.emphasisBgImage:none
  61. emphasis.outlined.emphasisBg:transparent
  62. emphasis.outlined.emphasisFg:@intent.intentFg
  63. emphasis.outlined.emphasisBorderColor:@intent.intentBorder
  64. emphasis.outlined.emphasisBorderWidth:1px
  65. emphasis.outlined.emphasisTextDecoration:none
  66. emphasis.outlined.emphasisShadow:none
  67. emphasis.outlined.emphasisBgImage:none
  68. emphasis.tonal.emphasisBg:@intent.intentSubtleBg
  69. emphasis.tonal.emphasisFg:@intent.intentFg
  70. emphasis.tonal.emphasisBorderColor:transparent
  71. emphasis.tonal.emphasisBorderWidth:0
  72. emphasis.tonal.emphasisTextDecoration:none
  73. emphasis.tonal.emphasisShadow:none
  74. emphasis.tonal.emphasisBgImage:none
  75. emphasis.ghost.emphasisBg:transparent
  76. emphasis.ghost.emphasisFg:@intent.intentFg
  77. emphasis.ghost.emphasisBorderColor:#E2E8F0
  78. emphasis.ghost.emphasisBorderWidth:1px
  79. emphasis.ghost.emphasisTextDecoration:none
  80. emphasis.ghost.emphasisShadow:none
  81. emphasis.ghost.emphasisBgImage:none
  82. emphasis.text.emphasisBg:transparent
  83. emphasis.text.emphasisFg:@intent.intentFg
  84. emphasis.text.emphasisBorderColor:transparent
  85. emphasis.text.emphasisBorderWidth:0
  86. emphasis.text.emphasisTextDecoration:none
  87. emphasis.text.emphasisShadow:none
  88. emphasis.text.emphasisBgImage:none
  89. // shape
  90. shape.default.shapeRadius:8px
  91. shape.pill.shapeRadius:9999px
  92. shape.square.shapeRadius:0
  93. shape.soft.shapeRadius:12px
  94. shape.sharp.shapeRadius:4px
  95. // surface (all 5 points x 16 slots)
  96. surface.solid.surfaceBg:#FFFFFF
  97. surface.solid.surfaceBorder:#E2E8F0
  98. surface.solid.surfaceShadow:none
  99. surface.solid.surfaceBackdrop:transparent
  100. surface.solid.surfaceBgImage:none
  101. surface.solid.surfaceBgRepeat:no-repeat
  102. surface.solid.surfaceBgPosition:center
  103. surface.solid.surfaceBgSize:cover
  104. surface.solid.surfaceAccentBorderStart:0 solid transparent
  105. surface.solid.surfaceAccentBorderEnd:0 solid transparent
  106. surface.solid.surfaceDividerTop:1px solid #E2E8F0
  107. surface.solid.surfaceDividerBottom:1px solid #E2E8F0
  108. surface.solid.surfaceSideRailBg:transparent
  109. surface.solid.surfaceSideRailWidth:0
  110. surface.solid.surfaceBorderStyle:solid
  111. surface.solid.surfaceBorderWidth:1px
  112. surface.subtle.surfaceBg:#F8FAFC
  113. surface.subtle.surfaceBorder:#E2E8F0
  114. surface.subtle.surfaceShadow:none
  115. surface.subtle.surfaceBackdrop:transparent
  116. surface.subtle.surfaceBgImage:none
  117. surface.subtle.surfaceBgRepeat:no-repeat
  118. surface.subtle.surfaceBgPosition:center
  119. surface.subtle.surfaceBgSize:cover
  120. surface.subtle.surfaceAccentBorderStart:0 solid transparent
  121. surface.subtle.surfaceAccentBorderEnd:0 solid transparent
  122. surface.subtle.surfaceDividerTop:1px solid #E2E8F0
  123. surface.subtle.surfaceDividerBottom:1px solid #E2E8F0
  124. surface.subtle.surfaceSideRailBg:#E2E8F0
  125. surface.subtle.surfaceSideRailWidth:0
  126. surface.subtle.surfaceBorderStyle:solid
  127. surface.subtle.surfaceBorderWidth:1px
  128. surface.elevated.surfaceBg:#FFFFFF
  129. surface.elevated.surfaceBorder:#E2E8F0
  130. surface.elevated.surfaceShadow:0 4px 12px rgba(0,0,0,0.08)
  131. surface.elevated.surfaceBackdrop:transparent
  132. surface.elevated.surfaceBgImage:none
  133. surface.elevated.surfaceBgRepeat:no-repeat
  134. surface.elevated.surfaceBgPosition:center
  135. surface.elevated.surfaceBgSize:cover
  136. surface.elevated.surfaceAccentBorderStart:0 solid transparent
  137. surface.elevated.surfaceAccentBorderEnd:0 solid transparent
  138. surface.elevated.surfaceDividerTop:1px solid #E2E8F0
  139. surface.elevated.surfaceDividerBottom:1px solid #E2E8F0
  140. surface.elevated.surfaceSideRailBg:transparent
  141. surface.elevated.surfaceSideRailWidth:0
  142. surface.elevated.surfaceBorderStyle:solid
  143. surface.elevated.surfaceBorderWidth:1px
  144. surface.overlay.surfaceBg:#FFFFFF
  145. surface.overlay.surfaceBorder:#CBD5E1
  146. surface.overlay.surfaceShadow:0 10px 40px rgba(0,0,0,0.12)
  147. surface.overlay.surfaceBackdrop:rgba(15,23,42,0.45)
  148. surface.overlay.surfaceBgImage:none
  149. surface.overlay.surfaceBgRepeat:no-repeat
  150. surface.overlay.surfaceBgPosition:center
  151. surface.overlay.surfaceBgSize:cover
  152. surface.overlay.surfaceAccentBorderStart:0 solid transparent
  153. surface.overlay.surfaceAccentBorderEnd:0 solid transparent
  154. surface.overlay.surfaceDividerTop:1px solid #E2E8F0
  155. surface.overlay.surfaceDividerBottom:1px solid #E2E8F0
  156. surface.overlay.surfaceSideRailBg:transparent
  157. surface.overlay.surfaceSideRailWidth:0
  158. surface.overlay.surfaceBorderStyle:solid
  159. surface.overlay.surfaceBorderWidth:1px
  160. surface.dark.surfaceBg:#0F172A
  161. surface.dark.surfaceBorder:rgba(255,255,255,0.12)
  162. surface.dark.surfaceShadow:none
  163. surface.dark.surfaceBackdrop:rgba(2,6,23,0.6)
  164. surface.dark.surfaceBgImage:none
  165. surface.dark.surfaceBgRepeat:no-repeat
  166. surface.dark.surfaceBgPosition:center
  167. surface.dark.surfaceBgSize:cover
  168. surface.dark.surfaceAccentBorderStart:2px solid rgba(255,255,255,0.16)
  169. surface.dark.surfaceAccentBorderEnd:0 solid transparent
  170. surface.dark.surfaceDividerTop:1px solid rgba(255,255,255,0.12)
  171. surface.dark.surfaceDividerBottom:1px solid rgba(255,255,255,0.12)
  172. surface.dark.surfaceSideRailBg:rgba(255,255,255,0.06)
  173. surface.dark.surfaceSideRailWidth:0
  174. surface.dark.surfaceBorderStyle:solid
  175. surface.dark.surfaceBorderWidth:1px
  176. // textRole (all 6 points x 7 slots)
  177. textRole.body.textRoleColor:#0F172A
  178. textRole.body.textRoleColorOnDark:#FFFFFF
  179. textRole.body.textRoleAlpha:1
  180. textRole.body.textRoleTransform:none
  181. textRole.body.textRoleBgImage:none
  182. textRole.body.textRoleBgClip:border-box
  183. textRole.body.textRoleFillColor:none
  184. textRole.caption.textRoleColor:#64748B
  185. textRole.caption.textRoleColorOnDark:rgba(255,255,255,0.72)
  186. textRole.caption.textRoleAlpha:1
  187. textRole.caption.textRoleTransform:uppercase
  188. textRole.caption.textRoleBgImage:none
  189. textRole.caption.textRoleBgClip:border-box
  190. textRole.caption.textRoleFillColor:none
  191. textRole.hint.textRoleColor:#94A3B8
  192. textRole.hint.textRoleColorOnDark:rgba(255,255,255,0.56)
  193. textRole.hint.textRoleAlpha:1
  194. textRole.hint.textRoleTransform:none
  195. textRole.hint.textRoleBgImage:none
  196. textRole.hint.textRoleBgClip:border-box
  197. textRole.hint.textRoleFillColor:none
  198. textRole.subtle.textRoleColor:rgba(15,23,42,0.56)
  199. textRole.subtle.textRoleColorOnDark:rgba(255,255,255,0.56)
  200. textRole.subtle.textRoleAlpha:0.56
  201. textRole.subtle.textRoleTransform:none
  202. textRole.subtle.textRoleBgImage:none
  203. textRole.subtle.textRoleBgClip:border-box
  204. textRole.subtle.textRoleFillColor:none
  205. textRole.weak.textRoleColor:rgba(15,23,42,0.36)
  206. textRole.weak.textRoleColorOnDark:rgba(255,255,255,0.36)
  207. textRole.weak.textRoleAlpha:0.36
  208. textRole.weak.textRoleTransform:none
  209. textRole.weak.textRoleBgImage:none
  210. textRole.weak.textRoleBgClip:border-box
  211. textRole.weak.textRoleFillColor:none
  212. textRole.contrast.textRoleColor:#0B1220
  213. textRole.contrast.textRoleColorOnDark:#FFFFFF
  214. textRole.contrast.textRoleAlpha:1
  215. textRole.contrast.textRoleTransform:none
  216. textRole.contrast.textRoleBgImage:none
  217. textRole.contrast.textRoleBgClip:border-box
  218. textRole.contrast.textRoleFillColor:none
  219. // state (all 6 points x 7 slots)
  220. state.rest.stateOverlay:none
  221. state.rest.stateShadow:none
  222. state.rest.stateBorder:transparent
  223. state.rest.stateOpacity:1
  224. state.rest.stateTransitionDuration:200ms
  225. state.rest.stateTransitionTiming:ease
  226. state.rest.stateTransitionProperty:all
  227. state.hover.stateOverlay:rgba(15,23,42,0.04)
  228. state.hover.stateShadow:0 1px 3px rgba(0,0,0,0.06)
  229. state.hover.stateBorder:transparent
  230. state.hover.stateOpacity:1
  231. state.hover.stateTransitionDuration:160ms
  232. state.hover.stateTransitionTiming:ease-out
  233. state.hover.stateTransitionProperty:background-color, box-shadow, border-color, opacity
  234. state.active.stateOverlay:rgba(15,23,42,0.08)
  235. state.active.stateShadow:none
  236. state.active.stateBorder:transparent
  237. state.active.stateOpacity:1
  238. state.active.stateTransitionDuration:100ms
  239. state.active.stateTransitionTiming:ease-out
  240. state.active.stateTransitionProperty:background-color, box-shadow, border-color, opacity
  241. state.focus.stateOverlay:none
  242. state.focus.stateShadow:@intent.intentFocusRing
  243. state.focus.stateBorder:@intent.intentBorder
  244. state.focus.stateOpacity:1
  245. state.focus.stateTransitionDuration:120ms
  246. state.focus.stateTransitionTiming:ease-out
  247. state.focus.stateTransitionProperty:box-shadow, border-color
  248. state.disabled.stateOverlay:none
  249. state.disabled.stateShadow:none
  250. state.disabled.stateBorder:transparent
  251. state.disabled.stateOpacity:0.4
  252. state.disabled.stateTransitionDuration:300ms
  253. state.disabled.stateTransitionTiming:ease
  254. state.disabled.stateTransitionProperty:opacity
  255. state.invalid.stateOverlay:rgba(239,68,68,0.06)
  256. state.invalid.stateShadow:0 0 0 3px rgba(239,68,68,0.24)
  257. state.invalid.stateBorder:#EF4444
  258. state.invalid.stateOpacity:1
  259. state.invalid.stateTransitionDuration:120ms
  260. state.invalid.stateTransitionTiming:ease-out
  261. state.invalid.stateTransitionProperty:box-shadow, border-color, background-color
  262. # Overrides
  263. </Theme-Enterprise-6.6>