Opção A · Proporção — 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-A.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#297161 · texto #FFFFFF
darken-1#1F574B
secondary#68645C · texto #FFFFFF
darken-1#55524B
success#28702C · texto #FFFFFF
darken-1#1F5622
info#2966A6 · texto #FFFFFF
darken-1#225489
warning#955607 · texto #FFFFFF
darken-1#734205
error#B42318 · texto #FFFFFF
darken-1#941D14
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FAF7F1
surface#FFFFFF
on-surface#1B1F23
code-color#1B1F23
overlay-scrim-background#1B1F23
tooltip-background#1B1F23
border-color#1B1F23
table-header-color#F1F2F2
track-bg#E8E9E9
shadow-key-umbra-color#1B1F23
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#62C7B0 · texto #15181B
darken-1#44BCA1
secondary#BDB8AF · texto #15181B
darken-1#ABA499
success#61CB8D · texto #15181B
darken-1#42C177
info#8EBCF3 · texto #15181B
darken-1#69A6EF
warning#E2AB55 · texto #15181B
darken-1#DC9A32
error#F69D98 · texto #15181B
darken-1#F37972
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#15181B
surface#1F2428
on-surface#FAF7F1
code-color#FAF7F1
overlay-scrim-background#000000
tooltip-background#FAF7F1
border-color#FAF7F1
table-header-color#35393C
track-bg#424648
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação