Opção N · Pop — 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-N.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#A21CAF · texto #FFFFFF
darken-1#861790
secondary#5E5070 · texto #FFFFFF
darken-1#4D415B
success#127135 · texto #FFFFFF
darken-1#0D5227
info#0C6B84 · texto #FFFFFF
darken-1#095063
warning#8F5607 · texto #FFFFFF
darken-1#6D4205
error#BE123C · texto #FFFFFF
darken-1#9D0F32
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FFF8FB
surface#FFFFFF
on-surface#1F1030
code-color#1F1030
overlay-scrim-background#1F1030
tooltip-background#1F1030
border-color#1F1030
table-header-color#F2F1F3
track-bg#E9E7EA
shadow-key-umbra-color#1F1030
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#F0ABFC · texto #150B1F
darken-1#E984FB
secondary#BBA9C9 · texto #150B1F
darken-1#A790B9
success#4ADE80 · texto #150B1F
darken-1#27D868
info#5EEAD4 · texto #150B1F
darken-1#3AE5CA
warning#FDE047 · texto #150B1F
darken-1#FDD91F
error#FB8394 · texto #150B1F
darken-1#FA5B72
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#150B1F
surface#22132F
on-surface#FFF8FB
code-color#FFF8FB
overlay-scrim-background#000000
tooltip-background#FFF8FB
border-color#FFF8FB
table-header-color#382A43
track-bg#453850
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação