| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297 |
- // VL_VERSION:3.7
- <Theme-Enterprise-6.6>
- # Meta
- mode:"light"
- version:"6.6.0"
- styleSpaceVersion:"1.6"
- base_theme:"Platform/Theme-Default-Light@1"
- profile:"enterprise"
- # Point Slot Values
- // intent
- intent.primary.intentFg:#2563EB
- intent.primary.intentBg:#2563EB
- intent.primary.intentBorder:#2563EB
- intent.primary.intentOnBg:#FFFFFF
- intent.primary.intentFocusRing:0 0 0 3px rgba(37,99,235,0.24)
- intent.primary.intentSubtleBg:#DBEAFE
- intent.neutral.intentFg:#0F172A
- intent.neutral.intentBg:#F1F5F9
- intent.neutral.intentBorder:#E2E8F0
- intent.neutral.intentOnBg:#0F172A
- intent.neutral.intentFocusRing:0 0 0 3px rgba(37,99,235,0.24)
- intent.neutral.intentSubtleBg:#F8FAFC
- intent.success.intentFg:#10B981
- intent.success.intentBg:#10B981
- intent.success.intentBorder:#10B981
- intent.success.intentOnBg:#FFFFFF
- intent.success.intentFocusRing:0 0 0 3px rgba(16,185,129,0.24)
- intent.success.intentSubtleBg:#ECFDF5
- intent.warning.intentFg:#F59E0B
- intent.warning.intentBg:#F59E0B
- intent.warning.intentBorder:#F59E0B
- intent.warning.intentOnBg:#0F172A
- intent.warning.intentFocusRing:0 0 0 3px rgba(245,158,11,0.24)
- intent.warning.intentSubtleBg:#FEF3C7
- intent.danger.intentFg:#EF4444
- intent.danger.intentBg:#EF4444
- intent.danger.intentBorder:#EF4444
- intent.danger.intentOnBg:#FFFFFF
- intent.danger.intentFocusRing:0 0 0 3px rgba(239,68,68,0.24)
- intent.danger.intentSubtleBg:#FEF2F2
- intent.info.intentFg:#3B82F6
- intent.info.intentBg:#3B82F6
- intent.info.intentBorder:#3B82F6
- intent.info.intentOnBg:#FFFFFF
- intent.info.intentFocusRing:0 0 0 3px rgba(59,130,246,0.24)
- intent.info.intentSubtleBg:#EFF6FF
- intent.inverse.intentFg:#FFFFFF
- intent.inverse.intentBg:#0F172A
- intent.inverse.intentBorder:#0F172A
- intent.inverse.intentOnBg:#FFFFFF
- intent.inverse.intentFocusRing:0 0 0 3px rgba(255,255,255,0.32)
- intent.inverse.intentSubtleBg:#1E293B
- // emphasis
- emphasis.filled.emphasisBg:@intent.intentBg
- emphasis.filled.emphasisFg:@intent.intentOnBg
- emphasis.filled.emphasisBorderColor:transparent
- emphasis.filled.emphasisBorderWidth:0
- emphasis.filled.emphasisTextDecoration:none
- emphasis.filled.emphasisShadow:none
- emphasis.filled.emphasisBgImage:none
- emphasis.outlined.emphasisBg:transparent
- emphasis.outlined.emphasisFg:@intent.intentFg
- emphasis.outlined.emphasisBorderColor:@intent.intentBorder
- emphasis.outlined.emphasisBorderWidth:1px
- emphasis.outlined.emphasisTextDecoration:none
- emphasis.outlined.emphasisShadow:none
- emphasis.outlined.emphasisBgImage:none
- emphasis.tonal.emphasisBg:@intent.intentSubtleBg
- emphasis.tonal.emphasisFg:@intent.intentFg
- emphasis.tonal.emphasisBorderColor:transparent
- emphasis.tonal.emphasisBorderWidth:0
- emphasis.tonal.emphasisTextDecoration:none
- emphasis.tonal.emphasisShadow:none
- emphasis.tonal.emphasisBgImage:none
- emphasis.ghost.emphasisBg:transparent
- emphasis.ghost.emphasisFg:@intent.intentFg
- emphasis.ghost.emphasisBorderColor:#E2E8F0
- emphasis.ghost.emphasisBorderWidth:1px
- emphasis.ghost.emphasisTextDecoration:none
- emphasis.ghost.emphasisShadow:none
- emphasis.ghost.emphasisBgImage:none
- emphasis.text.emphasisBg:transparent
- emphasis.text.emphasisFg:@intent.intentFg
- emphasis.text.emphasisBorderColor:transparent
- emphasis.text.emphasisBorderWidth:0
- emphasis.text.emphasisTextDecoration:none
- emphasis.text.emphasisShadow:none
- emphasis.text.emphasisBgImage:none
- // shape
- shape.default.shapeRadius:8px
- shape.pill.shapeRadius:9999px
- shape.square.shapeRadius:0
- shape.soft.shapeRadius:12px
- shape.sharp.shapeRadius:4px
- // surface (all 5 points x 16 slots)
- surface.solid.surfaceBg:#FFFFFF
- surface.solid.surfaceBorder:#E2E8F0
- surface.solid.surfaceShadow:none
- surface.solid.surfaceBackdrop:transparent
- surface.solid.surfaceBgImage:none
- surface.solid.surfaceBgRepeat:no-repeat
- surface.solid.surfaceBgPosition:center
- surface.solid.surfaceBgSize:cover
- surface.solid.surfaceAccentBorderStart:0 solid transparent
- surface.solid.surfaceAccentBorderEnd:0 solid transparent
- surface.solid.surfaceDividerTop:1px solid #E2E8F0
- surface.solid.surfaceDividerBottom:1px solid #E2E8F0
- surface.solid.surfaceSideRailBg:transparent
- surface.solid.surfaceSideRailWidth:0
- surface.solid.surfaceBorderStyle:solid
- surface.solid.surfaceBorderWidth:1px
- surface.subtle.surfaceBg:#F8FAFC
- surface.subtle.surfaceBorder:#E2E8F0
- surface.subtle.surfaceShadow:none
- surface.subtle.surfaceBackdrop:transparent
- surface.subtle.surfaceBgImage:none
- surface.subtle.surfaceBgRepeat:no-repeat
- surface.subtle.surfaceBgPosition:center
- surface.subtle.surfaceBgSize:cover
- surface.subtle.surfaceAccentBorderStart:0 solid transparent
- surface.subtle.surfaceAccentBorderEnd:0 solid transparent
- surface.subtle.surfaceDividerTop:1px solid #E2E8F0
- surface.subtle.surfaceDividerBottom:1px solid #E2E8F0
- surface.subtle.surfaceSideRailBg:#E2E8F0
- surface.subtle.surfaceSideRailWidth:0
- surface.subtle.surfaceBorderStyle:solid
- surface.subtle.surfaceBorderWidth:1px
- surface.elevated.surfaceBg:#FFFFFF
- surface.elevated.surfaceBorder:#E2E8F0
- surface.elevated.surfaceShadow:0 4px 12px rgba(0,0,0,0.08)
- surface.elevated.surfaceBackdrop:transparent
- surface.elevated.surfaceBgImage:none
- surface.elevated.surfaceBgRepeat:no-repeat
- surface.elevated.surfaceBgPosition:center
- surface.elevated.surfaceBgSize:cover
- surface.elevated.surfaceAccentBorderStart:0 solid transparent
- surface.elevated.surfaceAccentBorderEnd:0 solid transparent
- surface.elevated.surfaceDividerTop:1px solid #E2E8F0
- surface.elevated.surfaceDividerBottom:1px solid #E2E8F0
- surface.elevated.surfaceSideRailBg:transparent
- surface.elevated.surfaceSideRailWidth:0
- surface.elevated.surfaceBorderStyle:solid
- surface.elevated.surfaceBorderWidth:1px
- surface.overlay.surfaceBg:#FFFFFF
- surface.overlay.surfaceBorder:#CBD5E1
- surface.overlay.surfaceShadow:0 10px 40px rgba(0,0,0,0.12)
- surface.overlay.surfaceBackdrop:rgba(15,23,42,0.45)
- surface.overlay.surfaceBgImage:none
- surface.overlay.surfaceBgRepeat:no-repeat
- surface.overlay.surfaceBgPosition:center
- surface.overlay.surfaceBgSize:cover
- surface.overlay.surfaceAccentBorderStart:0 solid transparent
- surface.overlay.surfaceAccentBorderEnd:0 solid transparent
- surface.overlay.surfaceDividerTop:1px solid #E2E8F0
- surface.overlay.surfaceDividerBottom:1px solid #E2E8F0
- surface.overlay.surfaceSideRailBg:transparent
- surface.overlay.surfaceSideRailWidth:0
- surface.overlay.surfaceBorderStyle:solid
- surface.overlay.surfaceBorderWidth:1px
- surface.dark.surfaceBg:#0F172A
- surface.dark.surfaceBorder:rgba(255,255,255,0.12)
- surface.dark.surfaceShadow:none
- surface.dark.surfaceBackdrop:rgba(2,6,23,0.6)
- surface.dark.surfaceBgImage:none
- surface.dark.surfaceBgRepeat:no-repeat
- surface.dark.surfaceBgPosition:center
- surface.dark.surfaceBgSize:cover
- surface.dark.surfaceAccentBorderStart:2px solid rgba(255,255,255,0.16)
- surface.dark.surfaceAccentBorderEnd:0 solid transparent
- surface.dark.surfaceDividerTop:1px solid rgba(255,255,255,0.12)
- surface.dark.surfaceDividerBottom:1px solid rgba(255,255,255,0.12)
- surface.dark.surfaceSideRailBg:rgba(255,255,255,0.06)
- surface.dark.surfaceSideRailWidth:0
- surface.dark.surfaceBorderStyle:solid
- surface.dark.surfaceBorderWidth:1px
- // textRole (all 6 points x 7 slots)
- textRole.body.textRoleColor:#0F172A
- textRole.body.textRoleColorOnDark:#FFFFFF
- textRole.body.textRoleAlpha:1
- textRole.body.textRoleTransform:none
- textRole.body.textRoleBgImage:none
- textRole.body.textRoleBgClip:border-box
- textRole.body.textRoleFillColor:none
- textRole.caption.textRoleColor:#64748B
- textRole.caption.textRoleColorOnDark:rgba(255,255,255,0.72)
- textRole.caption.textRoleAlpha:1
- textRole.caption.textRoleTransform:uppercase
- textRole.caption.textRoleBgImage:none
- textRole.caption.textRoleBgClip:border-box
- textRole.caption.textRoleFillColor:none
- textRole.hint.textRoleColor:#94A3B8
- textRole.hint.textRoleColorOnDark:rgba(255,255,255,0.56)
- textRole.hint.textRoleAlpha:1
- textRole.hint.textRoleTransform:none
- textRole.hint.textRoleBgImage:none
- textRole.hint.textRoleBgClip:border-box
- textRole.hint.textRoleFillColor:none
- textRole.subtle.textRoleColor:rgba(15,23,42,0.56)
- textRole.subtle.textRoleColorOnDark:rgba(255,255,255,0.56)
- textRole.subtle.textRoleAlpha:0.56
- textRole.subtle.textRoleTransform:none
- textRole.subtle.textRoleBgImage:none
- textRole.subtle.textRoleBgClip:border-box
- textRole.subtle.textRoleFillColor:none
- textRole.weak.textRoleColor:rgba(15,23,42,0.36)
- textRole.weak.textRoleColorOnDark:rgba(255,255,255,0.36)
- textRole.weak.textRoleAlpha:0.36
- textRole.weak.textRoleTransform:none
- textRole.weak.textRoleBgImage:none
- textRole.weak.textRoleBgClip:border-box
- textRole.weak.textRoleFillColor:none
- textRole.contrast.textRoleColor:#0B1220
- textRole.contrast.textRoleColorOnDark:#FFFFFF
- textRole.contrast.textRoleAlpha:1
- textRole.contrast.textRoleTransform:none
- textRole.contrast.textRoleBgImage:none
- textRole.contrast.textRoleBgClip:border-box
- textRole.contrast.textRoleFillColor:none
- // state (all 6 points x 7 slots)
- state.rest.stateOverlay:none
- state.rest.stateShadow:none
- state.rest.stateBorder:transparent
- state.rest.stateOpacity:1
- state.rest.stateTransitionDuration:200ms
- state.rest.stateTransitionTiming:ease
- state.rest.stateTransitionProperty:all
- state.hover.stateOverlay:rgba(15,23,42,0.04)
- state.hover.stateShadow:0 1px 3px rgba(0,0,0,0.06)
- state.hover.stateBorder:transparent
- state.hover.stateOpacity:1
- state.hover.stateTransitionDuration:160ms
- state.hover.stateTransitionTiming:ease-out
- state.hover.stateTransitionProperty:background-color, box-shadow, border-color, opacity
- state.active.stateOverlay:rgba(15,23,42,0.08)
- state.active.stateShadow:none
- state.active.stateBorder:transparent
- state.active.stateOpacity:1
- state.active.stateTransitionDuration:100ms
- state.active.stateTransitionTiming:ease-out
- state.active.stateTransitionProperty:background-color, box-shadow, border-color, opacity
- state.focus.stateOverlay:none
- state.focus.stateShadow:@intent.intentFocusRing
- state.focus.stateBorder:@intent.intentBorder
- state.focus.stateOpacity:1
- state.focus.stateTransitionDuration:120ms
- state.focus.stateTransitionTiming:ease-out
- state.focus.stateTransitionProperty:box-shadow, border-color
- state.disabled.stateOverlay:none
- state.disabled.stateShadow:none
- state.disabled.stateBorder:transparent
- state.disabled.stateOpacity:0.4
- state.disabled.stateTransitionDuration:300ms
- state.disabled.stateTransitionTiming:ease
- state.disabled.stateTransitionProperty:opacity
- state.invalid.stateOverlay:rgba(239,68,68,0.06)
- state.invalid.stateShadow:0 0 0 3px rgba(239,68,68,0.24)
- state.invalid.stateBorder:#EF4444
- state.invalid.stateOpacity:1
- state.invalid.stateTransitionDuration:120ms
- state.invalid.stateTransitionTiming:ease-out
- state.invalid.stateTransitionProperty:box-shadow, border-color, background-color
- # Overrides
- </Theme-Enterprise-6.6>
|