purgetss

# Properties and class names The following is a list of all the properties and their repective class name. - [Properties and class names](#properties-and-class-names) - [activeIconIsMask Property](#activeiconismask-property) - [activeTintColor Property](#activetintcolor-property) - [activeTitleColor Property](#activetitlecolor-property) - [ActivityIndicatorStyle Property](#activityindicatorstyle-property) - [autoAdjustScrollViewInsets Property](#autoadjustscrollviewinsets-property) - [autoLink Property](#autolink-property) - [autocapitalization Property](#autocapitalization-property) - [autocorrect Property](#autocorrect-property) - [autofillType Property](#autofilltype-property) - [autoreverse Property](#autoreverse-property) - [blend mode Property ( Background Blend Mode ) Property](#blend-mode-property--background-blend-mode--property) - [backgroundColor Property](#backgroundcolor-property) - [backgroundGradient Property ( Linear )](#backgroundgradient-property--linear-) - [backgroundGradient Property ( Gradient )](#backgroundgradient-property--gradient-) - [backgroundGradient Property ( Radial, iOS Only )](#backgroundgradient-property--radial-ios-only-) - [backgroundSelectedColor Property](#backgroundselectedcolor-property) - [barColor Property](#barcolor-property) - [barTitle Property](#bartitle-property) - [borderColor Property](#bordercolor-property) - [Border Radius With Extra Styles - borderRadius Property](#border-radius-with-extra-styles---borderradius-property) - [borderStyle Property](#borderstyle-property) - [borderWidth Property](#borderwidth-property) - [padding, paddingTop, paddingLeft, paddingRight, paddingBottom properties for CardView](#padding-paddingtop-paddingleft-paddingright-paddingbottom-properties-for-cardview) - [And paddingLeft, paddingRight, paddingBottom for bottomNavigation Property](#and-paddingleft-paddingright-paddingbottom-for--bottomnavigation-property) - [bubbleParent Property](#bubbleparent-property) - [cacheSize Property](#cachesize-property) - [clipMode Property](#clipmode-property) - [currentPageIndicatorColor Property](#currentpageindicatorcolor-property) - [disableBounce Property](#disablebounce-property) - [width and height Properties using Ti.Platform.displayCaps width and height](#width-and-height-properties-using-tiplatformdisplaycaps-width-and-height) - [visible Property](#visible-property) - [constraint Property](#constraint-property) - [draggingType Property](#draggingtype-property) - [editable Property](#editable-property) - [ellipsize ( for Labels ) Property](#ellipsize--for-labels--property) - [ellipsize Property ( for TextField and TextArea )](#ellipsize-property--for-textfield-and-textarea-) - [enableCopy Property](#enablecopy-property) - [enableReturnKey Property](#enablereturnkey-property) - [exitOnClose Property](#exitonclose-property) - [extendBackground Property](#extendbackground-property) - [extendEdges Property](#extendedges-property) - [flip Property](#flip-property) - [fontSize Property](#fontsize-property) - [fontStyle Property](#fontstyle-property) - [fontWeight Property](#fontweight-property) - [fullscreen Property](#fullscreen-property) - [Gap for Grid System - top, right, bottom, left Property](#gap-for-grid-system---top-right-bottom-left-property) - [Gradient Color Stops: From Color - backgroundGradient Property](#gradient-color-stops-from-color---backgroundgradient-property) - [Gradient Color Stops: To Color - backgroundGradient Property](#gradient-color-stops-to-color---backgroundgradient-property) - [Grid Column Start/End - width Property](#grid-column-startend---width-property) - [Grid Row Start/End - height Property](#grid-row-startend---height-property) - [Grid Flow - layout Property](#grid-flow---layout-property) - [Grid Template Columns - width Property](#grid-template-columns---width-property) - [Grid Template Rows - height Property](#grid-template-rows---height-property) - [height Property](#height-property) - [hidesBackButton Property](#hidesbackbutton-property) - [hidesBarsOnSwipe Property](#hidesbarsonswipe-property) - [hidesBarsOnTap Property](#hidesbarsontap-property) - [iconIsMask Property](#iconismask-property) - [includeOpaqueBars Property](#includeopaquebars-property) - [indicatorColor Property](#indicatorcolor-property) - [touchEnabled Property](#touchenabled-property) - [top, bottom, width, height Properties - Align Items](#top-bottom-width-height-properties---align-items) - [keepScreenOn Property](#keepscreenon-property) - [keepSectionsInSearch Property](#keepsectionsinsearch-property) - [keyboardAppearance Property](#keyboardappearance-property) - [keyboardDismissMode Property](#keyboarddismissmode-property) - [keyboardType Property](#keyboardtype-property) - [largeTitleDisplayMode Property](#largetitledisplaymode-property) - [largeTitleEnabled Property](#largetitleenabled-property) - [layout Property](#layout-property) - [lazyLoadingEnabled Property](#lazyloadingenabled-property) - [loginKeyboardType Property](#loginkeyboardtype-property) - [loginReturnKeyType Property](#loginreturnkeytype-property) - [top, right, bottom, left ( Margin ) Property](#top-right-bottom-left--margin--property) - [top, right, bottom, left ( Negative Margin ) Property](#top-right-bottom-left--negative-margin--property) - [navBarHidden Property](#navbarhidden-property) - [navTintColor Property](#navtintcolor-property) - [opacity Property](#opacity-property) - [orientationModes Property](#orientationmodes-property) - [orientationModes (Alternative) Property](#orientationmodes-alternative-property) - [anchorPoint Properties](#anchorpoint-properties) - [overlayEnabled Property](#overlayenabled-property) - [padding Property](#padding-property) - [pageIndicatorColor Property](#pageindicatorcolor-property) - [showPagingControl Property](#showpagingcontrol-property) - [pagingControlAlpha Property](#pagingcontrolalpha-property) - [pagingControlColor Property](#pagingcontrolcolor-property) - [pagingControlHeight Property](#pagingcontrolheight-property) - [pagingControlOnTop Property](#pagingcontrolontop-property) - [pagingControlTimeout Property](#pagingcontroltimeout-property) - [passwordKeyboardType Property](#passwordkeyboardtype-property) - [hintTextColor Property](#hinttextcolor-property) - [top, right, bottom, left Properties](#top-right-bottom-left-properties) - [preventDefaultImage Property](#preventdefaultimage-property) - [repeat Property](#repeat-property) - [returnKeyType Property](#returnkeytype-property) - [rotate Property](#rotate-property) - [scale Property](#scale-property) - [ScrollViews: overflow - showHorizontalScrollIndicator & showVerticalScrollIndicator Properties](#scrollviews-overflow---showhorizontalscrollindicator--showverticalscrollindicator-properties) - [scrollType Property](#scrolltype-property) - [ScrollViews: content - contentWidth & contentHeight Properties](#scrollviews-content---contentwidth--contentheight-properties) - [scrollingEnabled Property](#scrollingenabled-property) - [Box Shadow - viewShadowOffset, viewShadowRadius and viewShadowColor Properties](#box-shadow---viewshadowoffset-viewshadowradius-and-viewshadowcolor-properties) - [Drop Shadow - viewShadowOffset, viewShadowRadius and viewShadowColor Properties](#drop-shadow---viewshadowoffset-viewshadowradius-and-viewshadowcolor-properties) - [Box Shadow Color - viewShadowColor Property](#box-shadow-color---viewshadowcolor-property) - [shiftMode Property](#shiftmode-property) - [showAsAction Property](#showasaction-property) - [showCancel Property](#showcancel-property) - [smoothScrollOnTabClick Property](#smoothscrollontabclick-property) - [statusBarStyle Property](#statusbarstyle-property) - [tabBarHidden Style Property](#tabbarhidden-style-property) - [TabGroup Style Property](#tabgroup-style-property) - [tabsBackgroundColor Property](#tabsbackgroundcolor-property) - [textAlign Property](#textalign-property) - [color Property](#color-property) - [Ti.Media](#timedia) - [audioSessionCategory Property](#audiosessioncategory-property) - [audioType Property](#audiotype-property) - [Music Player - repeatMode Property](#music-player---repeatmode-property) - [Music Player - shuffleMode Property](#music-player---shufflemode-property) - [Background Size for compatibility with Tailwind’s classes - scalingMode Property](#background-size-for-compatibility-with-tailwinds-classes---scalingmode-property) - [Image Scaling Mode - scalingMode Property](#image-scaling-mode---scalingmode-property) - [Video Scaling Mode - scalingMode Property](#video-scaling-mode---scalingmode-property) - [Video repeatMode Property](#video-repeatmode-property) - [tint and tintColor Property](#tint-and-tintcolor-property) - [titleColor Property](#titlecolor-property) - [touchFeedbackColor Property](#touchfeedbackcolor-property) - [curve Property](#curve-property) - [debug Property](#debug-property) - [delay Property](#delay-property) - [duration Property](#duration-property) - [translucent Property](#translucent-property) - [verticalAlign Property](#verticalalign-property) - [width Property](#width-property) - [zIndex Property](#zindex-property) ## activeIconIsMask Property ```css '.active-icon-is-mask[platform=ios]': { activeIconIsMask: true } '.active-icon-is-not-mask[platform=ios]': { activeIconIsMask: false } ``` ## activeTintColor Property ```css '.active-tint-transparent': { activeTintColor: 'transparent' } '.active-tint-black': { activeTintColor: '#000000' } '.active-tint-white': { activeTintColor: '#ffffff' } '.active-tint-slate-50': { activeTintColor: '#f8fafc' } '.active-tint-slate-100': { activeTintColor: '#f1f5f9' } '.active-tint-slate-200': { activeTintColor: '#e2e8f0' } '.active-tint-slate-300': { activeTintColor: '#cbd5e1' } '.active-tint-slate-400': { activeTintColor: '#94a3b8' } '.active-tint-slate-500': { activeTintColor: '#64748b' } '.active-tint-slate-600': { activeTintColor: '#475569' } '.active-tint-slate-700': { activeTintColor: '#334155' } '.active-tint-slate-800': { activeTintColor: '#1e293b' } '.active-tint-slate-900': { activeTintColor: '#0f172a' } '.active-tint-gray-50': { activeTintColor: '#f9fafb' } '.active-tint-gray-100': { activeTintColor: '#f3f4f6' } '.active-tint-gray-200': { activeTintColor: '#e5e7eb' } '.active-tint-gray-300': { activeTintColor: '#d1d5db' } '.active-tint-gray-400': { activeTintColor: '#9ca3af' } '.active-tint-gray-500': { activeTintColor: '#6b7280' } '.active-tint-gray-600': { activeTintColor: '#4b5563' } '.active-tint-gray-700': { activeTintColor: '#374151' } '.active-tint-gray-800': { activeTintColor: '#1f2937' } '.active-tint-gray-900': { activeTintColor: '#111827' } '.active-tint-zinc-50': { activeTintColor: '#fafafa' } '.active-tint-zinc-100': { activeTintColor: '#f4f4f5' } '.active-tint-zinc-200': { activeTintColor: '#e4e4e7' } '.active-tint-zinc-300': { activeTintColor: '#d4d4d8' } '.active-tint-zinc-400': { activeTintColor: '#a1a1aa' } '.active-tint-zinc-500': { activeTintColor: '#71717a' } '.active-tint-zinc-600': { activeTintColor: '#52525b' } '.active-tint-zinc-700': { activeTintColor: '#3f3f46' } '.active-tint-zinc-800': { activeTintColor: '#27272a' } '.active-tint-zinc-900': { activeTintColor: '#18181b' } '.active-tint-neutral-50': { activeTintColor: '#fafafa' } '.active-tint-neutral-100': { activeTintColor: '#f5f5f5' } '.active-tint-neutral-200': { activeTintColor: '#e5e5e5' } '.active-tint-neutral-300': { activeTintColor: '#d4d4d4' } '.active-tint-neutral-400': { activeTintColor: '#a3a3a3' } '.active-tint-neutral-500': { activeTintColor: '#737373' } '.active-tint-neutral-600': { activeTintColor: '#525252' } '.active-tint-neutral-700': { activeTintColor: '#404040' } '.active-tint-neutral-800': { activeTintColor: '#262626' } '.active-tint-neutral-900': { activeTintColor: '#171717' } '.active-tint-stone-50': { activeTintColor: '#fafaf9' } '.active-tint-stone-100': { activeTintColor: '#f5f5f4' } '.active-tint-stone-200': { activeTintColor: '#e7e5e4' } '.active-tint-stone-300': { activeTintColor: '#d6d3d1' } '.active-tint-stone-400': { activeTintColor: '#a8a29e' } '.active-tint-stone-500': { activeTintColor: '#78716c' } '.active-tint-stone-600': { activeTintColor: '#57534e' } '.active-tint-stone-700': { activeTintColor: '#44403c' } '.active-tint-stone-800': { activeTintColor: '#292524' } '.active-tint-stone-900': { activeTintColor: '#1c1917' } '.active-tint-red-50': { activeTintColor: '#fef2f2' } '.active-tint-red-100': { activeTintColor: '#fee2e2' } '.active-tint-red-200': { activeTintColor: '#fecaca' } '.active-tint-red-300': { activeTintColor: '#fca5a5' } '.active-tint-red-400': { activeTintColor: '#f87171' } '.active-tint-red-500': { activeTintColor: '#ef4444' } '.active-tint-red-600': { activeTintColor: '#dc2626' } '.active-tint-red-700': { activeTintColor: '#b91c1c' } '.active-tint-red-800': { activeTintColor: '#991b1b' } '.active-tint-red-900': { activeTintColor: '#7f1d1d' } '.active-tint-orange-50': { activeTintColor: '#fff7ed' } '.active-tint-orange-100': { activeTintColor: '#ffedd5' } '.active-tint-orange-200': { activeTintColor: '#fed7aa' } '.active-tint-orange-300': { activeTintColor: '#fdba74' } '.active-tint-orange-400': { activeTintColor: '#fb923c' } '.active-tint-orange-500': { activeTintColor: '#f97316' } '.active-tint-orange-600': { activeTintColor: '#ea580c' } '.active-tint-orange-700': { activeTintColor: '#c2410c' } '.active-tint-orange-800': { activeTintColor: '#9a3412' } '.active-tint-orange-900': { activeTintColor: '#7c2d12' } '.active-tint-amber-50': { activeTintColor: '#fffbeb' } '.active-tint-amber-100': { activeTintColor: '#fef3c7' } '.active-tint-amber-200': { activeTintColor: '#fde68a' } '.active-tint-amber-300': { activeTintColor: '#fcd34d' } '.active-tint-amber-400': { activeTintColor: '#fbbf24' } '.active-tint-amber-500': { activeTintColor: '#f59e0b' } '.active-tint-amber-600': { activeTintColor: '#d97706' } '.active-tint-amber-700': { activeTintColor: '#b45309' } '.active-tint-amber-800': { activeTintColor: '#92400e' } '.active-tint-amber-900': { activeTintColor: '#78350f' } '.active-tint-yellow-50': { activeTintColor: '#fefce8' } '.active-tint-yellow-100': { activeTintColor: '#fef9c3' } '.active-tint-yellow-200': { activeTintColor: '#fef08a' } '.active-tint-yellow-300': { activeTintColor: '#fde047' } '.active-tint-yellow-400': { activeTintColor: '#facc15' } '.active-tint-yellow-500': { activeTintColor: '#eab308' } '.active-tint-yellow-600': { activeTintColor: '#ca8a04' } '.active-tint-yellow-700': { activeTintColor: '#a16207' } '.active-tint-yellow-800': { activeTintColor: '#854d0e' } '.active-tint-yellow-900': { activeTintColor: '#713f12' } '.active-tint-lime-50': { activeTintColor: '#f7fee7' } '.active-tint-lime-100': { activeTintColor: '#ecfccb' } '.active-tint-lime-200': { activeTintColor: '#d9f99d' } '.active-tint-lime-300': { activeTintColor: '#bef264' } '.active-tint-lime-400': { activeTintColor: '#a3e635' } '.active-tint-lime-500': { activeTintColor: '#84cc16' } '.active-tint-lime-600': { activeTintColor: '#65a30d' } '.active-tint-lime-700': { activeTintColor: '#4d7c0f' } '.active-tint-lime-800': { activeTintColor: '#3f6212' } '.active-tint-lime-900': { activeTintColor: '#365314' } '.active-tint-green-50': { activeTintColor: '#f0fdf4' } '.active-tint-green-100': { activeTintColor: '#dcfce7' } '.active-tint-green-200': { activeTintColor: '#bbf7d0' } '.active-tint-green-300': { activeTintColor: '#86efac' } '.active-tint-green-400': { activeTintColor: '#4ade80' } '.active-tint-green-500': { activeTintColor: '#22c55e' } '.active-tint-green-600': { activeTintColor: '#16a34a' } '.active-tint-green-700': { activeTintColor: '#15803d' } '.active-tint-green-800': { activeTintColor: '#166534' } '.active-tint-green-900': { activeTintColor: '#14532d' } '.active-tint-emerald-50': { activeTintColor: '#ecfdf5' } '.active-tint-emerald-100': { activeTintColor: '#d1fae5' } '.active-tint-emerald-200': { activeTintColor: '#a7f3d0' } '.active-tint-emerald-300': { activeTintColor: '#6ee7b7' } '.active-tint-emerald-400': { activeTintColor: '#34d399' } '.active-tint-emerald-500': { activeTintColor: '#10b981' } '.active-tint-emerald-600': { activeTintColor: '#059669' } '.active-tint-emerald-700': { activeTintColor: '#047857' } '.active-tint-emerald-800': { activeTintColor: '#065f46' } '.active-tint-emerald-900': { activeTintColor: '#064e3b' } '.active-tint-teal-50': { activeTintColor: '#f0fdfa' } '.active-tint-teal-100': { activeTintColor: '#ccfbf1' } '.active-tint-teal-200': { activeTintColor: '#99f6e4' } '.active-tint-teal-300': { activeTintColor: '#5eead4' } '.active-tint-teal-400': { activeTintColor: '#2dd4bf' } '.active-tint-teal-500': { activeTintColor: '#14b8a6' } '.active-tint-teal-600': { activeTintColor: '#0d9488' } '.active-tint-teal-700': { activeTintColor: '#0f766e' } '.active-tint-teal-800': { activeTintColor: '#115e59' } '.active-tint-teal-900': { activeTintColor: '#134e4a' } '.active-tint-cyan-50': { activeTintColor: '#ecfeff' } '.active-tint-cyan-100': { activeTintColor: '#cffafe' } '.active-tint-cyan-200': { activeTintColor: '#a5f3fc' } '.active-tint-cyan-300': { activeTintColor: '#67e8f9' } '.active-tint-cyan-400': { activeTintColor: '#22d3ee' } '.active-tint-cyan-500': { activeTintColor: '#06b6d4' } '.active-tint-cyan-600': { activeTintColor: '#0891b2' } '.active-tint-cyan-700': { activeTintColor: '#0e7490' } '.active-tint-cyan-800': { activeTintColor: '#155e75' } '.active-tint-cyan-900': { activeTintColor: '#164e63' } '.active-tint-sky-50': { activeTintColor: '#f0f9ff' } '.active-tint-sky-100': { activeTintColor: '#e0f2fe' } '.active-tint-sky-200': { activeTintColor: '#bae6fd' } '.active-tint-sky-300': { activeTintColor: '#7dd3fc' } '.active-tint-sky-400': { activeTintColor: '#38bdf8' } '.active-tint-sky-500': { activeTintColor: '#0ea5e9' } '.active-tint-sky-600': { activeTintColor: '#0284c7' } '.active-tint-sky-700': { activeTintColor: '#0369a1' } '.active-tint-sky-800': { activeTintColor: '#075985' } '.active-tint-sky-900': { activeTintColor: '#0c4a6e' } '.active-tint-blue-50': { activeTintColor: '#eff6ff' } '.active-tint-blue-100': { activeTintColor: '#dbeafe' } '.active-tint-blue-200': { activeTintColor: '#bfdbfe' } '.active-tint-blue-300': { activeTintColor: '#93c5fd' } '.active-tint-blue-400': { activeTintColor: '#60a5fa' } '.active-tint-blue-500': { activeTintColor: '#3b82f6' } '.active-tint-blue-600': { activeTintColor: '#2563eb' } '.active-tint-blue-700': { activeTintColor: '#1d4ed8' } '.active-tint-blue-800': { activeTintColor: '#1e40af' } '.active-tint-blue-900': { activeTintColor: '#1e3a8a' } '.active-tint-indigo-50': { activeTintColor: '#eef2ff' } '.active-tint-indigo-100': { activeTintColor: '#e0e7ff' } '.active-tint-indigo-200': { activeTintColor: '#c7d2fe' } '.active-tint-indigo-300': { activeTintColor: '#a5b4fc' } '.active-tint-indigo-400': { activeTintColor: '#818cf8' } '.active-tint-indigo-500': { activeTintColor: '#6366f1' } '.active-tint-indigo-600': { activeTintColor: '#4f46e5' } '.active-tint-indigo-700': { activeTintColor: '#4338ca' } '.active-tint-indigo-800': { activeTintColor: '#3730a3' } '.active-tint-indigo-900': { activeTintColor: '#312e81' } '.active-tint-violet-50': { activeTintColor: '#f5f3ff' } '.active-tint-violet-100': { activeTintColor: '#ede9fe' } '.active-tint-violet-200': { activeTintColor: '#ddd6fe' } '.active-tint-violet-300': { activeTintColor: '#c4b5fd' } '.active-tint-violet-400': { activeTintColor: '#a78bfa' } '.active-tint-violet-500': { activeTintColor: '#8b5cf6' } '.active-tint-violet-600': { activeTintColor: '#7c3aed' } '.active-tint-violet-700': { activeTintColor: '#6d28d9' } '.active-tint-violet-800': { activeTintColor: '#5b21b6' } '.active-tint-violet-900': { activeTintColor: '#4c1d95' } '.active-tint-purple-50': { activeTintColor: '#faf5ff' } '.active-tint-purple-100': { activeTintColor: '#f3e8ff' } '.active-tint-purple-200': { activeTintColor: '#e9d5ff' } '.active-tint-purple-300': { activeTintColor: '#d8b4fe' } '.active-tint-purple-400': { activeTintColor: '#c084fc' } '.active-tint-purple-500': { activeTintColor: '#a855f7' } '.active-tint-purple-600': { activeTintColor: '#9333ea' } '.active-tint-purple-700': { activeTintColor: '#7e22ce' } '.active-tint-purple-800': { activeTintColor: '#6b21a8' } '.active-tint-purple-900': { activeTintColor: '#581c87' } '.active-tint-fuchsia-50': { activeTintColor: '#fdf4ff' } '.active-tint-fuchsia-100': { activeTintColor: '#fae8ff' } '.active-tint-fuchsia-200': { activeTintColor: '#f5d0fe' } '.active-tint-fuchsia-300': { activeTintColor: '#f0abfc' } '.active-tint-fuchsia-400': { activeTintColor: '#e879f9' } '.active-tint-fuchsia-500': { activeTintColor: '#d946ef' } '.active-tint-fuchsia-600': { activeTintColor: '#c026d3' } '.active-tint-fuchsia-700': { activeTintColor: '#a21caf' } '.active-tint-fuchsia-800': { activeTintColor: '#86198f' } '.active-tint-fuchsia-900': { activeTintColor: '#701a75' } '.active-tint-pink-50': { activeTintColor: '#fdf2f8' } '.active-tint-pink-100': { activeTintColor: '#fce7f3' } '.active-tint-pink-200': { activeTintColor: '#fbcfe8' } '.active-tint-pink-300': { activeTintColor: '#f9a8d4' } '.active-tint-pink-400': { activeTintColor: '#f472b6' } '.active-tint-pink-500': { activeTintColor: '#ec4899' } '.active-tint-pink-600': { activeTintColor: '#db2777' } '.active-tint-pink-700': { activeTintColor: '#be185d' } '.active-tint-pink-800': { activeTintColor: '#9d174d' } '.active-tint-pink-900': { activeTintColor: '#831843' } '.active-tint-rose-50': { activeTintColor: '#fff1f2' } '.active-tint-rose-100': { activeTintColor: '#ffe4e6' } '.active-tint-rose-200': { activeTintColor: '#fecdd3' } '.active-tint-rose-300': { activeTintColor: '#fda4af' } '.active-tint-rose-400': { activeTintColor: '#fb7185' } '.active-tint-rose-500': { activeTintColor: '#f43f5e' } '.active-tint-rose-600': { activeTintColor: '#e11d48' } '.active-tint-rose-700': { activeTintColor: '#be123c' } '.active-tint-rose-800': { activeTintColor: '#9f1239' } '.active-tint-rose-900': { activeTintColor: '#881337' } ``` ## activeTitleColor Property ```css '.active-title-transparent': { activeTitleColor: 'transparent' } '.active-title-black': { activeTitleColor: '#000000' } '.active-title-white': { activeTitleColor: '#ffffff' } '.active-title-slate-50': { activeTitleColor: '#f8fafc' } '.active-title-slate-100': { activeTitleColor: '#f1f5f9' } '.active-title-slate-200': { activeTitleColor: '#e2e8f0' } '.active-title-slate-300': { activeTitleColor: '#cbd5e1' } '.active-title-slate-400': { activeTitleColor: '#94a3b8' } '.active-title-slate-500': { activeTitleColor: '#64748b' } '.active-title-slate-600': { activeTitleColor: '#475569' } '.active-title-slate-700': { activeTitleColor: '#334155' } '.active-title-slate-800': { activeTitleColor: '#1e293b' } '.active-title-slate-900': { activeTitleColor: '#0f172a' } '.active-title-gray-50': { activeTitleColor: '#f9fafb' } '.active-title-gray-100': { activeTitleColor: '#f3f4f6' } '.active-title-gray-200': { activeTitleColor: '#e5e7eb' } '.active-title-gray-300': { activeTitleColor: '#d1d5db' } '.active-title-gray-400': { activeTitleColor: '#9ca3af' } '.active-title-gray-500': { activeTitleColor: '#6b7280' } '.active-title-gray-600': { activeTitleColor: '#4b5563' } '.active-title-gray-700': { activeTitleColor: '#374151' } '.active-title-gray-800': { activeTitleColor: '#1f2937' } '.active-title-gray-900': { activeTitleColor: '#111827' } '.active-title-zinc-50': { activeTitleColor: '#fafafa' } '.active-title-zinc-100': { activeTitleColor: '#f4f4f5' } '.active-title-zinc-200': { activeTitleColor: '#e4e4e7' } '.active-title-zinc-300': { activeTitleColor: '#d4d4d8' } '.active-title-zinc-400': { activeTitleColor: '#a1a1aa' } '.active-title-zinc-500': { activeTitleColor: '#71717a' } '.active-title-zinc-600': { activeTitleColor: '#52525b' } '.active-title-zinc-700': { activeTitleColor: '#3f3f46' } '.active-title-zinc-800': { activeTitleColor: '#27272a' } '.active-title-zinc-900': { activeTitleColor: '#18181b' } '.active-title-neutral-50': { activeTitleColor: '#fafafa' } '.active-title-neutral-100': { activeTitleColor: '#f5f5f5' } '.active-title-neutral-200': { activeTitleColor: '#e5e5e5' } '.active-title-neutral-300': { activeTitleColor: '#d4d4d4' } '.active-title-neutral-400': { activeTitleColor: '#a3a3a3' } '.active-title-neutral-500': { activeTitleColor: '#737373' } '.active-title-neutral-600': { activeTitleColor: '#525252' } '.active-title-neutral-700': { activeTitleColor: '#404040' } '.active-title-neutral-800': { activeTitleColor: '#262626' } '.active-title-neutral-900': { activeTitleColor: '#171717' } '.active-title-stone-50': { activeTitleColor: '#fafaf9' } '.active-title-stone-100': { activeTitleColor: '#f5f5f4' } '.active-title-stone-200': { activeTitleColor: '#e7e5e4' } '.active-title-stone-300': { activeTitleColor: '#d6d3d1' } '.active-title-stone-400': { activeTitleColor: '#a8a29e' } '.active-title-stone-500': { activeTitleColor: '#78716c' } '.active-title-stone-600': { activeTitleColor: '#57534e' } '.active-title-stone-700': { activeTitleColor: '#44403c' } '.active-title-stone-800': { activeTitleColor: '#292524' } '.active-title-stone-900': { activeTitleColor: '#1c1917' } '.active-title-red-50': { activeTitleColor: '#fef2f2' } '.active-title-red-100': { activeTitleColor: '#fee2e2' } '.active-title-red-200': { activeTitleColor: '#fecaca' } '.active-title-red-300': { activeTitleColor: '#fca5a5' } '.active-title-red-400': { activeTitleColor: '#f87171' } '.active-title-red-500': { activeTitleColor: '#ef4444' } '.active-title-red-600': { activeTitleColor: '#dc2626' } '.active-title-red-700': { activeTitleColor: '#b91c1c' } '.active-title-red-800': { activeTitleColor: '#991b1b' } '.active-title-red-900': { activeTitleColor: '#7f1d1d' } '.active-title-orange-50': { activeTitleColor: '#fff7ed' } '.active-title-orange-100': { activeTitleColor: '#ffedd5' } '.active-title-orange-200': { activeTitleColor: '#fed7aa' } '.active-title-orange-300': { activeTitleColor: '#fdba74' } '.active-title-orange-400': { activeTitleColor: '#fb923c' } '.active-title-orange-500': { activeTitleColor: '#f97316' } '.active-title-orange-600': { activeTitleColor: '#ea580c' } '.active-title-orange-700': { activeTitleColor: '#c2410c' } '.active-title-orange-800': { activeTitleColor: '#9a3412' } '.active-title-orange-900': { activeTitleColor: '#7c2d12' } '.active-title-amber-50': { activeTitleColor: '#fffbeb' } '.active-title-amber-100': { activeTitleColor: '#fef3c7' } '.active-title-amber-200': { activeTitleColor: '#fde68a' } '.active-title-amber-300': { activeTitleColor: '#fcd34d' } '.active-title-amber-400': { activeTitleColor: '#fbbf24' } '.active-title-amber-500': { activeTitleColor: '#f59e0b' } '.active-title-amber-600': { activeTitleColor: '#d97706' } '.active-title-amber-700': { activeTitleColor: '#b45309' } '.active-title-amber-800': { activeTitleColor: '#92400e' } '.active-title-amber-900': { activeTitleColor: '#78350f' } '.active-title-yellow-50': { activeTitleColor: '#fefce8' } '.active-title-yellow-100': { activeTitleColor: '#fef9c3' } '.active-title-yellow-200': { activeTitleColor: '#fef08a' } '.active-title-yellow-300': { activeTitleColor: '#fde047' } '.active-title-yellow-400': { activeTitleColor: '#facc15' } '.active-title-yellow-500': { activeTitleColor: '#eab308' } '.active-title-yellow-600': { activeTitleColor: '#ca8a04' } '.active-title-yellow-700': { activeTitleColor: '#a16207' } '.active-title-yellow-800': { activeTitleColor: '#854d0e' } '.active-title-yellow-900': { activeTitleColor: '#713f12' } '.active-title-lime-50': { activeTitleColor: '#f7fee7' } '.active-title-lime-100': { activeTitleColor: '#ecfccb' } '.active-title-lime-200': { activeTitleColor: '#d9f99d' } '.active-title-lime-300': { activeTitleColor: '#bef264' } '.active-title-lime-400': { activeTitleColor: '#a3e635' } '.active-title-lime-500': { activeTitleColor: '#84cc16' } '.active-title-lime-600': { activeTitleColor: '#65a30d' } '.active-title-lime-700': { activeTitleColor: '#4d7c0f' } '.active-title-lime-800': { activeTitleColor: '#3f6212' } '.active-title-lime-900': { activeTitleColor: '#365314' } '.active-title-green-50': { activeTitleColor: '#f0fdf4' } '.active-title-green-100': { activeTitleColor: '#dcfce7' } '.active-title-green-200': { activeTitleColor: '#bbf7d0' } '.active-title-green-300': { activeTitleColor: '#86efac' } '.active-title-green-400': { activeTitleColor: '#4ade80' } '.active-title-green-500': { activeTitleColor: '#22c55e' } '.active-title-green-600': { activeTitleColor: '#16a34a' } '.active-title-green-700': { activeTitleColor: '#15803d' } '.active-title-green-800': { activeTitleColor: '#166534' } '.active-title-green-900': { activeTitleColor: '#14532d' } '.active-title-emerald-50': { activeTitleColor: '#ecfdf5' } '.active-title-emerald-100': { activeTitleColor: '#d1fae5' } '.active-title-emerald-200': { activeTitleColor: '#a7f3d0' } '.active-title-emerald-300': { activeTitleColor: '#6ee7b7' } '.active-title-emerald-400': { activeTitleColor: '#34d399' } '.active-title-emerald-500': { activeTitleColor: '#10b981' } '.active-title-emerald-600': { activeTitleColor: '#059669' } '.active-title-emerald-700': { activeTitleColor: '#047857' } '.active-title-emerald-800': { activeTitleColor: '#065f46' } '.active-title-emerald-900': { activeTitleColor: '#064e3b' } '.active-title-teal-50': { activeTitleColor: '#f0fdfa' } '.active-title-teal-100': { activeTitleColor: '#ccfbf1' } '.active-title-teal-200': { activeTitleColor: '#99f6e4' } '.active-title-teal-300': { activeTitleColor: '#5eead4' } '.active-title-teal-400': { activeTitleColor: '#2dd4bf' } '.active-title-teal-500': { activeTitleColor: '#14b8a6' } '.active-title-teal-600': { activeTitleColor: '#0d9488' } '.active-title-teal-700': { activeTitleColor: '#0f766e' } '.active-title-teal-800': { activeTitleColor: '#115e59' } '.active-title-teal-900': { activeTitleColor: '#134e4a' } '.active-title-cyan-50': { activeTitleColor: '#ecfeff' } '.active-title-cyan-100': { activeTitleColor: '#cffafe' } '.active-title-cyan-200': { activeTitleColor: '#a5f3fc' } '.active-title-cyan-300': { activeTitleColor: '#67e8f9' } '.active-title-cyan-400': { activeTitleColor: '#22d3ee' } '.active-title-cyan-500': { activeTitleColor: '#06b6d4' } '.active-title-cyan-600': { activeTitleColor: '#0891b2' } '.active-title-cyan-700': { activeTitleColor: '#0e7490' } '.active-title-cyan-800': { activeTitleColor: '#155e75' } '.active-title-cyan-900': { activeTitleColor: '#164e63' } '.active-title-sky-50': { activeTitleColor: '#f0f9ff' } '.active-title-sky-100': { activeTitleColor: '#e0f2fe' } '.active-title-sky-200': { activeTitleColor: '#bae6fd' } '.active-title-sky-300': { activeTitleColor: '#7dd3fc' } '.active-title-sky-400': { activeTitleColor: '#38bdf8' } '.active-title-sky-500': { activeTitleColor: '#0ea5e9' } '.active-title-sky-600': { activeTitleColor: '#0284c7' } '.active-title-sky-700': { activeTitleColor: '#0369a1' } '.active-title-sky-800': { activeTitleColor: '#075985' } '.active-title-sky-900': { activeTitleColor: '#0c4a6e' } '.active-title-blue-50': { activeTitleColor: '#eff6ff' } '.active-title-blue-100': { activeTitleColor: '#dbeafe' } '.active-title-blue-200': { activeTitleColor: '#bfdbfe' } '.active-title-blue-300': { activeTitleColor: '#93c5fd' } '.active-title-blue-400': { activeTitleColor: '#60a5fa' } '.active-title-blue-500': { activeTitleColor: '#3b82f6' } '.active-title-blue-600': { activeTitleColor: '#2563eb' } '.active-title-blue-700': { activeTitleColor: '#1d4ed8' } '.active-title-blue-800': { activeTitleColor: '#1e40af' } '.active-title-blue-900': { activeTitleColor: '#1e3a8a' } '.active-title-indigo-50': { activeTitleColor: '#eef2ff' } '.active-title-indigo-100': { activeTitleColor: '#e0e7ff' } '.active-title-indigo-200': { activeTitleColor: '#c7d2fe' } '.active-title-indigo-300': { activeTitleColor: '#a5b4fc' } '.active-title-indigo-400': { activeTitleColor: '#818cf8' } '.active-title-indigo-500': { activeTitleColor: '#6366f1' } '.active-title-indigo-600': { activeTitleColor: '#4f46e5' } '.active-title-indigo-700': { activeTitleColor: '#4338ca' } '.active-title-indigo-800': { activeTitleColor: '#3730a3' } '.active-title-indigo-900': { activeTitleColor: '#312e81' } '.active-title-violet-50': { activeTitleColor: '#f5f3ff' } '.active-title-violet-100': { activeTitleColor: '#ede9fe' } '.active-title-violet-200': { activeTitleColor: '#ddd6fe' } '.active-title-violet-300': { activeTitleColor: '#c4b5fd' } '.active-title-violet-400': { activeTitleColor: '#a78bfa' } '.active-title-violet-500': { activeTitleColor: '#8b5cf6' } '.active-title-violet-600': { activeTitleColor: '#7c3aed' } '.active-title-violet-700': { activeTitleColor: '#6d28d9' } '.active-title-violet-800': { activeTitleColor: '#5b21b6' } '.active-title-violet-900': { activeTitleColor: '#4c1d95' } '.active-title-purple-50': { activeTitleColor: '#faf5ff' } '.active-title-purple-100': { activeTitleColor: '#f3e8ff' } '.active-title-purple-200': { activeTitleColor: '#e9d5ff' } '.active-title-purple-300': { activeTitleColor: '#d8b4fe' } '.active-title-purple-400': { activeTitleColor: '#c084fc' } '.active-title-purple-500': { activeTitleColor: '#a855f7' } '.active-title-purple-600': { activeTitleColor: '#9333ea' } '.active-title-purple-700': { activeTitleColor: '#7e22ce' } '.active-title-purple-800': { activeTitleColor: '#6b21a8' } '.active-title-purple-900': { activeTitleColor: '#581c87' } '.active-title-fuchsia-50': { activeTitleColor: '#fdf4ff' } '.active-title-fuchsia-100': { activeTitleColor: '#fae8ff' } '.active-title-fuchsia-200': { activeTitleColor: '#f5d0fe' } '.active-title-fuchsia-300': { activeTitleColor: '#f0abfc' } '.active-title-fuchsia-400': { activeTitleColor: '#e879f9' } '.active-title-fuchsia-500': { activeTitleColor: '#d946ef' } '.active-title-fuchsia-600': { activeTitleColor: '#c026d3' } '.active-title-fuchsia-700': { activeTitleColor: '#a21caf' } '.active-title-fuchsia-800': { activeTitleColor: '#86198f' } '.active-title-fuchsia-900': { activeTitleColor: '#701a75' } '.active-title-pink-50': { activeTitleColor: '#fdf2f8' } '.active-title-pink-100': { activeTitleColor: '#fce7f3' } '.active-title-pink-200': { activeTitleColor: '#fbcfe8' } '.active-title-pink-300': { activeTitleColor: '#f9a8d4' } '.active-title-pink-400': { activeTitleColor: '#f472b6' } '.active-title-pink-500': { activeTitleColor: '#ec4899' } '.active-title-pink-600': { activeTitleColor: '#db2777' } '.active-title-pink-700': { activeTitleColor: '#be185d' } '.active-title-pink-800': { activeTitleColor: '#9d174d' } '.active-title-pink-900': { activeTitleColor: '#831843' } '.active-title-rose-50': { activeTitleColor: '#fff1f2' } '.active-title-rose-100': { activeTitleColor: '#ffe4e6' } '.active-title-rose-200': { activeTitleColor: '#fecdd3' } '.active-title-rose-300': { activeTitleColor: '#fda4af' } '.active-title-rose-400': { activeTitleColor: '#fb7185' } '.active-title-rose-500': { activeTitleColor: '#f43f5e' } '.active-title-rose-600': { activeTitleColor: '#e11d48' } '.active-title-rose-700': { activeTitleColor: '#be123c' } '.active-title-rose-800': { activeTitleColor: '#9f1239' } '.active-title-rose-900': { activeTitleColor: '#881337' } ``` ## ActivityIndicatorStyle Property ```css '.activity-indicator-style-big': { style: Ti.UI.ActivityIndicatorStyle.BIG } '.activity-indicator-style-dark': { style: Ti.UI.ActivityIndicatorStyle.DARK } '.activity-indicator-style-big-dark': { style: Ti.UI.ActivityIndicatorStyle.BIG_DARK } '.activity-indicator-style-plain': { style: Ti.UI.ActivityIndicatorStyle.PLAIN } ``` ## autoAdjustScrollViewInsets Property ```css '.auto-adjust-scroll-view-inset[platform=ios]': { autoAdjustScrollViewInsets: true } ``` ## autoLink Property ```css '.auto-link-all': { autoLink: Ti.UI.AUTOLINK_ALL } '.auto-link-email-addresses': { autoLink: Ti.UI.AUTOLINK_EMAIL_ADDRESSES } '.auto-link-map-addresses': { autoLink: Ti.UI.AUTOLINK_MAP_ADDRESSES } '.auto-link-none': { autoLink: Ti.UI.AUTOLINK_NONE } '.auto-link-phone-numbers': { autoLink: Ti.UI.AUTOLINK_PHONE_NUMBERS } '.auto-link-urls': { autoLink: Ti.UI.AUTOLINK_URLS } '.auto-link-calendar[platform=ios]': { autoLink: Ti.UI.AUTOLINK_CALENDAR } ``` ## autocapitalization Property ```css '.uppercase': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_ALL } '.normal-case': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_NONE } '.capitalize': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_WORDS } '.sentences': { autocapitalization: Ti.UI.TEXT_AUTOCAPITALIZATION_SENTENCES } ``` ## autocorrect Property ```css '.autocorrect': { autocorrect: true } '.no-autocorrect': { autocorrect: false } ``` ## autofillType Property ```css '.autofill-type-url': { autofillType: Ti.UI.AUTOFILL_TYPE_URL } '.autofill-type-name': { autofillType: Ti.UI.AUTOFILL_TYPE_NAME } '.autofill-type-phone': { autofillType: Ti.UI.AUTOFILL_TYPE_PHONE } '.autofill-type-email': { autofillType: Ti.UI.AUTOFILL_TYPE_EMAIL } '.autofill-type-address': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS } '.autofill-type-username': { autofillType: Ti.UI.AUTOFILL_TYPE_USERNAME } '.autofill-type-password': { autofillType: Ti.UI.AUTOFILL_TYPE_PASSWORD } '.autofill-type-nickname': { autofillType: Ti.UI.AUTOFILL_TYPE_NICKNAME } '.autofill-type-location': { autofillType: Ti.UI.AUTOFILL_TYPE_LOCATION } '.autofill-type-job-title': { autofillType: Ti.UI.AUTOFILL_TYPE_JOB_TITLE } '.autofill-type-given-name': { autofillType: Ti.UI.AUTOFILL_TYPE_GIVEN_NAME } '.autofill-type-name-prefix': { autofillType: Ti.UI.AUTOFILL_TYPE_NAME_PREFIX } '.autofill-type-middle-name': { autofillType: Ti.UI.AUTOFILL_TYPE_MIDDLE_NAME } '.autofill-type-family-name': { autofillType: Ti.UI.AUTOFILL_TYPE_FAMILY_NAME } '.autofill-type-name-suffix': { autofillType: Ti.UI.AUTOFILL_TYPE_NAME_SUFFIX } '.autofill-type-sublocality': { autofillType: Ti.UI.AUTOFILL_TYPE_SUBLOCALITY } '.autofill-type-postal-code': { autofillType: Ti.UI.AUTOFILL_TYPE_POSTAL_CODE } '.autofill-type-card-number': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_NUMBER } '.autofill-type-address-city': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_CITY } '.autofill-type-country-name': { autofillType: Ti.UI.AUTOFILL_TYPE_COUNTRY_NAME } '.autofill-type-new-password': { autofillType: Ti.UI.AUTOFILL_TYPE_NEW_PASSWORD } '.autofill-type-address-line1': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_LINE1 } '.autofill-type-address-line2': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_LINE2 } '.autofill-type-address-state': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_STATE } '.autofill-type-one-time-code': { autofillType: Ti.UI.AUTOFILL_TYPE_ONE_TIME_CODE } '.autofill-type-organization-name': { autofillType: Ti.UI.AUTOFILL_TYPE_ORGANIZATION_NAME } '.autofill-type-address-city-state': { autofillType: Ti.UI.AUTOFILL_TYPE_ADDRESS_CITY_STATE } '.autofill-type-card-security-code': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_SECURITY_CODE } '.autofill-type-card-expiration-day': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_DAY } '.autofill-type-card-expiration-date': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_DATE } '.autofill-type-card-expiration-year': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_YEAR } '.autofill-type-card-expiration-month': { autofillType: Ti.UI.AUTOFILL_TYPE_CARD_EXPIRATION_MONTH } ``` ## autoreverse Property ```css '.autoreverse': { autoreverse: true } ``` ## blend mode Property ( Background Blend Mode ) Property ```css // Component(s): Ti.UI.MaskedImage // Property(ies): mode ( Background Blend Mode ) '.bg-blend-mode-clear': { mode: Ti.UI.BLEND_MODE_CLEAR } '.bg-blend-mode-copy': { mode: Ti.UI.BLEND_MODE_COPY } '.bg-blend-mode-darken': { mode: Ti.UI.BLEND_MODE_DARKEN } '.bg-blend-mode-destination-atop': { mode: Ti.UI.BLEND_MODE_DESTINATION_ATOP } '.bg-blend-mode-destination-in': { mode: Ti.UI.BLEND_MODE_DESTINATION_IN } '.bg-blend-mode-destination-out': { mode: Ti.UI.BLEND_MODE_DESTINATION_OUT } '.bg-blend-mode-destination-over': { mode: Ti.UI.BLEND_MODE_DESTINATION_OVER } '.bg-blend-mode-lighten': { mode: Ti.UI.BLEND_MODE_LIGHTEN } '.bg-blend-mode-multiply': { mode: Ti.UI.BLEND_MODE_MULTIPLY } '.bg-blend-mode-normal': { mode: Ti.UI.BLEND_MODE_NORMAL } '.bg-blend-mode-overlay': { mode: Ti.UI.BLEND_MODE_OVERLAY } '.bg-blend-mode-plus-lighter': { mode: Ti.UI.BLEND_MODE_PLUS_LIGHTER } '.bg-blend-mode-screen': { mode: Ti.UI.BLEND_MODE_SCREEN } '.bg-blend-mode-source-atop': { mode: Ti.UI.BLEND_MODE_SOURCE_ATOP } '.bg-blend-mode-source-in': { mode: Ti.UI.BLEND_MODE_SOURCE_IN } '.bg-blend-mode-source-out': { mode: Ti.UI.BLEND_MODE_SOURCE_OUT } '.bg-blend-mode-xor': { mode: Ti.UI.BLEND_MODE_XOR } '.bg-blend-mode-color[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR } '.bg-blend-mode-color-burn[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR_BURN } '.bg-blend-mode-color-dodge[platform=ios]': { mode: Ti.UI.BLEND_MODE_COLOR_DODGE } '.bg-blend-mode-diference[platform=ios]': { mode: Ti.UI.BLEND_MODE_DIFFERENCE } '.bg-blend-mode-exclusion[platform=ios]': { mode: Ti.UI.BLEND_MODE_EXCLUSION } '.bg-blend-mode-hard-light[platform=ios]': { mode: Ti.UI.BLEND_MODE_HARD_LIGHT } '.bg-blend-mode-hue[platform=ios]': { mode: Ti.UI.BLEND_MODE_HUE } '.bg-blend-mode-luminosity[platform=ios]': { mode: Ti.UI.BLEND_MODE_LUMINOSITY } '.bg-blend-mode-plus-darker[platform=ios]': { mode: Ti.UI.BLEND_MODE_PLUS_DARKER } '.bg-blend-mode-saturation[platform=ios]': { mode: Ti.UI.BLEND_MODE_SATURATION } '.bg-blend-mode-soft-light[platform=ios]': { mode: Ti.UI.BLEND_MODE_SOFT_LIGHT } ``` ## backgroundColor Property ```css '.bg-transparent': { backgroundColor: 'transparent' } '.bg-black': { backgroundColor: '#000000' } '.bg-white': { backgroundColor: '#ffffff' } '.bg-slate-50': { backgroundColor: '#f8fafc' } '.bg-slate-100': { backgroundColor: '#f1f5f9' } '.bg-slate-200': { backgroundColor: '#e2e8f0' } '.bg-slate-300': { backgroundColor: '#cbd5e1' } '.bg-slate-400': { backgroundColor: '#94a3b8' } '.bg-slate-500': { backgroundColor: '#64748b' } '.bg-slate-600': { backgroundColor: '#475569' } '.bg-slate-700': { backgroundColor: '#334155' } '.bg-slate-800': { backgroundColor: '#1e293b' } '.bg-slate-900': { backgroundColor: '#0f172a' } '.bg-gray-50': { backgroundColor: '#f9fafb' } '.bg-gray-100': { backgroundColor: '#f3f4f6' } '.bg-gray-200': { backgroundColor: '#e5e7eb' } '.bg-gray-300': { backgroundColor: '#d1d5db' } '.bg-gray-400': { backgroundColor: '#9ca3af' } '.bg-gray-500': { backgroundColor: '#6b7280' } '.bg-gray-600': { backgroundColor: '#4b5563' } '.bg-gray-700': { backgroundColor: '#374151' } '.bg-gray-800': { backgroundColor: '#1f2937' } '.bg-gray-900': { backgroundColor: '#111827' } '.bg-zinc-50': { backgroundColor: '#fafafa' } '.bg-zinc-100': { backgroundColor: '#f4f4f5' } '.bg-zinc-200': { backgroundColor: '#e4e4e7' } '.bg-zinc-300': { backgroundColor: '#d4d4d8' } '.bg-zinc-400': { backgroundColor: '#a1a1aa' } '.bg-zinc-500': { backgroundColor: '#71717a' } '.bg-zinc-600': { backgroundColor: '#52525b' } '.bg-zinc-700': { backgroundColor: '#3f3f46' } '.bg-zinc-800': { backgroundColor: '#27272a' } '.bg-zinc-900': { backgroundColor: '#18181b' } '.bg-neutral-50': { backgroundColor: '#fafafa' } '.bg-neutral-100': { backgroundColor: '#f5f5f5' } '.bg-neutral-200': { backgroundColor: '#e5e5e5' } '.bg-neutral-300': { backgroundColor: '#d4d4d4' } '.bg-neutral-400': { backgroundColor: '#a3a3a3' } '.bg-neutral-500': { backgroundColor: '#737373' } '.bg-neutral-600': { backgroundColor: '#525252' } '.bg-neutral-700': { backgroundColor: '#404040' } '.bg-neutral-800': { backgroundColor: '#262626' } '.bg-neutral-900': { backgroundColor: '#171717' } '.bg-stone-50': { backgroundColor: '#fafaf9' } '.bg-stone-100': { backgroundColor: '#f5f5f4' } '.bg-stone-200': { backgroundColor: '#e7e5e4' } '.bg-stone-300': { backgroundColor: '#d6d3d1' } '.bg-stone-400': { backgroundColor: '#a8a29e' } '.bg-stone-500': { backgroundColor: '#78716c' } '.bg-stone-600': { backgroundColor: '#57534e' } '.bg-stone-700': { backgroundColor: '#44403c' } '.bg-stone-800': { backgroundColor: '#292524' } '.bg-stone-900': { backgroundColor: '#1c1917' } '.bg-red-50': { backgroundColor: '#fef2f2' } '.bg-red-100': { backgroundColor: '#fee2e2' } '.bg-red-200': { backgroundColor: '#fecaca' } '.bg-red-300': { backgroundColor: '#fca5a5' } '.bg-red-400': { backgroundColor: '#f87171' } '.bg-red-500': { backgroundColor: '#ef4444' } '.bg-red-600': { backgroundColor: '#dc2626' } '.bg-red-700': { backgroundColor: '#b91c1c' } '.bg-red-800': { backgroundColor: '#991b1b' } '.bg-red-900': { backgroundColor: '#7f1d1d' } '.bg-orange-50': { backgroundColor: '#fff7ed' } '.bg-orange-100': { backgroundColor: '#ffedd5' } '.bg-orange-200': { backgroundColor: '#fed7aa' } '.bg-orange-300': { backgroundColor: '#fdba74' } '.bg-orange-400': { backgroundColor: '#fb923c' } '.bg-orange-500': { backgroundColor: '#f97316' } '.bg-orange-600': { backgroundColor: '#ea580c' } '.bg-orange-700': { backgroundColor: '#c2410c' } '.bg-orange-800': { backgroundColor: '#9a3412' } '.bg-orange-900': { backgroundColor: '#7c2d12' } '.bg-amber-50': { backgroundColor: '#fffbeb' } '.bg-amber-100': { backgroundColor: '#fef3c7' } '.bg-amber-200': { backgroundColor: '#fde68a' } '.bg-amber-300': { backgroundColor: '#fcd34d' } '.bg-amber-400': { backgroundColor: '#fbbf24' } '.bg-amber-500': { backgroundColor: '#f59e0b' } '.bg-amber-600': { backgroundColor: '#d97706' } '.bg-amber-700': { backgroundColor: '#b45309' } '.bg-amber-800': { backgroundColor: '#92400e' } '.bg-amber-900': { backgroundColor: '#78350f' } '.bg-yellow-50': { backgroundColor: '#fefce8' } '.bg-yellow-100': { backgroundColor: '#fef9c3' } '.bg-yellow-200': { backgroundColor: '#fef08a' } '.bg-yellow-300': { backgroundColor: '#fde047' } '.bg-yellow-400': { backgroundColor: '#facc15' } '.bg-yellow-500': { backgroundColor: '#eab308' } '.bg-yellow-600': { backgroundColor: '#ca8a04' } '.bg-yellow-700': { backgroundColor: '#a16207' } '.bg-yellow-800': { backgroundColor: '#854d0e' } '.bg-yellow-900': { backgroundColor: '#713f12' } '.bg-lime-50': { backgroundColor: '#f7fee7' } '.bg-lime-100': { backgroundColor: '#ecfccb' } '.bg-lime-200': { backgroundColor: '#d9f99d' } '.bg-lime-300': { backgroundColor: '#bef264' } '.bg-lime-400': { backgroundColor: '#a3e635' } '.bg-lime-500': { backgroundColor: '#84cc16' } '.bg-lime-600': { backgroundColor: '#65a30d' } '.bg-lime-700': { backgroundColor: '#4d7c0f' } '.bg-lime-800': { backgroundColor: '#3f6212' } '.bg-lime-900': { backgroundColor: '#365314' } '.bg-green-50': { backgroundColor: '#f0fdf4' } '.bg-green-100': { backgroundColor: '#dcfce7' } '.bg-green-200': { backgroundColor: '#bbf7d0' } '.bg-green-300': { backgroundColor: '#86efac' } '.bg-green-400': { backgroundColor: '#4ade80' } '.bg-green-500': { backgroundColor: '#22c55e' } '.bg-green-600': { backgroundColor: '#16a34a' } '.bg-green-700': { backgroundColor: '#15803d' } '.bg-green-800': { backgroundColor: '#166534' } '.bg-green-900': { backgroundColor: '#14532d' } '.bg-emerald-50': { backgroundColor: '#ecfdf5' } '.bg-emerald-100': { backgroundColor: '#d1fae5' } '.bg-emerald-200': { backgroundColor: '#a7f3d0' } '.bg-emerald-300': { backgroundColor: '#6ee7b7' } '.bg-emerald-400': { backgroundColor: '#34d399' } '.bg-emerald-500': { backgroundColor: '#10b981' } '.bg-emerald-600': { backgroundColor: '#059669' } '.bg-emerald-700': { backgroundColor: '#047857' } '.bg-emerald-800': { backgroundColor: '#065f46' } '.bg-emerald-900': { backgroundColor: '#064e3b' } '.bg-teal-50': { backgroundColor: '#f0fdfa' } '.bg-teal-100': { backgroundColor: '#ccfbf1' } '.bg-teal-200': { backgroundColor: '#99f6e4' } '.bg-teal-300': { backgroundColor: '#5eead4' } '.bg-teal-400': { backgroundColor: '#2dd4bf' } '.bg-teal-500': { backgroundColor: '#14b8a6' } '.bg-teal-600': { backgroundColor: '#0d9488' } '.bg-teal-700': { backgroundColor: '#0f766e' } '.bg-teal-800': { backgroundColor: '#115e59' } '.bg-teal-900': { backgroundColor: '#134e4a' } '.bg-cyan-50': { backgroundColor: '#ecfeff' } '.bg-cyan-100': { backgroundColor: '#cffafe' } '.bg-cyan-200': { backgroundColor: '#a5f3fc' } '.bg-cyan-300': { backgroundColor: '#67e8f9' } '.bg-cyan-400': { backgroundColor: '#22d3ee' } '.bg-cyan-500': { backgroundColor: '#06b6d4' } '.bg-cyan-600': { backgroundColor: '#0891b2' } '.bg-cyan-700': { backgroundColor: '#0e7490' } '.bg-cyan-800': { backgroundColor: '#155e75' } '.bg-cyan-900': { backgroundColor: '#164e63' } '.bg-sky-50': { backgroundColor: '#f0f9ff' } '.bg-sky-100': { backgroundColor: '#e0f2fe' } '.bg-sky-200': { backgroundColor: '#bae6fd' } '.bg-sky-300': { backgroundColor: '#7dd3fc' } '.bg-sky-400': { backgroundColor: '#38bdf8' } '.bg-sky-500': { backgroundColor: '#0ea5e9' } '.bg-sky-600': { backgroundColor: '#0284c7' } '.bg-sky-700': { backgroundColor: '#0369a1' } '.bg-sky-800': { backgroundColor: '#075985' } '.bg-sky-900': { backgroundColor: '#0c4a6e' } '.bg-blue-50': { backgroundColor: '#eff6ff' } '.bg-blue-100': { backgroundColor: '#dbeafe' } '.bg-blue-200': { backgroundColor: '#bfdbfe' } '.bg-blue-300': { backgroundColor: '#93c5fd' } '.bg-blue-400': { backgroundColor: '#60a5fa' } '.bg-blue-500': { backgroundColor: '#3b82f6' } '.bg-blue-600': { backgroundColor: '#2563eb' } '.bg-blue-700': { backgroundColor: '#1d4ed8' } '.bg-blue-800': { backgroundColor: '#1e40af' } '.bg-blue-900': { backgroundColor: '#1e3a8a' } '.bg-indigo-50': { backgroundColor: '#eef2ff' } '.bg-indigo-100': { backgroundColor: '#e0e7ff' } '.bg-indigo-200': { backgroundColor: '#c7d2fe' } '.bg-indigo-300': { backgroundColor: '#a5b4fc' } '.bg-indigo-400': { backgroundColor: '#818cf8' } '.bg-indigo-500': { backgroundColor: '#6366f1' } '.bg-indigo-600': { backgroundColor: '#4f46e5' } '.bg-indigo-700': { backgroundColor: '#4338ca' } '.bg-indigo-800': { backgroundColor: '#3730a3' }