рдкреГрд╖реНрдарднреВрдорд┐ рд╡рд╛рд▓реА рдереАрдо рдХреЛ 'рдЧреНрд░реЗ' рдХреЗ рд░реВрдк рдореЗрдВ рдкрдВрдЬреАрдХреГрдд рдХрд░рдиреЗ рд╕реЗ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рд╣реИред
CSS рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП, рдмреЙрдбреА рдЕрднреА рднреА #fff рдХреЗ рд░реВрдк рдореЗрдВ рд╕реЗрдЯ рд╣реИред
рдЕрдиреНрдп рд░рдВрдЧреЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдЙрдирдХрд╛ рд╡рд╛рдВрдЫрд┐рдд рдкреНрд░рднрд╛рд╡ рд╣реИ, рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рд░рдВрдЧ рдЧреНрд░реЗ рд╕реЗ рдЬреБрдбрд╝рд╛ рдХреЛрдИ рдореБрджреНрджрд╛ рд╣реИ?
рдирдорд╕реНрддреЗ @bjarnik
рдирд╣реАрдВ, рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЧреНрд░реЗ рд╣реИ, рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдХреЗ рд░реВрдк рдореЗрдВ A100 рдХреЗ рд╕рд╛рдеред рдореИрдВ рдЗрд╕реЗ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдлреЗрдж рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдмрджрд▓ рджреВрдВрдЧрд╛ред
рдзрдиреНрдпрд╡рд╛рдж!
рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдХреЗ рд░реВрдк рдореЗрдВ A100 рдХреЗ рд╕рд╛рде
рдХреНрдпрд╛ рдореИрдВ рдЕрдкрдиреА рдЗрдЪреНрдЫрд╛рдиреБрд╕рд╛рд░ рд░рдВрдЧ рд╕реЗрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ? рдореИрдВрдиреЗ рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдЬреИрд╕реЗ
Vue.material.registerTheme({
default: {
background: {
color: 'grey',
hue: 300
}
}
});
рд▓реЗрдХрд┐рди рдореИрдВ рдкреГрд╖реНрдарднреВрдорд┐ рдХреЛ #E0E0E0(gery with hue=300)
рдкрд░ рд╕реЗрдЯ рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рд░рд╣рд╛ред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд░рдВрдЧ 'A100'
рд▓рд┐рдП рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдЬреЛ рдореИрдВрдиреЗ background.hue
рд╕реЗрдЯ рдХрд┐рдпрд╛ рд╣реИ рд╡рд╣ рдЗрд╕реЗ рдкреНрд░рднрд╛рд╡рд┐рдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ
рдирдорд╕реНрддреЗ, рдореИрдВ рдПрдХ "рдЕрдВрдзреЗрд░реЗ" рд╡рд┐рд╖рдп рдХреЛ рд╕реЗрдЯрдЕрдк рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддреЗ рд╕рдордп рдПрдХ рд╣реА рдореБрджреНрджреЗ рдкрд░ рдЖрдпрд╛ рдерд╛ред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рднреА рдкреГрд╖реНрдарднреВрдорд┐ рдЪрдпрдирд┐рдд рд░рдВрдЧ рдХреЗ рдмрд╣реБрдд рд╣рд▓реНрдХреЗ рд░рдВрдЧ рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрддреЗ рд╣реИрдВ рдФрд░ 'рд╣реНрдпреВ' рд╕реЗрдЯ рдХрд░рдиреЗ рд╕реЗ рдХреБрдЫ рднреА рдирд╣реАрдВ рдмрджрд▓рддрд╛ рд╣реИред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдХреНрдпрд╛ рдореИрдВ рдЕрдкрдиреА рдЗрдЪреНрдЫрд╛рдиреБрд╕рд╛рд░ рд░рдВрдЧ рд╕реЗрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ? рдореИрдВрдиреЗ рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдЬреИрд╕реЗ
рд▓реЗрдХрд┐рди рдореИрдВ рдкреГрд╖реНрдарднреВрдорд┐ рдХреЛ
#E0E0E0(gery with hue=300)
рдкрд░ рд╕реЗрдЯ рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рд░рд╣рд╛ред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд░рдВрдЧ'A100'
рд▓рд┐рдП рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдЬреЛ рдореИрдВрдиреЗbackground.hue
рд╕реЗрдЯ рдХрд┐рдпрд╛ рд╣реИ рд╡рд╣ рдЗрд╕реЗ рдкреНрд░рднрд╛рд╡рд┐рдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ