Opção E · Rota — 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-E.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#2E2A8C · texto #FFFFFF
darken-1#252271
secondary#5A5F73 · texto #FFFFFF
darken-1#4A4E5F
success#127135 · texto #FFFFFF
darken-1#0D5227
info#0C6B84 · texto #FFFFFF
darken-1#095063
warning#846000 · texto #FFFFFF
darken-1#604600
error#B42318 · texto #FFFFFF
darken-1#941D14
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F6F6FB
surface#FFFFFF
on-surface#1F2330
code-color#1F2330
overlay-scrim-background#1F2330
tooltip-background#1F2330
border-color#1F2330
table-header-color#F2F2F3
track-bg#E9E9EA
shadow-key-umbra-color#1F2330
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#B7B5E7 · texto #12142A
darken-1#9996DD
secondary#B5B7CC · texto #12142A
darken-1#9D9FBB
success#4ADE80 · texto #12142A
darken-1#27D868
info#67E8F9 · texto #12142A
darken-1#40E2F7
warning#F2B705 · texto #12142A
darken-1#CA9904
error#F89B9B · texto #12142A
darken-1#F57575
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#12142A
surface#1E2140
on-surface#F6F6FB
code-color#F6F6FB
overlay-scrim-background#000000
tooltip-background#F6F6FB
border-color#F6F6FB
table-header-color#343653
track-bg#41435E
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação