nyangx3/a(비교)

* [anchor(CSS Custom Property)]CSS Custom Property [[https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/--*|MDN]]

{{{#!wiki style="margin-left: -25px"

* espejo, liberty 스킨은 화이트 모든 배경색이 #fff로 같으나 다크 모드 배경색이 각각 #1c1d1f, #000로 다른데, 스타일 문법에서 background: var(--article-background-color)를 쓰는 방식으로 이를 가져올 수 있다.

그 외에도 있으나 따로 정리하기 귀찮고 쓸 일도 별로 없으니 아래 속성 이름과 값을 보고 알아서 유추하시길..

{{{#!wiki style="font-size: .75rem; display: table"

{{{#!folding [ (espejo/색상) 펼치기 · 접기 ]

##)]

--espejo-brand1-color: #00a69c {{{#!wiki style="background: #00a69c; @a@

}}} / #2e3033 {{{#!wiki style="background: #2e3033; @a@

}}}

--espejo-brand2-color: #28b472 {{{#!wiki style="background: #28b472; @a@

}}} / #2e3033 {{{#!wiki style="background: #2e3033; @a@

}}}

--espejo-brand-bright1-color: #bfe9d5 {{{#!wiki style="background: #bfe9d5; @a@

}}} / #c0c1c2 {{{#!wiki style="background: #c0c1c2; @a@

}}}

--espejo-brand-bright2-color: #d4f0e3 {{{#!wiki style="background: #d4f0e3; @a@

}}} / #c0c1c2 {{{#!wiki style="background: #c0c1c2; @a@

}}}

--espejo-card-background-color: #fff {{{#!wiki style="background: #fff; @a@

}}} / #1c1d1f {{{#!wiki style="background: #1c1d1f; @a@

}}}

-\-toast-area-offset-x: calc(var(-\-espejo-nav-control-gutter-x-var) + env(safe-area-inset-right) - 0.5rem)

-\-toast-area-offset-y: calc(var(-\-espejo-nav-control-gutter-y-var) + env(safe-area-inset-bottom) + 6rem)

-\-scrollbar-width: 0px;

}}}}}}{{{#!wiki style="font-size: .75rem; display: table"

{{{#!folding [ (liberty/나무위키 기준) 펼치기 · 접기 ]

##)]

--liberty-brand-color: #008275 {{{#!wiki style="background: #008275; @a@

}}} / #2d2f34 {{{#!wiki style="background: #2d2f34; @a@

}}}

--liberty-brand-dark-color: #00413b {{{#!wiki style="background: #00413b; @a@

}}} / #16171a {{{#!wiki style="background: #16171a; @a@

}}}

--liberty-brand-bright-color: #80c1ba {{{#!wiki style="background: #80c1ba; @a@

}}} / #383b40 {{{#!wiki style="background: #383b40; @a@

}}}

--liberty-navbar-logo-image: url(https://namu.wiki/liberty_namu_logo.png);

--liberty-navbar-logo-minimum-width: 6rem;

}}}

}}}

-\-csstools-color-schee-\-dark: / initial

}}}}}}}}}