๋ฐฐ๊ฒฝ์ด ์๋ ํ
๋ง๋ฅผ 'ํ์'์ผ๋ก ๋ฑ๋กํด๋ ํจ๊ณผ๊ฐ ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
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
์ด ์ํฅ์ ๋ฏธ์น์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค.