Opção H · Terra — 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-H.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#A63D21 · texto #FFFFFF
darken-1#88321B
secondary#6B5A4E · texto #FFFFFF
darken-1#56493F
success#4F6B3A · texto #FFFFFF
darken-1#3E542D
info#1F5F8B · texto #FFFFFF
darken-1#184B6E
warning#945700 · texto #FFFFFF
darken-1#704200
error#C0152F · texto #FFFFFF
darken-1#A01127
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FBF6EE
surface#FFFFFF
on-surface#2A1D16
code-color#2A1D16
overlay-scrim-background#2A1D16
tooltip-background#2A1D16
border-color#2A1D16
table-header-color#F2F1F1
track-bg#EAE8E8
shadow-key-umbra-color#2A1D16
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#EFA082 · texto #1E1511
darken-1#EA855E
secondary#C1B1A3 · texto #1E1511
darken-1#B19C8B
success#9DBB83 · texto #1E1511
darken-1#88AD69
info#7FB6DD · texto #1E1511
darken-1#5FA4D4
warning#E3A840 · texto #1E1511
darken-1#DA9720
error#FF929D · texto #1E1511
darken-1#FF6978
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#1E1511
surface#2A1E18
on-surface#FBF6EE
code-color#FBF6EE
overlay-scrim-background#000000
tooltip-background#FBF6EE
border-color#FBF6EE
table-header-color#3F342D
track-bg#4B413A
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação