Opção R · Brisa — 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-R.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#186799 · texto #FFFFFF
darken-1#13527A
secondary#5A6062 · texto #FFFFFF
darken-1#494E4F
success#1B6F47 · texto #FFFFFF
darken-1#145235
info#226996 · texto #FFFFFF
darken-1#1B5579
warning#8F5307 · texto #FFFFFF
darken-1#6D3F05
error#B13528 · texto #FFFFFF
darken-1#942C21
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#EFF0F1
surface#FCFCFC
on-surface#232629
code-color#232629
overlay-scrim-background#232629
tooltip-background#232629
border-color#232629
table-header-color#EFEFEF
track-bg#E6E7E7
shadow-key-umbra-color#232629
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#78C3F3 · texto #1B1E20
darken-1#53B2F0
secondary#B3BBC3 · texto #1B1E20
darken-1#9CA7B1
success#1CDC9A · texto #1B1E20
darken-1#17B881
info#77C3F3 · texto #1B1E20
darken-1#52B2F0
warning#FFA457 · texto #1B1E20
darken-1#FF8E2E
error#EEA8B3 · texto #1B1E20
darken-1#E78695
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#1B1E20
surface#232629
on-surface#FCFCFC
code-color#FCFCFC
overlay-scrim-background#000000
tooltip-background#FCFCFC
border-color#FCFCFC
table-header-color#393B3E
track-bg#46484B
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação