Opção G · Módulo — 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-G.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#3F6212 · texto #FFFFFF
darken-1#2C440C
secondary#555B52 · texto #FFFFFF
darken-1#434841
success#1C7130 · texto #FFFFFF
darken-1#155424
info#1D4ED8 · texto #FFFFFF
darken-1#1943B9
warning#8F5607 · texto #FFFFFF
darken-1#6D4205
error#B42318 · texto #FFFFFF
darken-1#941D14
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#F4F4EF
surface#FFFFFF
on-surface#111411
code-color#111411
overlay-scrim-background#111411
tooltip-background#111411
border-color#111411
table-header-color#F1F1F1
track-bg#E7E8E7
shadow-key-umbra-color#111411
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#C6F432 · texto #0B0D0C
darken-1#BAF00D
secondary#A1A89D · texto #0B0D0C
darken-1#8C9587
success#4ADE80 · texto #0B0D0C
darken-1#27D868
info#66A8FA · texto #0B0D0C
darken-1#3E92F9
warning#FACC15 · texto #0B0D0C
darken-1#E1B505
error#F88383 · texto #0B0D0C
darken-1#F65C5C
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#0B0D0C
surface#161A17
on-surface#F4F4EF
code-color#F4F4EF
overlay-scrim-background#000000
tooltip-background#F4F4EF
border-color#F4F4EF
table-header-color#2C302D
track-bg#3A3D3A
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação