Opção C · Trama — 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-C.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#6B3FA0 · texto #FFFFFF
darken-1#5A3586
secondary#5B4F73 · texto #FFFFFF
darken-1#4A405E
success#0D704D · texto #FFFFFF
darken-1#095037
info#1658E6 · texto #FFFFFF
darken-1#134CC5
warning#A24A09 · texto #FFFFFF
darken-1#803B07
error#AF3B29 · texto #FFFFFF
darken-1#923122
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FAF8FF
surface#FFFFFF
on-surface#24123F
code-color#24123F
overlay-scrim-background#24123F
tooltip-background#24123F
border-color#24123F
table-header-color#F2F1F3
track-bg#E9E7EC
shadow-key-umbra-color#24123F
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#C9B8FF · texto #170B2B
darken-1#AA8FFF
secondary#BCB2D3 · texto #170B2B
darken-1#A598C4
success#6EE7B7 · texto #170B2B
darken-1#4BE1A6
info#93C5FD · texto #170B2B
darken-1#6BAFFC
warning#FCD34D · texto #170B2B
darken-1#FBC925
error#FF998A · texto #170B2B
darken-1#FF7561
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#170B2B
surface#2A1A47
on-surface#FAF8FF
code-color#FAF8FF
overlay-scrim-background#000000
tooltip-background#FAF8FF
border-color#FAF8FF
table-header-color#3F3059
track-bg#4B3E64
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação