Opção M · Menta — 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-M.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#047253 · texto #FFFFFF
darken-1#03503A
secondary#4D6159 · texto #FFFFFF
darken-1#3D4D47
success#127135 · texto #FFFFFF
darken-1#0D5227
info#0369A1 · texto #FFFFFF
darken-1#02527E
warning#8F5607 · texto #FFFFFF
darken-1#6D4205
error#BE123C · texto #FFFFFF
darken-1#9D0F32
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F4FBF8
surface#FFFFFF
on-surface#10231C
code-color#10231C
overlay-scrim-background#10231C
tooltip-background#10231C
border-color#10231C
table-header-color#F1F2F1
track-bg#E7E9E8
shadow-key-umbra-color#10231C
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#34D399 · texto #0B1A15
darken-1#28B782
secondary#A1BBB0 · texto #0B1A15
darken-1#89AA9C
success#86EFAC · texto #0B1A15
darken-1#62EA93
info#7DD3FC · texto #0B1A15
darken-1#55C6FB
warning#FACC15 · texto #0B1A15
darken-1#E1B505
error#FB95A3 · texto #0B1A15
darken-1#FA6E81
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#0B1A15
surface#13261F
on-surface#F4FBF8
code-color#F4FBF8
overlay-scrim-background#000000
tooltip-background#F4FBF8
border-color#F4FBF8
table-header-color#2A3B35
track-bg#374842
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação