Opção P · Fluente — cores VuexyTodos os papéis de cor que o tema do Vuexy (src/plugins/vuetify/theme.js) espera, em claro e escuro. Cada cor de papel tem contraste mínimo de 4,5:1 como texto sobre o fundo e a superfície, e com o seu texto on-* por cima, inclusive no darken-1.
Pronto para copiar:
vuexy-theme-P.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#0064BA · texto #FFFFFF
darken-1#005196
secondary#5D5D5D · texto #FFFFFF
darken-1#4B4B4B
success#0D710D · texto #FFFFFF
darken-1#095109
info#005A9E · texto #FFFFFF
darken-1#00467A
warning#915500 · texto #FFFFFF
darken-1#6D4000
error#BA291A · texto #FFFFFF
darken-1#9B2216
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F3F3F3
surface#FFFFFF
on-surface#1B1B1B
code-color#1B1B1B
overlay-scrim-background#1B1B1B
tooltip-background#1B1B1B
border-color#1B1B1B
table-header-color#F1F1F1
track-bg#E8E8E8
shadow-key-umbra-color#1B1B1B
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#70CEFF · texto #202020
darken-1#47C0FF
secondary#C5C5C5 · texto #202020
darken-1#B1B1B1
success#84D57D · texto #202020
darken-1#67CB5E
info#60CDFF · texto #202020
darken-1#37C0FF
warning#FCE100 · texto #202020
darken-1#D3BD00
error#FFB1B9 · texto #202020
darken-1#FF8894
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#202020
surface#2B2B2B
on-surface#FFFFFF
code-color#FFFFFF
overlay-scrim-background#000000
tooltip-background#FFFFFF
border-color#FFFFFF
table-header-color#404040
track-bg#4D4D4D
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação