Opção S · Sereno — 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-S.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#1762BF · texto #FFFFFF
darken-1#13529F
secondary#5E5C64 · texto #FFFFFF
darken-1#4D4B51
success#1C704B · texto #FFFFFF
darken-1#155338
info#196D7C · texto #FFFFFF
darken-1#13535E
warning#865C00 · texto #FFFFFF
darken-1#624300
error#C1151E · texto #FFFFFF
darken-1#A11119
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FAFAFB
surface#FFFFFF
on-surface#1E1E22
code-color#1E1E22
overlay-scrim-background#1E1E22
tooltip-background#1E1E22
border-color#1E1E22
table-header-color#F2F2F2
track-bg#E8E8E9
shadow-key-umbra-color#1E1E22
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#ADCCF7 · texto #222226
darken-1#88B5F3
secondary#CBCAD3 · texto #222226
darken-1#B5B4C0
success#8FF0A4 · texto #222226
darken-1#6BEB87
info#ADCDF5 · texto #222226
darken-1#89B7F1
warning#F8E45C · texto #222226
darken-1#F6DE35
error#FFB7AB · texto #222226
darken-1#FF9482
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#222226
surface#2E2E32
on-surface#FFFFFF
code-color#FFFFFF
overlay-scrim-background#000000
tooltip-background#FFFFFF
border-color#FFFFFF
table-header-color#434346
track-bg#4F4F53
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação