Opção Q · Alumínio — 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-Q.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#0060C0 · texto #FFFFFF
darken-1#004E9C
secondary#5E5E63 · texto #FFFFFF
darken-1#4D4D51
success#1F7133 · texto #FFFFFF
darken-1#175526
info#4F4DE3 · texto #FFFFFF
darken-1#302EDE
warning#A64A00 · texto #FFFFFF
darken-1#823A00
error#BF0011 · texto #FFFFFF
darken-1#9B000E
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F5F5F7
surface#FFFFFF
on-surface#1D1D1F
code-color#1D1D1F
overlay-scrim-background#1D1D1F
tooltip-background#1D1D1F
border-color#1D1D1F
table-header-color#F1F1F2
track-bg#E8E8E9
shadow-key-umbra-color#1D1D1F
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#9AC9FF · texto #1E1E1E
darken-1#71B3FF
secondary#C6C6CA · texto #1E1E1E
darken-1#B1B1B6
success#62DB80 · texto #1E1E1E
darken-1#41D365
info#72D0FA · texto #1E1E1E
darken-1#4BC3F9
warning#FFB64C · texto #1E1E1E
darken-1#FFA523
error#FFB1A9 · texto #1E1E1E
darken-1#FF8C80
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#1E1E1E
surface#2C2C2E
on-surface#F5F5F7
code-color#F5F5F7
overlay-scrim-background#000000
tooltip-background#F5F5F7
border-color#F5F5F7
table-header-color#404042
track-bg#4C4C4E
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação