๋‹ค์Œ์€ 2026๋…„ ์›”๋“œ์ปต์— ์ฐธ๊ฐ€ํ•˜๋Š” 1,248๋ช…์˜ ๋ชจ๋“  ์„ ์ˆ˜์— ๋Œ€ํ•œ ๊ฐ€์ด๋“œ์ž…๋‹ˆ๋‹ค.

๋‹ค์Œ์€ 2026๋…„ ์›”๋“œ์ปต์— ์ฐธ๊ฐ€ํ•˜๋Š” 1,248๋ช…์˜ ๋ชจ๋“  ์„ ์ˆ˜์— ๋Œ€ํ•œ ๊ฐ€์ด๋“œ์ž…๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์›๋ณธ ํ…์ŠคํŠธ๋ฅผ ํ•œ๊ตญ์–ด๋กœ ๋ฒˆ์—ญํ•œ ๊ฒฐ๊ณผ์ž…๋‹ˆ๋‹ค. ์ถ”๊ฐ€, ๋ณ€๊ฒฝ ๋˜๋Š” ๋Œ€์ฒด ๋ฒˆ์—ญ ์—†์ด ์›๋ฌธ ๊ทธ๋Œ€๋กœ ๋ฒˆ์—ญ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

```css
@import "../../../../node_modules/interactive-style-library/dist/visuals/charts.css";
@import "../../../../node_modules/interactive-style-library/dist/visuals/colors.css";
@import "../../../../node_modules/interactive-style-library/dist/source/palette.css";
@import "../../../../node_modules/interactive-style-library/dist/source/typography-classes.css";

div#maincontent:focus {
box-shadow: none !important;
}

p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}

@media (min-width: 980px) {
.content--interactive-grid {
grid-template-columns: 620px 300px;
grid-template-areas:
"title right-column"
"headline right-column"
"standfirst right-column"
"media right-column"
"lines right-column"
"meta right-column"
"body right-column"
". right-column";
}
}

@media (min-width: 1140px) {
.content--interactive-grid {
grid-template-rows: auto auto auto min-content 1fr auto;
grid-template-columns: 140px 1px 620px 300px;
grid-template-areas:
"title border headline right-column"
". border standfirst right-column"
". border media right-column"
"lines border body right-column"
"meta border body right-column"
". border . right-column";
}
}

@media (min-width: 1300px) {
.content--interactive-grid {
grid-template-columns: 219px 1px 620px 80px 300px;
grid-template-areas:
"title border headline . right-column"
". border standfirst . right-column"
". border media . right-column"
"lines border body . right-column"
"meta border body . right-column"
". border . . right-column";
}
}

.austria-selected .gv-player-details,
.austria-selected .gv-player-details-inner,
.austria-selected #gv-player-details-pointer-inner,
.austria-selected .gv-details-pointer-hand,
.austria-selected .gv-player-details-block {
border-color: #cd3733 !important;
}

.austria-selected .gv-player-details:before,
.austria-selected .gv-player-details:after,
.austria-selected .gv-player-details-inner:before,
.austria-selected .gv-player-details-inner:after,
.austria-selected #gv-player-details-pointer-inner:before,
.austria-selected #gv-player-details-pointer-inner:after,
.austria-selected .gv-details-pointer-hand:before,
.austria-selected .gv-details-pointer-hand:after,
.austria-selected .gv-player-details-block:before,
.austria-selected .gv-player-details-block:after {
border-color: #cd3733 !important;
}

.gv-player-cell.gv-austria.gv-cell-selected .gv-player-image-wrapper:after {
border-color: #cd3733 !important;
}

.gv-player-details-austria:before {
border-color: #cd3733 !important;
}

.gv-pointer-austria #gv-player-details-pointer-inner,
.gv-pointer-austria #gv-player-details-pointer-inner .gv-details-pointer-hand {
border-color: #cd3733 !important;
}

#gv-team-block_austria .gv-special-player.gv-team-base-color,
#gv-team-block_austria h4.gv-team-base-color,
#gv-team-details-block_austria .gv-special-player.gv-team-base-color,
#gv-team-details-block_austria h4.gv-team-base-color,
#gv-player-details-austria .gv-special-player.gv-team-base-color,
#gv-player-details-austria h4.gv-team-base-color,
.gv-wc2018-widget-wrapper_austria .gv-special-player.gv-team-base-color,
.gv-wc2018-widget-wrapper_austria h4.gv-team-base-color,
#gv-cell-block_austria .gv-special-player.gv-team-base-color,
#gv-cell-block_austria h4.gv-team-base-color,
.gv-austria .gv-special-player.gv-team-base-color,
.gv-austria h4.gv-team-base-color {
color: #cd3733 !important;
}

#gv-team-block_austria .gv-team-base-background,
#gv-team-details-block_austria .gv-team-base-background,
#gv-player-details-austria .gv-team-base-background,
.gv-wc2018-widget-wrapper_austria .gv-team-base-background,
#gv-cell-block_austria .gv-team-base-background,
.gv-austria .gv-team-base-background {
background-color: #cd3733;
}

#gv-team-block_austria .gv-team-base-background-dark,
#gv-team-details-block_austria .gv-team-base-background-dark,
#gv-player-details-austria .gv-team-base-background-dark,
.gv-wc2018-widget-wrapper_austria .gv-team-base-background-dark,
#gv-cell-block_austria .gv-team-base-background-dark,
.gv-austria .gv-team-base-background-dark {
background-color: #cd3733;
}
```

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค:

์˜ค์ŠคํŠธ๋ฆฌ์•„์˜ ๋‹คํฌ ํ…Œ๋งˆ์˜ ๊ฒฝ์šฐ ๋ฐฐ๊ฒฝ์ƒ‰์€ #671b19๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ์˜ค์ŠคํŠธ๋ฆฌ์•„์˜ ํŒ€ ๋ธ”๋ก, ์„ธ๋ถ€ ์ •๋ณด, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ์œ„์ ฏ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #121212์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์š”์†Œ์— ์‚ฌ์šฉ๋˜๋Š” ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ #cd3733์ด๋ฉฐ, ๋” ์–ด๋‘์šด ๋ณ€ํ˜•์€ #b9312d ๋ฐ #a52c28์ž…๋‹ˆ๋‹ค. ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ ํ…Œ๋‘๋ฆฌ๋„ #cd3733์ž…๋‹ˆ๋‹ค.

๋ฒจ๊ธฐ์—์˜ ๊ฒฝ์šฐ ์„ ์ˆ˜๊ฐ€ ์„ ํƒ๋˜๋ฉด ํ•ด๋‹น ์„ ์ˆ˜์˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ํฌ์ธํ„ฐ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ๊ฐ€ #c02026์œผ๋กœ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค. ์ด ์ƒ‰์ƒ์€ ๋ฒจ๊ธฐ์— ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋  ๋•Œ ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ๋ž˜ํผ ํ…Œ๋‘๋ฆฌ์—๋„ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋ฒจ๊ธฐ์—์˜ ํŠน๋ณ„ ์„ ์ˆ˜ ํ…์ŠคํŠธ์™€ ์ œ๋ชฉ์€ #c02026์œผ๋กœ ์ƒ‰์ƒ์ด ์ง€์ •๋ฉ๋‹ˆ๋‹ค. ๋ฒจ๊ธฐ์— ํŒ€ ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์ƒ‰๋„ #c02026์ž…๋‹ˆ๋‹ค. ๋ฐฐ๊ฒฝ์ƒ‰์€ #c02026์œผ๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ๋ฒจ๊ธฐ์— ํŒ€ ๋ธ”๋ก, ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, WC2018 ์œ„์ ฏ, ์…€ ๋ธ”๋ก ๋ฐ "gv-belgium" ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ๋ชจ๋“  ์š”์†Œ์˜ ๊ฒฝ์šฐ ์–ด๋‘์šด ๋ฐฐ๊ฒฝ์ƒ‰์€ #530e10์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #121212์ž…๋‹ˆ๋‹ค. ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ #c02026์ด๋ฉฐ, ๋” ์–ด๋‘์šด ์Œ์˜์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค: darker-1์€ #c02026, darker-2๋Š” #aa1c22, darker-3์€ #94191d์ž…๋‹ˆ๋‹ค. ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ๋Š” #c02026์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋ด๋งˆํฌ๊ฐ€ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ ๋‚ด๋ถ€, ํฌ์ธํ„ฐ ํ•ธ๋“œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก ๋ชจ๋‘ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด #eb302b์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ตฌ์„ฑ ์š”์†Œ์˜ before ๋ฐ after ์˜์‚ฌ ์š”์†Œ์—๋„ ๋™์ผํ•˜๊ฒŒ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ์„ ํƒ๋œ ๋ด๋งˆํฌ ์„ ์ˆ˜ ์…€์˜ ๊ฒฝ์šฐ ์ด๋ฏธ์ง€ ๋ž˜ํผ์˜ after ์˜์‚ฌ ์š”์†Œ๋„ #eb302b์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ด๋งˆํฌ์˜ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด์—๋Š” #eb302b์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ๊ฐ€์ง„ before ์˜์‚ฌ ์š”์†Œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ด๋งˆํฌ์˜ ํฌ์ธํ„ฐ๋Š” ๋‚ด๋ถ€ ๋ฐ ํ•ธ๋“œ ์š”์†Œ๋ฅผ ํฌํ•จํ•˜์—ฌ #eb302b์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋ด๋งˆํฌ ํŒ€ ๋ธ”๋ก, ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, WC2018 ์œ„์ ฏ, ์…€ ๋ธ”๋ก ๋ฐ "gv-denmark" ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ๋ชจ๋“  ์š”์†Œ์˜ ๊ฒฝ์šฐ ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ h4 ์š”์†Œ๋Š” ํŒ€ ๊ธฐ๋ณธ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค:

```css
.se-color { color: #eb302b !important; }

/ ๋ด๋งˆํฌ ํŒ€ ์Šคํƒ€์ผ /
#gv-team-block_denmark .gv-team-base-background,
#gv-team-details-block_denmark .gv-team-base-background,
#gv-player-details-denmark .gv-team-base-background,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-background,
#gv-cell-block_denmark .gv-team-base-background,
.gv-denmark .gv-team-base-background {
background-color: #eb302b;
}

#gv-team-block_denmark .gv-team-base-background-dark,
#gv-team-details-block_denmark .gv-team-base-background-dark,
#gv-player-details-denmark .gv-team-base-background-dark,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-background-dark,
#gv-cell-block_denmark .gv-team-base-background-dark,
.gv-denmark .gv-team-base-background-dark {
background-color: #8a100d;
}

#gv-team-block_denmark .gv-team-base-border,
#gv-team-details-block_denmark .gv-team-base-border,
#gv-player-details-denmark .gv-team-base-border,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-border,
#gv-cell-block_denmark .gv-team-base-border,
.gv-denmark .gv-team-base-border {
border-color: #121212;
}

#gv-team-block_denmark .gv-team-base-fill,
#gv-team-details-block_denmark .gv-team-base-fill,
#gv-player-details-denmark .gv-team-base-fill,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-fill,
#gv-cell-block_denmark .gv-team-base-fill,
.gv-denmark .gv-team-base-fill,
#gv-team-block_denmark .gv-team-base-fill-darker-1,
#gv-team-details-block_denmark .gv-team-base-fill-darker-1,
#gv-player-details-denmark .gv-team-base-fill-darker-1,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-fill-darker-1,
#gv-cell-block_denmark .gv-team-base-fill-darker-1,
.gv-denmark .gv-team-base-fill-darker-1 {
fill: #eb302b;
}

#gv-team-block_denmark .gv-team-base-fill-darker-2,
#gv-team-details-block_denmark .gv-team-base-fill-darker-2,
#gv-player-details-denmark .gv-team-base-fill-darker-2,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-fill-darker-2,
#gv-cell-block_denmark .gv-team-base-fill-darker-2,
.gv-denmark .gv-team-base-fill-darker-2 {
fill: #e71b16;
}

#gv-team-block_denmark .gv-team-base-fill-darker-3,
#gv-team-details-block_denmark .gv-team-base-fill-darker-3,
#gv-player-details-denmark .gv-team-base-fill-darker-3,
.gv-wc2018-widget-wrapper_denmark .gv-team-base-fill-darker-3,
#gv-cell-block_denmark .gv-team-base-fill-darker-3,
.gv-denmark .gv-team-base-fill-darker-3 {
fill: #cf1814;
}

#gv-team-block_denmark .gv-special-player-highlight:before,
#gv-team-details-block_denmark .gv-special-player-highlight:before,
#gv-player-details-denmark .gv-special-player-highlight:before,
.gv-wc2018-widget-wrapper_denmark .gv-special-player-highlight:before,
#gv-cell-block_denmark .gv-special-player-highlight:before,
.gv-denmark .gv-special-player-highlight:before {
border-color: #eb302b;
}

/ ์ž‰๊ธ€๋žœ๋“œ ํŒ€ ์Šคํƒ€์ผ /
.england-selected .gv-player-details,
.england-selected .gv-player-details-inner,
.england-selected #gv-player-details-pointer-inner,
.england-selected .gv-details-pointer-hand,
.england-selected .gv-player-details-block {
border-color: #c73631 !important;
}

.england-selected .gv-player-details:before,
.england-selected .gv-player-details:after,
.england-selected .gv-player-details-inner:before,
.england-selected .gv-player-details-inner:after,
.england-selected #gv-player-details-pointer-inner:before,
.england-selected #gv-player-details-pointer-inner:after,
.england-selected .gv-details-pointer-hand:before,
.england-selected .gv-details-pointer-hand:after,
.england-selected .gv-player-details-block:before,
.england-selected .gv-player-details-block:after {
border-color: #c73631 !important;
}

.gv-player-cell.gv-england.gv-cell-selected .gv-player-image-wrapper:after {
border-color: #c73631 !important;
}

.gv-player-details-england:before {
border-color: #c73631 !important;
}

.gv-pointer-england #gv-player-details-pointer-inner,
.gv-pointer-england #gv-player-details-pointer-inner .gv-details-pointer-hand {
border-color: #c73631 !important;
}

#gv-team-block_england .gv-special-player.gv-team-base-color,
#gv-team-block_england h4.gv-team-base-color,
#gv-team-details-block_england .gv-special-player.gv-team-base-color,
#gv-team-details-block_england h4.gv-team-base-color,
#gv-player-details-england .gv-special-player.gv-team-base-color,
#gv-player-details-england h4.gv-team-base-color {
/ ์ฐธ๊ณ : ์›๋ณธ ํ…์ŠคํŠธ๊ฐ€ ์—ฌ๊ธฐ์„œ ์ž˜๋ฆฝ๋‹ˆ๋‹ค /
}
```

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค:

์ž‰๊ธ€๋žœ๋“œ์˜ ๊ธฐ๋ณธ ์ƒ‰์ƒ์€ #c73631์ž…๋‹ˆ๋‹ค. ์ด ์ƒ‰์ƒ์€ ํŠน๋ณ„ ์„ ์ˆ˜ ์ด๋ฆ„ ๋ฐ ์ œ๋ชฉ๊ณผ ๊ฐ™์€ ๋‹ค์–‘ํ•œ ์ž‰๊ธ€๋žœ๋“œ ํ…Œ๋งˆ ์š”์†Œ์˜ ํ…์ŠคํŠธ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ž‰๊ธ€๋žœ๋“œ ๊ด€๋ จ ๋ธ”๋ก ๋ฐ ์„ธ๋ถ€ ์ •๋ณด์˜ ๋ฐฐ๊ฒฝ์ƒ‰๋„ #c73631์ž…๋‹ˆ๋‹ค. ๋” ์–ด๋‘์šด ์Œ์˜์ธ #611a18์€ ๋” ์–ด๋‘์šด ๋ฐฐ๊ฒฝ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ž‰๊ธ€๋žœ๋“œ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #121212์ž…๋‹ˆ๋‹ค. ์ž‰๊ธ€๋žœ๋“œ์˜ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ #c73631์ด๋ฉฐ, ์ ์ง„์ ์œผ๋กœ ๋” ์–ด๋‘์šด ์ฑ„์šฐ๊ธฐ๋Š” #b3302c ๋ฐ #9e2b27์ž…๋‹ˆ๋‹ค. ์ž‰๊ธ€๋žœ๋“œ์˜ ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ๋Š” #c73631์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์Šฌ๋กœ๋ฒ ๋‹ˆ์•„์˜ ๊ฒฝ์šฐ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ๊ด€๋ จ ์š”์†Œ๋Š” #1268b3์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋Š” ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ ๋ฐ ํฌ์ธํ„ฐ ํ•ธ๋“œ๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ๋™์ผํ•œ ์ƒ‰์ƒ(#1268b3)์ด ์ด๋Ÿฌํ•œ ์š”์†Œ์˜ :before ๋ฐ :after์™€ ๊ฐ™์€ ์˜์‚ฌ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์Šฌ๋กœ๋ฒ ๋‹ˆ์•„ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด ์ด๋ฏธ์ง€ ๋ž˜ํผ์˜ ํ…Œ๋‘๋ฆฌ๋„ #1268b3์ž…๋‹ˆ๋‹ค. ์Šฌ๋กœ๋ฒ ๋‹ˆ์•„์˜ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด๋„ ํ…Œ๋‘๋ฆฌ์— #1268b3์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋งˆ์ง€๋ง‰์œผ๋กœ ์Šฌ๋กœ๋ฒ ๋‹ˆ์•„ ํฌ์ธํ„ฐ์™€ ๋‚ด๋ถ€ ํฌ์ธํ„ฐ ํ•ธ๋“œ ๋ชจ๋‘ #1268b3์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ๊ฐ–์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค:

์Šฌ๋กœ๋ฒ ๋‹ˆ์•„ ํŒ€ ๋ธ”๋ก, ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, ์œ„์ ฏ, ์…€ ๋ธ”๋ก ๋ฐ ์ผ๋ฐ˜ ์Šฌ๋กœ๋ฒ ๋‹ˆ์•„ ์Šคํƒ€์ผ์˜ ๊ฒฝ์šฐ ํŒ€์˜ ๊ธฐ๋ณธ ์ƒ‰์ƒ์€ #1268b3์œผ๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ ์ œ๋ชฉ์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์ƒ‰๋„ #1268b3์ธ ๋ฐ˜๋ฉด, ๋” ์–ด๋‘์šด ๋ฒ„์ „์€ #06253f๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #121212์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ์š”์†Œ์˜ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ #1268b3์ด๋ฉฐ, ๋” ์–ด๋‘์šด ์Œ์˜์€ #105b9c ๋ฐ #0d4d85์ž…๋‹ˆ๋‹ค.

ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ์˜ ๊ฒฝ์šฐ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #1268b3์ž…๋‹ˆ๋‹ค.

๋…์ผ์ด ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ์„น์…˜, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ, ํฌ์ธํ„ฐ ํ•ธ๋“œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก ๋ชจ๋‘ #f39b1f์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ด๋Ÿฌํ•œ ๊ตฌ์„ฑ ์š”์†Œ์˜ ์˜์‚ฌ ์š”์†Œ(before ๋ฐ after)์—๋„ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค:

`.yer-details-block:after`๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#f39b1f`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-player-cell.gv-germany.gv-cell-selected .gv-player-image-wrapper:after`๋„ ํ…Œ๋‘๋ฆฌ์— `#f39b1f`๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-player-details-germany:before`๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#f39b1f`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-pointer-germany #gv-player-details-pointer-inner` ๋ฐ `.gv-pointer-germany #gv-player-details-pointer-inner .gv-details-pointer-hand`์˜ ๊ฒฝ์šฐ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ `#f39b1f`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

`#gv-team-block_germany`, `#gv-team-details-block_germany`, `#gv-player-details-germany`, `.gv-wc2018-widget-wrapper_germany`, `#gv-cell-block_germany` ๋ฐ `.gv-germany`์—์„œ `.gv-special-player.gv-team-base-color` ๋˜๋Š” `h4.gv-team-base-color` ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ๋ชจ๋“  ์š”์†Œ๋Š” ํ…์ŠคํŠธ ์ƒ‰์ƒ์ด `#f39b1f`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋™์ผํ•œ ์„ ํƒ์ž์˜ ๊ฒฝ์šฐ `.gv-team-base-background` ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ์š”์†Œ๋Š” ๋ฐฐ๊ฒฝ์ƒ‰์ด `#f39b1f`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-team-base-background-dark`๊ฐ€ ์žˆ๋Š” ์š”์†Œ๋Š” ๋ฐฐ๊ฒฝ์ƒ‰์ด `#8b5407`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-team-base-border`๊ฐ€ ์žˆ๋Š” ์š”์†Œ๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#121212`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋™์ผํ•œ ์„ ํƒ์ž์—์„œ `.gv-team-base-fill` ๋ฐ `.gv-team-base-fill-darker-1`์€ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์œผ๋กœ `#f39b1f`๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-team-base-fill-darker-2`๋Š” `#ec8f0d`๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
`.gv-team-base-fill-darker-3`์€ `#d4810b`๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๋‹น ๋ชจ๋“  ์„ ํƒ์ž์—์„œ `.gv-special-player-highlight:before`์˜ ๊ฒฝ์šฐ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ `#f39b1f`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

`.hungary-selected`๊ฐ€ ์ ์šฉ๋˜๋ฉด ๋‹ค์Œ ์š”์†Œ๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#f1493b`์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค:
- `.gv-player-details`
- `.gv-player-details-inner`
- `#gv-player-details-pointer-inner`
- `.gv-details-pointer-hand`
- `.gv-player-details-block`

๋˜ํ•œ `.hungary-selected`๊ฐ€ ์ ์šฉ๋˜๋ฉด `.gv-player-details` ๋ฐ `.gv-player-details-inner`์˜ `:before` ๋ฐ `:after` ์˜์‚ฌ ์š”์†Œ๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์œผ๋กœ `#f1493b`๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค:

ํ—๊ฐ€๋ฆฌ์˜ ์„ ํƒ๋œ ์š”์†Œ์— ๋Œ€ํ•œ ๋ชจ๋“  ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #f1493b(๋นจ๊ฐ„์ƒ‰ ์Œ์˜)๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋Š” ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ์„น์…˜, ํฌ์ธํ„ฐ ์š”์†Œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

ํ—๊ฐ€๋ฆฌ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ์ฃผ๋ณ€์˜ ํ…Œ๋‘๋ฆฌ๋„ ๋นจ๊ฐ„์ƒ‰์œผ๋กœ ๋ณ€ํ•ฉ๋‹ˆ๋‹ค.

ํ—๊ฐ€๋ฆฌ์™€ ๊ด€๋ จ๋œ ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ ์ œ๋ชฉ์˜ ํ…์ŠคํŠธ ์ƒ‰์ƒ์€ ๋นจ๊ฐ„์ƒ‰(#f1493b)์ž…๋‹ˆ๋‹ค. ์ด๋Š” ๋ชจ๋“  ํŒ€ ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ์œ„์ ฏ ์„น์…˜์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

ํ—๊ฐ€๋ฆฌ ํŒ€ ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์ƒ‰์€ ๋นจ๊ฐ„์ƒ‰(#f1493b)์ด๋ฉฐ, ๋” ์–ด๋‘์šด ๋ฐฐ๊ฒฝ์—๋Š” ๋” ์–ด๋‘์šด ๋นจ๊ฐ„์ƒ‰(#a1170c)์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

ํ—๊ฐ€๋ฆฌ ํŒ€ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ ๊ฒ€์€์ƒ‰(#121212)์ž…๋‹ˆ๋‹ค.

ํ—๊ฐ€๋ฆฌ ํŒ€ ์š”์†Œ์˜ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ ๋นจ๊ฐ„์ƒ‰(#f1493b)์ด๋ฉฐ, ๋” ์–ด๋‘์šด ์ฑ„์šฐ๊ธฐ์—๋Š” ์ ์ง„์ ์œผ๋กœ ๋” ์–ด๋‘์šด ์Œ์˜์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค: #ef3323, ๊ทธ ๋‹ค์Œ #e82111.

ํ—๊ฐ€๋ฆฌ์˜ ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ๋Š” ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ(#f1493b)๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์•Œ๋ฐ”๋‹ˆ์•„์˜ ์„ ํƒ๋œ ์š”์†Œ์˜ ๊ฒฝ์šฐ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด ์„น์…˜์ด ๋‹ค๋ฅธ ์Šคํƒ€์ผ์„ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค:

์•Œ๋ฐ”๋‹ˆ์•„๊ฐ€ ์„ ํƒ๋˜๋ฉด `#gv-player-details-pointer-inner`, `.gv-details-pointer-hand` ๋ฐ `.gv-player-details-block`์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#d82227`๋กœ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ `.gv-player-details`, `.gv-player-details-inner`, `#gv-player-details-pointer-inner`, `.gv-details-pointer-hand` ๋ฐ `.gv-player-details-block`์„ ํฌํ•จํ•œ ์—ฌ๋Ÿฌ ๋‹ค๋ฅธ ์š”์†Œ์™€ ํ•ด๋‹น `:before` ๋ฐ `:after` ์˜์‚ฌ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ๋„ `#d82227`๋กœ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค.

์•Œ๋ฐ”๋‹ˆ์•„ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด `.gv-player-image-wrapper`์˜ `:after` ์˜์‚ฌ ์š”์†Œ๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#d82227`์ด ๋ฉ๋‹ˆ๋‹ค. `.gv-player-details-albania`์˜ `:before` ์˜์‚ฌ ์š”์†Œ๋„ ์ด ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

ํฌ์ธํ„ฐ๊ฐ€ ์•Œ๋ฐ”๋‹ˆ์•„๋กœ ์„ค์ •๋œ ๊ฒฝ์šฐ `#gv-player-details-pointer-inner`์™€ ๊ทธ ์ž์‹ ์š”์†Œ์ธ `.gv-details-pointer-hand` ๋ชจ๋‘ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#d82227`์ž…๋‹ˆ๋‹ค.

`.gv-special-player` ๋ฐ `.gv-team-base-color` ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” `h4`์™€ ๊ฐ™์€ ํ…์ŠคํŠธ ์š”์†Œ์˜ ๊ฒฝ์šฐ `#gv-team-block_albania`, `#gv-team-details-block_albania`, `#gv-player-details-albania`, `.gv-wc2018-widget-wrapper_albania`, `#gv-cell-block_albania` ๋ฐ `.gv-albania`๋ฅผ ํฌํ•จํ•œ ๋‹ค์–‘ํ•œ ์ปจํ…Œ์ด๋„ˆ์—์„œ ์ƒ‰์ƒ์ด `#d82227`๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ๋ชจ๋“  ์ปจํ…Œ์ด๋„ˆ์—์„œ `.gv-team-base-background` ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์ƒ‰์€ `#d82227`์ž…๋‹ˆ๋‹ค. ๋” ์–ด๋‘์šด ๋ฐฐ๊ฒฝ(`.gv-team-base-background-dark`)์˜ ๊ฒฝ์šฐ ์ƒ‰์ƒ์€ `#6a1113`์ž…๋‹ˆ๋‹ค.

`.gv-team-base-border` ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ `#121212`์ž…๋‹ˆ๋‹ค.

์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์˜ ๊ฒฝ์šฐ `.gv-team-base-fill` ๋ฐ `.gv-team-base-fill-darker-1`์€ `#d82227`์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋” ์–ด๋‘์šด ์ฑ„์šฐ๊ธฐ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค: `.gv-team-base-fill-darker-2`๋Š” `#c21f23`์„ ์‚ฌ์šฉํ•˜๊ณ , `.gv-team-base-fill-darker-3`์€ `#ac1b1f`๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋งˆ์ง€๋ง‰์œผ๋กœ `#gv-team-block_albania`, `#gv-team-details-block_albania` ๋ฐ `#gv-player-details-albania`์—์„œ `.gv-special-player-highlight`์˜ `:before` ์˜์‚ฌ ์š”์†Œ๋„ `#d82227` ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค:

์•Œ๋ฐ”๋‹ˆ์•„์˜ ๊ฒฝ์šฐ ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ๋Š” ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ(#d82227)์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ถ๋งˆ์ผ€๋„๋‹ˆ์•„๊ฐ€ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ์„น์…˜, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ ์š”์†Œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก ๋ชจ๋‘ ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ(#d82227)๋ฅผ ๊ฐ–์Šต๋‹ˆ๋‹ค. ๋™์ผํ•œ ๋นจ๊ฐ„์ƒ‰์ด ์ด๋Ÿฌํ•œ ๊ตฌ์„ฑ ์š”์†Œ์˜ before ๋ฐ after ์˜์‚ฌ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

๋ถ๋งˆ์ผ€๋„๋‹ˆ์•„ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด ์ด๋ฏธ์ง€ ๋ž˜ํผ๋„ ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ๋ฅผ ์–ป์Šต๋‹ˆ๋‹ค. ๋ถ๋งˆ์ผ€๋„๋‹ˆ์•„์˜ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด๋Š” ๋™์ผํ•œ ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋ถ๋งˆ์ผ€๋„๋‹ˆ์•„์˜ ํฌ์ธํ„ฐ ์š”์†Œ๋„ ๋นจ๊ฐ„์ƒ‰ ํ…Œ๋‘๋ฆฌ๋ฅผ ๊ฐ–์Šต๋‹ˆ๋‹ค.

๋ถ๋งˆ์ผ€๋„๋‹ˆ์•„์˜ ๊ฒฝ์šฐ ํŒ€ ๊ธฐ๋ณธ ์ƒ‰์ƒ(ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ ์ œ๋ชฉ์— ์‚ฌ์šฉ๋จ)์€ ๋นจ๊ฐ„์ƒ‰(#d82227)์ž…๋‹ˆ๋‹ค. ํŒ€ ๊ธฐ๋ณธ ๋ฐฐ๊ฒฝ๋„ ๋นจ๊ฐ„์ƒ‰์ธ ๋ฐ˜๋ฉด, ๋” ์–ด๋‘์šด ๋ฒ„์ „์€ ์ง„ํ•œ ์ ๊ฐˆ์ƒ‰(#6a1113)์ž…๋‹ˆ๋‹ค. ํŒ€ ๊ธฐ๋ณธ ํ…Œ๋‘๋ฆฌ๋Š” ๊ฒ€์€์ƒ‰(#121212)์ž…๋‹ˆ๋‹ค. ํŒ€ ๊ธฐ๋ณธ ์ฑ„์šฐ๊ธฐ์™€ ๋” ์–ด๋‘์šด ์Œ์˜์€ ๋ชจ๋‘ ๋นจ๊ฐ„์ƒ‰(#d82227)์ž…๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค:

๋ถ๋งˆ์ผ€๋„๋‹ˆ์•„์˜ ๊ฒฝ์šฐ:
- ๋” ์–ด๋‘์šด ๊ธฐ๋ณธ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ #c21f23์ž…๋‹ˆ๋‹ค.
- ๋”์šฑ ์–ด๋‘์šด ๊ธฐ๋ณธ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ #ac1b1f์ž…๋‹ˆ๋‹ค.
- ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #d82227์ž…๋‹ˆ๋‹ค.

ํด๋ž€๋“œ์˜ ๊ฒฝ์šฐ:
- ํด๋ž€๋“œ๊ฐ€ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ ์š”์†Œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก์˜ ํ…Œ๋‘๋ฆฌ๊ฐ€ ๋ชจ๋‘ #c81721์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
- ๋™์ผํ•œ ์ƒ‰์ƒ(#c81721)์ด ํ•ด๋‹น ๊ตฌ์„ฑ ์š”์†Œ์˜ before ๋ฐ after ์˜์‚ฌ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
- ํด๋ž€๋“œ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ๋ž˜ํผ ์ฃผ๋ณ€์˜ ํ…Œ๋‘๋ฆฌ๋„ #c81721์ž…๋‹ˆ๋‹ค.
- ํด๋ž€๋“œ์˜ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ํฌ์ธํ„ฐ๋Š” ํ…Œ๋‘๋ฆฌ์— #c81721์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
- ํด๋ž€๋“œ ํŒ€ ๋ธ”๋ก, ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ์œ„์ ฏ์˜ ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ ์ œ๋ชฉ์€ #c81721๋กœ ์ƒ‰์ƒ์ด ์ง€์ •๋ฉ๋‹ˆ๋‹ค.
- ํด๋ž€๋“œ์˜ ๊ธฐ๋ณธ ๋ฐฐ๊ฒฝ์ƒ‰์€ #c81721์ž…๋‹ˆ๋‹ค.
- ํด๋ž€๋“œ์˜ ๋” ์–ด๋‘์šด ๊ธฐ๋ณธ ๋ฐฐ๊ฒฝ์ƒ‰์€ #560a0e์ž…๋‹ˆ๋‹ค.
- ํด๋ž€๋“œ์˜ ๊ธฐ๋ณธ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #121212์ž…๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค:

ํด๋ž€๋“œ์˜ ๊ฒฝ์šฐ ๊ธฐ๋ณธ ํŒ€ ์ƒ‰์ƒ์€ #c81721์ž…๋‹ˆ๋‹ค. ์ด ์ƒ‰์ƒ์€ ํŒ€ ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ์œ„์ ฏ๊ณผ ๊ฐ™์€ ๋‹ค์–‘ํ•œ ์š”์†Œ์˜ ์ฑ„์šฐ๊ธฐ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋” ์–ด๋‘์šด ์Œ์˜์€ #b1141d, #9a1219 ๋“ฑ์ž…๋‹ˆ๋‹ค. ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ ํ…Œ๋‘๋ฆฌ๋„ #c81721์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์„ธ๋ฅด๋น„์•„๊ฐ€ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ๊ด€๋ จ ์š”์†Œ๋Š” ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์œผ๋กœ #c81721์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ํฌ์ธํ„ฐ ๋ฐ ๋‚ด๋ถ€ ์„น์…˜์„ ํฌํ•จํ•œ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก์˜ ๋ชจ๋“  ๋ถ€๋ถ„์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ์„ ํƒ๋œ ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ๋ž˜ํผ๋„ ์ด ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

์„ธ๋ฅด๋น„์•„์˜ ๊ฒฝ์šฐ ํŒ€ ๊ธฐ๋ณธ ์ƒ‰์ƒ์€ #c81721์ด๋ฉฐ, ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ ์ œ๋ชฉ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋ฐฐ๊ฒฝ์ƒ‰๋„ #c81721์ด๋ฉฐ, ๋” ์–ด๋‘์šด ๋ฒ„์ „์€ #560a0e์ž…๋‹ˆ๋‹ค. ํŒ€ ๊ธฐ๋ณธ ํ…Œ๋‘๋ฆฌ๋Š” ๋™์ผํ•œ ์ƒ‰์ƒ ๊ตฌ์„ฑํ‘œ๋ฅผ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ์ž…๋‹ˆ๋‹ค:

์„ธ๋ฅด๋น„์•„์˜ ๊ฒฝ์šฐ ํŒ€ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ #121212๋กœ ์„ค์ •๋ฉ๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ์„ธ๋ฅด๋น„์•„ ํŒ€ ์š”์†Œ(ํŒ€ ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ์œ„์ ฏ ๋“ฑ)์˜ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ ๊ธฐ๋ณธ ์ฑ„์šฐ๊ธฐ์˜ ๊ฒฝ์šฐ #c81721, ๋” ์–ด๋‘์šด ์Œ์˜์˜ ๊ฒฝ์šฐ #b1141d, ๋”์šฑ ์–ด๋‘์šด ์Œ์˜์˜ ๊ฒฝ์šฐ #9a1219์ž…๋‹ˆ๋‹ค. ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ ํ…Œ๋‘๋ฆฌ๋„ #c81721์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์Šค์ฝ”ํ‹€๋žœ๋“œ์˜ ๊ฒฝ์šฐ ์„ ์ˆ˜๊ฐ€ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ ์š”์†Œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก์˜ ํ…Œ๋‘๋ฆฌ๊ฐ€ ๋ชจ๋‘ #3472b7์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋™์ผํ•œ ์ƒ‰์ƒ์ด ์ด๋Ÿฌํ•œ ๊ตฌ์„ฑ ์š”์†Œ์˜ before ๋ฐ after ์˜์‚ฌ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ์Šค์ฝ”ํ‹€๋žœ๋“œ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด ์ด๋ฏธ์ง€ ๋ž˜ํผ์˜ after ์š”์†Œ๋„ #3472b7 ํ…Œ๋‘๋ฆฌ๋ฅผ ๊ฐ–์Šต๋‹ˆ๋‹ค. ์Šค์ฝ”ํ‹€๋žœ๋“œ์˜ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ํฌ์ธํ„ฐ ์š”์†Œ๋„ ์œ ์‚ฌํ•˜๊ฒŒ ํ…Œ๋‘๋ฆฌ์— #3472b7์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์Šค์ฝ”ํ‹€๋žœ๋“œ์˜ ํŒ€ ๋ธ”๋ก, ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก, ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, ์œ„์ ฏ ๋ฐ ์…€ ๋ธ”๋ก์—์„œ ํŠน๋ณ„ ์„ ์ˆ˜ ํ…์ŠคํŠธ ๋ฐ h4 ์ œ๋ชฉ์€ #3472b7๋กœ ์ƒ‰์ƒ์ด ์ง€์ •๋ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์Šค์ฝ”ํ‹€๋žœ๋“œ ์š”์†Œ์˜ ๋ฐฐ๊ฒฝ์ƒ‰๋„ #3472b7์ด๋ฉฐ, ๋” ์–ด๋‘์šด ๋ฐฐ๊ฒฝ ๋ณ€ํ˜•์ด ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค.

ํŒ€ ๊ธฐ๋ณธ์˜ ์–ด๋‘์šด ๋ฐฐ๊ฒฝ๊ณผ `.gv-scotland .gv-team-base-background-dark`๋Š” `#183454` ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
์Šค์ฝ”ํ‹€๋žœ๋“œ์˜ ๊ฒฝ์šฐ ๋‹ค์–‘ํ•œ ๋ธ”๋ก ๋ฐ ์œ„์ ฏ์—์„œ ํŒ€ ๊ธฐ๋ณธ ์š”์†Œ์˜ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์€ `#121212`์ž…๋‹ˆ๋‹ค.
์Šค์ฝ”ํ‹€๋žœ๋“œ ๊ด€๋ จ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ํŒ€ ๊ธฐ๋ณธ ์š”์†Œ์˜ ์ฑ„์šฐ๊ธฐ ์ƒ‰์ƒ์€ `#3472b7`์ด๋ฉฐ, ๋” ์–ด๋‘์šด ์Œ์˜์€ `#2e66a3` ๋ฐ `#29598f`์ž…๋‹ˆ๋‹ค.
์Šค์ฝ”ํ‹€๋žœ๋“œ์˜ ํŠน๋ณ„ ์„ ์ˆ˜ ๊ฐ•์กฐ ํ…Œ๋‘๋ฆฌ๋Š” `#3472b7`์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์Šฌ๋กœ๋ฐ”ํ‚ค์•„์˜ ๊ฒฝ์šฐ ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด, ๋‚ด๋ถ€ ์„ธ๋ถ€ ์ •๋ณด, ํฌ์ธํ„ฐ, ํฌ์ธํ„ฐ ํ•ธ๋“œ ๋ฐ ์„ธ๋ถ€ ์ •๋ณด ๋ธ”๋ก ๋ชจ๋‘ ํ…Œ๋‘๋ฆฌ ์ƒ‰์ƒ์ด `#e52627`์ž…๋‹ˆ๋‹ค.
๋™์ผํ•œ ์ƒ‰์ƒ์ด ์ด๋Ÿฌํ•œ ๊ตฌ์„ฑ ์š”์†Œ์˜ ์˜์‚ฌ ์š”์†Œ(`:before` ๋ฐ `:after`)์˜ ํ…Œ๋‘๋ฆฌ์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.
์Šฌ๋กœ๋ฐ”ํ‚ค์•„์˜ ์„ ์ˆ˜ ์…€์ด ์„ ํƒ๋˜๋ฉด ์„ ์ˆ˜ ์ด๋ฏธ์ง€ ๋ž˜ํผ ์ฃผ๋ณ€์˜ ํ…Œ๋‘๋ฆฌ๋„ `#e52627`์ž…๋‹ˆ๋‹ค.
์Šฌ๋กœ๋ฐ”ํ‚ค์•„์˜ ์„ ์ˆ˜ ์„ธ๋ถ€ ์ •๋ณด๋Š” ํ…Œ๋‘๋ฆฌ์— `#e52627`์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
์Šฌ๋กœ๋ฐ”ํ‚ค์•„์˜ ํฌ์ธํ„ฐ๋Š” ๋‚ด๋ถ€ ์š”์†Œ ๋ฐ ํ•ธ๋“œ๋ฅผ ํฌํ•จํ•˜์—ฌ ํ…Œ๋‘๋ฆฌ์— `#e52627`์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
์Šฌ๋กœ๋ฐ”ํ‚ค์•„์˜ ๊ฒฝ์šฐ `gv-team-base-color` ํด๋ž˜์Šค๊ฐ€ ์žˆ๋Š” ํŠน๋ณ„ ์„ ์ˆ˜ ๋ฐ `h4` ์š”์†Œ๋Š” `#e52627`๋กœ ์ƒ‰์ƒ์ด ์ง€์ •๋ฉ๋‹ˆ๋‹ค.
์Šฌ๋กœ๋ฐ”ํ‚ค์•„์˜ ํŒ€ ๊ธฐ๋ณธ ๋ฐฐ๊ฒฝ์€ `#e52627` ์ƒ‰์ƒ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ์€ ์œ ์ฐฝํ•˜๊ณ  ์ž์—ฐ์Šค๋Ÿฌ์šด ์˜์–ด๋กœ ๋‹ค์‹œ ์ž‘์„ฑ๋œ ๋ฒ„์ „์ž…๋‹ˆ๋‹ค:

```css
/ ์Šฌ๋กœ๋ฐ”ํ‚ค์•„ ํŒ€ ์ƒ‰์ƒ /
.am-base-background,
#gv-cell-block_slovakia .gv-team-base-background,
.gv-slovakia .gv-team-base-background {
background-color: #e52627;
}

#gv-team-block_slovakia .gv-team-base-background-dark,
#gv-team-details-block_slovakia .gv-team-base-background-dark,
#gv-player-details-slovakia .gv-team-base-background-dark,
.gv-wc2018-widget-wrapper_slovakia .gv-team-base-background-dark,
#gv-cell-block_slovakia .gv-team-base-background-dark,
.gv-slovakia .gv-team-base-background-dark {
background-color: #7d0f10;
}

#gv-team-block_slovakia .gv-team-base-border,
#gv-team-details-block_slovakia .gv-team-base-border,
#gv-player-details-slovakia .gv-team-base-border,
.gv-wc2018-widget-wrapper_slovakia .gv-team-base-border,
#gv-cell-block_slovakia .gv-team-base-border,
.gv-slovakia .gv-team-base-border {
border-color: #121212;
}

#gv-team-block_slovakia .gv-team-base-fill,
#gv-team-details-block_slovakia .gv-team-base-fill,
#gv-player-details-slovakia .gv-team-base-fill,
.gv-wc2018-widget-wrapper_slovakia .gv-team-base-fill,
#gv-cell-block_slovakia .gv-team-base-fill,
.gv-slovakia .gv-team-base-fill,
#gv-team-block_slovakia .gv-team-base-fill-darker-1,
#gv-team-details-block_slovakia .gv-team-base-fill-darker-1,
#gv-player-details-slovakia .gv-team-base-fill-darker-1,
.gv-wc2018-widget-wrapper_slovakia .gv-team-base-fill-darker-1,
#gv-cell-block_slovakia .gv-team-base-fill-darker-1,
.gv-slovakia .gv-team-base-fill-darker-1 {
fill: #e52627;
}

#gv-team-block_slovakia .gv-team-base-fill-darker-2,
#gv-team-details-block_slovakia .gv-team-base-fill-darker-2,
#gv-player-details-slovakia .gv-team-base-fill-darker-2,
.gv-wc2018-widget-wrapper_slovakia .gv-team-base-fill-darker-2,
#gv-cell-block_slovakia .gv-team-base-fill-darker-2,
.gv-slovakia .gv-team-base-fill-darker-2 {