Opção D · Ciclo — 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-D.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#111111 · texto #FFFFFF
darken-1#000000
secondary#656565 · texto #FFFFFF
darken-1#535353
success#127135 · texto #FFFFFF
darken-1#0D5227
info#1D4ED8 · texto #FFFFFF
darken-1#1943B9
warning#8F5607 · texto #FFFFFF
darken-1#6D4205
error#BE1C17 · texto #FFFFFF
darken-1#9E1713
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F7F7F7
surface#FFFFFF
on-surface#111111
code-color#111111
overlay-scrim-background#111111
tooltip-background#111111
border-color#111111
table-header-color#F1F1F1
track-bg#E7E7E7
shadow-key-umbra-color#111111
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#FFFFFF · texto #111111
darken-1#EBEBEB
secondary#ACACAC · texto #111111
darken-1#989898
success#4ADE80 · texto #111111
darken-1#27D868
info#72AEFA · texto #111111
darken-1#4B97F9
warning#FACC15 · texto #111111
darken-1#E1B505
error#FF8983 · texto #111111
darken-1#FF625A
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#111111
surface#1C1C1C
on-surface#FFFFFF
code-color#FFFFFF
overlay-scrim-background#000000
tooltip-background#FFFFFF
border-color#FFFFFF
table-header-color#333333
track-bg#404040
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação