Repository navigation
themes map
Luiz Kim edited this page Aug 3, 2026
·
1 revision
Objetivo:
- centralizar os nomes canônicos dos tokens de cor
- evitar prefixos por modulo ou tela
- servir como referencia para o codigo,
themes-new.mdethemes-todo.md
Regras:
- usar apenas nomes semanticos globais
- nao usar
colors.jscomo origem final - nao usar
defaultCompany.theme - nao usar
currentCompany.theme - se um token nao existir no tema oficial, registrar em
themes-new.mdate ele existir de fato
- este arquivo deve ser usado somente pelo mapa de objetos
- os nomes permitidos sao apenas os que estao listados nas secoes de objetos abaixo
- nao usar
tokens base, nomes genericos, aliases locais ou nomes inventados fora desta listagem - no codigo, a referencia de cor deve apontar para o token canonico do objeto visual correspondente
- quando existir dúvida sobre o nome, preferir o nome que descreve o papel visual e nao o arquivo onde ele nasceu
- se o mesmo papel visual aparecer em vários modulos, o token deve continuar sendo o mesmo
- se o papel visual for diferente, parar a execução e perguntar.
Usar os mesmos nomes em qualquer objeto quando o papel visual for o mesmo.
appBackgroundcontainerBackgroundcontainerTransparentBackgroundcontainerBorderpageBackgroundpageBorderpanelBackgroundpanelBorderscreenBackgroundsectionBackgroundsectionBordersheetBackgroundsheetBordersurface
navbarBackgroundnavbarBordertabBarBackgroundtabBarBordertoolbarBackgroundtoolbarBorder
badgeBackgroundbadgeBorderbadgeDisabledBackgroundbadgeDisabledTextbadgeIconbadgeSelectedBackgroundbadgeSelectedBorderbadgeSelectedTextbadgeShadowbadgeText
buttonBackgroundbuttonBackgroundSecondarybuttonBorderbuttonBorderSecondarybuttonDisabledBackgroundbuttonDisabledOpacitybuttonDisabledTextbuttonFocusBorderbuttonHoverBackgroundbuttonIconbuttonIconSecondarybuttonPressedBackgroundbuttonPressedBorderbuttonPressedIconbuttonShadowbuttonTextbuttonTextSecondary
cardBackgroundcardBordercardDisabledBackgroundcardDisabledTextcardHeaderBackgroundcardHeaderTextcardIconcardIconColorcardIconBackgroundcardIconBordercardSelectedBackgroundcardSelectedBordercardSelectedTextcardShadowcardText
checkboxBackgroundcheckboxBordercheckboxDisabledBackgroundcheckboxDisabledBordercheckboxDisabledMarkcheckboxDisabledTextcheckboxSelectedBackgroundcheckboxSelectedBordercheckboxSelectedMarkcheckboxText
chipBackgroundchipBorderchipDisabledBackgroundchipDisabledTextchipIconchipSelectedBackgroundchipSelectedBorderchipSelectedTextchipShadowchipText
dividerBackgrounddividerBorderdividerText
footerBackgroundfooterBorderfooterIconfooterLinkfooterText
headerBackgroundheaderBorderheaderIconheaderLinkheaderText
iconActiveiconBackgroundiconColoriconDangericonDisablediconInfoiconInverseiconMutediconSuccessiconTexticonWarning
inputBackgroundinputBorderinputFilledBorderinputDisabledBackgroundinputDisabledBorderinputDisabledTextinputErrorBackgroundinputErrorBorderinputErrorTextinputFocusBorderinputIconinputPlaceholderTextinputText
linkDisabledTextlinkHoverTextlinkTextlinkVisitedText
listItemActiveBackgroundlistItemActiveBorderlistItemBackgroundlistItemBorderlistItemDisabledTextlistItemEvenRowlistItemIconlistItemOddRowlistItemSelectedBackgroundlistItemSelectedBorderlistItemSubtitleTextlistItemText
loadingBackgroundloadingBorderloadingDisabledBackgroundloadingDisabledTextloadingIconloadingOverlayloadingShadowloadingSpinnerloadingText
menuActiveBackgroundmenuActiveBordermenuActiveIconmenuActiveTextmenuBackgroundmenuBordermenuDisabledBackgroundmenuDisabledBordermenuDisabledIconmenuDisabledTextmenuIconmenuSelectedBackgroundmenuSelectedBordermenuSelectedTextmenuShadowmenuText
modalBackgroundmodalBordermodalCloseIconmodalHeaderTextmodalOverlaymodalShadowmodalText
tableActionBackgroundtableActionBordertableActionIcontableFilterBackgroundtableFilterBordertableFilterTexttableFooterBackgroundtableFooterBordertableFooterTexttableHeaderBackgroundtableHeaderBordertableHeaderIcontableHeaderTexttableRowBackgroundtableRowBordertableRowEvenBackgroundtableRowMutedTexttableRowOddBackgroundtableRowSelectedBackgroundtableRowSelectedBordertableRowTexttableToolbarBackgroundtableToolbarBordertableToolbarText
selectBackgroundselectBorderselectIconselectOptionBackgroundselectOptionBorderselectOptionSelectedBackgroundselectOptionSelectedTextselectPlaceholderTextselectText
navigationActiveBackgroundnavigationActiveBordernavigationActiveIconnavigationActiveTextnavigationBackgroundnavigationBordernavigationDisabledBackgroundnavigationDisabledBordernavigationDisabledIconnavigationDisabledTextnavigationIconnavigationShadownavigationText
overlayBackgroundoverlayBorderoverlayShadow
radioBackgroundradioBorderradioDisabledBackgroundradioDisabledBorderradioDisabledDotradioSelectedBackgroundradioSelectedBorderradioSelectedDotradioText
switchDisabledThumbswitchDisabledTrackswitchOffThumbswitchOffTrackswitchOnThumbswitchOnTrack
textDangertextDisabledtextInversetextLinktextMutedtextPlaceholdertextPrimarytextSecondarytextSuccesstextWarning
toastBackgroundtoastBordertoastDangerBackgroundtoastDangerBordertoastDangerIcontoastDangerTexttoastIcontoastInfoBackgroundtoastInfoBordertoastInfoIcontoastInfoTexttoastShadowtoastSuccessBackgroundtoastSuccessBordertoastSuccessIcontoastSuccessTexttoastTexttoastWarningBackgroundtoastWarningBordertoastWarningIcontoastWarningText