Opção J · Vinho — 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-J.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#7A1F3D · texto #FFFFFF
darken-1#5E182F
secondary#6E5A61 · texto #FFFFFF
darken-1#5A4A50
success#127135 · texto #FFFFFF
darken-1#0D5227
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#FAF5F0
surface#FFFFFF
on-surface#2B1A20
code-color#2B1A20
overlay-scrim-background#2B1A20
tooltip-background#2B1A20
border-color#2B1A20
table-header-color#F2F1F2
track-bg#EAE8E9
shadow-key-umbra-color#2B1A20
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#E690AA · texto #1A0F13
darken-1#DE6F91
secondary#BBA6AD · texto #1A0F13
darken-1#A98F98
success#4ADE80 · texto #1A0F13
darken-1#27D868
info#93C5FD · texto #1A0F13
darken-1#6BAFFC
warning#FACC15 · texto #1A0F13
darken-1#E1B505
error#F88989 · texto #1A0F13
darken-1#F66262
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#1A0F13
surface#26171D
on-surface#FAF5F0
code-color#FAF5F0
overlay-scrim-background#000000
tooltip-background#FAF5F0
border-color#FAF5F0
table-header-color#3B2D32
track-bg#483B3F
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação