Додавање тамне теме
Категорије:
- ажурирања сајта
Најновија ставка коју сам додао мом сајту док радим на подршци за пријављивање преко друштвених мрежа је подршка за тамну тему прилагођену смерницама материјалног дизајна. То се у Vuetify-у изводи релативно једноставно; најтеже је одабрати саме боје тамне палете.
Када се дефинишу боје, потребно је проследити тему Vuetify-у. Ја сам се
одлучио да тему поставим у два засебна фајла, који се затим учитавају преко
директиве import.
| export default { | |
| primary: { | |
| base: '#426344', | |
| lighten1: '#6e916f', | |
| darken1: '#19391d', | |
| darken2: '#003300', | |
| }, | |
| secondary: { | |
| base: '#7f9a7f', | |
| lighten1: '#afcbae', | |
| darken1: '#526c53', | |
| }, | |
| accent: '#d3dc7b', | |
| error: '#d45858', | |
| info: '#4592cf', | |
| success: '#69b069', | |
| warning: '#c78634' | |
| }; | |
| import light from './theme/dunedain-light'; | |
| import dark from './theme/dunedain-dark'; | |
| // ... | |
| export default { | |
| // ... | |
| vuetify: { | |
| // ... | |
| theme: { | |
| // ... | |
| themes: { | |
| light, dark | |
| } | |
| } | |
| }, | |
| }; | |