Routefast · Minimal · Light/Dark
PublicToken Inspector46 tokens
Routefast • Dark Theme
onBrandPrimaryAA5.2:1#000000← contrastText/icon on primary
brandPrimaryContainerAAA14.8:1#25282C← primary[1]Container for primary elements
onBrandPrimaryContainerAAA14.8:1#FFFFFF← contrastText on primary container
brandSecondaryAA6.7:1#8293AF← secondary[5]Secondary brand color
onBrandSecondaryAA6.7:1#000000← contrastText/icon on secondary
brandSecondaryContainerAAA13.8:1#2A2D32← secondary[1]Container for secondary elements
onBrandSecondaryContainerAAA13.8:1#FFFFFF← contrastText on secondary container
brandAccentAA6.0:1#A2836D← accent[5]Accent color for highlights
onBrandAccentAA6.0:1#000000← contrastText/icon on accent
surfaceBaseAAA18.0:1#151719← neutral[9]Base page background
surfaceRaisedAAA16.2:1#1E2124← neutral[8]Raised cards, panels
surfaceOverlayAAA14.2:1#282B2F← neutral[9]Modals, popovers
surfaceSheetAAA15.2:1#232629← neutral[9]Bottom sheets, drawers
surfaceSunkenAAA19.2:1#0E0F11← neutral[7]Inset areas, wells
surfaceInverseAAA17.4:1#E7EAEE← neutral[1]Dark surface for contrast
backdropLightFail1.0:1#F4F5F6← white@50%Light backdrop overlay
backdropDarkFail1.0:1#000000← black@50%Dark backdrop overlay
scrimFail1.0:1#000000← black@70%Modal backdrop
shimmerFail1.0:1#FFFFFF← neutral[7]@30%Loading shimmer effect
textPrimaryAAA16.1:1#F2F2F3← neutral[0]Primary text color
textSecondaryAAA7.9:1#A6ACB5← neutral[3]Secondary/muted text
textDisabledA3.5:1#676F79← neutral[5]Disabled text
textInverseAAA15.5:1#111212← neutral[9]Text on dark surfaces
successAAA7.9:1#1EB81E← green[5]Success state
successSubtleAAA18.4:1#101610← green[8]Subtle success background
successContainerAAA15.4:1#172917← green[2]Success container
onSuccessFail2.2:1#E0EBE0← contrastText on success
warningAAA10.1:1#F9A006← amber[5]Warning state
warningSubtleAAA17.7:1#1A1814← amber[8]Subtle warning background
warningContainerAAA14.3:1#32291B← amber[2]Warning container
onWarningFail1.7:1#EEE8DD← contrastText on warning
dangerAA4.9:1#E93120← red[5]Danger/error state
dangerSubtleAAA18.0:1#1B1514← red[8]Subtle danger background
dangerContainerAAA15.6:1#341E1C← red[2]Danger container
onDangerA3.5:1#EFE7E6← contrastText on danger
infoAAA9.2:1#33B9E6← blue[5]Info state
infoSubtleAAA17.4:1#151B1D← blue[8]Subtle info background
infoContainerAAA13.7:1#1E3037← blue[2]Info container
onInfoFail1.8:1#E0E8EB← contrastText on info
borderDefaultA3.0:1#5B6573← neutral[6]Default border
borderStrongAA6.7:1#8792A1← neutral[4]Strong/emphasized border
borderFocusAA5.2:1#6E7EA2← primary[4]Focus ring color
borderErrorAA4.9:1#E93120← red[5]Error state border
borderSuccessAAA7.9:1#1EB81E← green[5]Success state border
borderInverseAAA17.4:1#E7EAEE← neutral[7]Border on dark surfaces