Opção L · Ouro — 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-L.js
Clarothemes.light
Cores de papel · com texto (on-*) e darken-1
primary#7A5C0E · texto #FFFFFF
darken-1#5A440A
secondary#625B50 · texto #FFFFFF
darken-1#4E4940
success#127135 · texto #FFFFFF
darken-1#0D5227
info#1D4ED8 · texto #FFFFFF
darken-1#1943B9
warning#A24A09 · texto #FFFFFF
darken-1#803B07
error#B42318 · texto #FFFFFF
darken-1#941D14
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#FBF8F1
surface#FFFFFF
on-surface#141210
code-color#141210
overlay-scrim-background#141210
tooltip-background#141210
border-color#141210
table-header-color#F1F1F1
track-bg#E8E7E7
shadow-key-umbra-color#141210
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação
Escurothemes.dark
Cores de papel · com texto (on-*) e darken-1
primary#D4A537 · texto #0D0C0A
darken-1#BA8E28
secondary#AFA697 · texto #0D0C0A
darken-1#9D9280
success#4ADE80 · texto #0D0C0A
darken-1#27D868
info#66A8FA · texto #0D0C0A
darken-1#3E92F9
warning#FB923C · texto #0D0C0A
darken-1#FA7C14
error#F88383 · texto #0D0C0A
darken-1#F65C5C
Cinzas 50–900
50100200300400500600700800900
Superfícies e variáveis
background#0D0C0A
surface#1A1814
on-surface#F5F0E6
code-color#F5F0E6
overlay-scrim-background#000000
tooltip-background#F5F0E6
border-color#F5F0E6
table-header-color#302E29
track-bg#3D3B36
shadow-key-umbra-color#000000
Amostra de componentes
primarysecondarysuccessinfowarningerror
activependingblockedinfoarchived
ProjetoEtapaProgresso
[Projeto]Homologação