Opção I · Vértice — 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-I.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#2348FF · texto #FFFFFF
darken-1#002BFE
secondary#565A6E · texto #FFFFFF
darken-1#464A5A
success#127135 · texto #FFFFFF
darken-1#0D5227
info#0C6B84 · texto #FFFFFF
darken-1#095063
warning#8F5607 · texto #FFFFFF
darken-1#6D4205
error#B42318 · texto #FFFFFF
darken-1#941D14
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FBF9F4
surface#FFFFFF
on-surface#0F1222
code-color#0F1222
overlay-scrim-background#0F1222
tooltip-background#0F1222
border-color#0F1222
table-header-color#F1F1F2
track-bg#E7E7E9
shadow-key-umbra-color#0F1222
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#94A7FF · texto #0B0D1A
darken-1#6B85FF
secondary#A3A8C3 · texto #0B0D1A
darken-1#8A91B3
success#4ADE80 · texto #0B0D1A
darken-1#27D868
info#67E8F9 · texto #0B0D1A
darken-1#40E2F7
warning#FACC15 · texto #0B0D1A
darken-1#E1B505
error#F88383 · texto #0B0D1A
darken-1#F65C5C
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#0B0D1A
surface#151933
on-surface#FBF9F4
code-color#FBF9F4
overlay-scrim-background#000000
tooltip-background#FBF9F4
border-color#FBF9F4
table-header-color#2C2F46
track-bg#3A3D52
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação