Opção B · Sinal — 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-B.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#B03B0C · texto #FFFFFF
darken-1#8F300A
secondary#5A6170 · texto #FFFFFF
darken-1#4A505C
success#127135 · texto #FFFFFF
darken-1#0D5227
info#0C6B84 · texto #FFFFFF
darken-1#095063
warning#8F5607 · texto #FFFFFF
darken-1#6D4205
error#B91C1C · texto #FFFFFF
darken-1#9A1717
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F7F7F5
surface#FFFFFF
on-surface#0E1116
code-color#0E1116
overlay-scrim-background#0E1116
tooltip-background#0E1116
border-color#0E1116
table-header-color#F1F1F1
track-bg#E7E7E8
shadow-key-umbra-color#0E1116
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#FF7F4A · texto #0E1116
darken-1#FF6221
secondary#A4A8BB · texto #0E1116
darken-1#8D92AA
success#4ADE80 · texto #0E1116
darken-1#27D868
info#9FE7F5 · texto #0E1116
darken-1#7ADEF1
warning#FACC15 · texto #0E1116
darken-1#E1B505
error#F88383 · texto #0E1116
darken-1#F65C5C
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#0E1116
surface#161A21
on-surface#F7F7F5
code-color#F7F7F5
overlay-scrim-background#000000
tooltip-background#F7F7F5
border-color#F7F7F5
table-header-color#2C3036
track-bg#3A3D43
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação