사용자
nyangx3/a(비교)
| r103 vs r104 | ||
|---|---|---|
| ... | ... | |
| 1747 | 1747 | * CSS Custom Property |
| 1748 | 1748 | {{{#!wiki style="margin-left: -25px" |
| 1749 | 1749 | * espejo, liberty 스킨은 화이트 모든 배경색이 #fff로 같으나 다크 모드 배경색이 각각 #1c1d1f, #000로 다른데, 스타일 문법에서 background: var(--article-background-color)를 쓰는 방식으로 이를 가져올 수 있다. |
| 1750 | 그 외 color: var(--text-color)로 스킨 상관 없이 기본 텍스트 색[* #373a3c,#ddd]을 가져올 수 있으며, espejo 스킨 한정으로 color: var(--espejo-link-color)로 기본 링크 색[* #0275d8,#e69720]을 가져올 수 있다. | |
| 1750 | 그 외 color: var(-\-text-color)로 스킨 상관 없이 기본 텍스트 색[* #373a3c,#ddd]을 가져올 수 있으며, espejo 스킨 한정으로 color: var(-\-espejo-link-color)로 기본 링크 색[* #0275d8,#e69720]을 가져올 수 있다. | |
| 1751 | 1751 | * 그 외에도 있으나 따로 정리하기 귀찮으니 속성 이름과 값을 보고 알아서 유추하시길.. |
| 1752 | 1752 | {{{#!wiki style="font-size: .75rem; display: table" |
| 1753 | 1753 | {{{#!folding [ (espejo/색상) 펼치기 · 접기 ] |
| ... | ... | |
| 1899 | 1899 | }}} |
| 1900 | 1900 | --dark-article-background-color: #1c1d1f {{{#!wiki style="background: #1c1d1f; @a@ |
| 1901 | 1901 | }}} |
| 1902 | }}}}}} | |
| 1903 | ||
| 1902 | }}}}}}{{{#!wiki style="font-size: .75rem; display: table" | |
| 1904 | 1903 | {{{#!folding [ (espejo/색상 외) 펼치기 · 접기 ] |
| 1905 | 1904 | ##)] |
| 1906 | 1905 | --espejo-layout-gutter-var: 0; |
| ... | ... | |
| 2010 | 2009 | --espejo-nav-control-item-height-var: 2.5rem; |
| 2011 | 2010 | --espejo-nav-control-toc-popup-width-var: 320px; |
| 2012 | 2011 | --espejo-nav-control-toc-popup-max-height-var: 28rem; |
| 2013 | }}}}}} | |
| 2014 | ||
| 2015 | {{{#!folding [ (liberty) 펼치기 · 접기 ] | |
| 2012 | }}}}}}{{{#!wiki style="font-size: .75rem; display: table" | |
| 2013 | {{{#!folding [ (liberty/전체) 펼치기 · 접기 ] | |
| 2016 | 2014 | ##)] |
| 2017 | 2015 | --liberty-brand-color: #008275 {{{#!wiki style="background: #008275; @a@ |
| 2016 | }}} / #2d2f34 {{{#!wiki style="background: #2d2f34; @a@ | |
| 2018 | 2017 | }}} |
| 2019 | 2018 | --liberty-brand-dark-color: #00413b {{{#!wiki style="background: #00413b; @a@ |
| 2019 | }}} / #16171a {{{#!wiki style="background: #16171a; @a@ | |
| 2020 | 2020 | }}} |
| 2021 | 2021 | --liberty-brand-bright-color: #80c1ba {{{#!wiki style="background: #80c1ba; @a@ |
| 2022 | }}} / #383b40 {{{#!wiki style="background: #383b40; @a@ | |
| 2022 | 2023 | }}} |
| 2023 | 2024 | --liberty-navbar-logo-image: url(https://namu.wiki/liberty_namu_logo.png); |
| 2024 | 2025 | --liberty-navbar-logo-minimum-width: 6rem; |
| 2025 | 2026 | --text-color: #373a3c {{{#!wiki style="background: #373a3c; @a@ |
| 2027 | }}} / #ddd {{{#!wiki style="background: #ddd; @a@ | |
| 2026 | 2028 | }}} |
| 2027 | 2029 | --article-background-color: #fff {{{#!wiki style="background: #fff; @a@ |
| 2030 | }}} / #000 {{{#!wiki style="background: #000; @a@ | |
| 2028 | 2031 | }}} |
| 2029 | ---- | |
| 2030 | --liberty-brand-color: #2d2f34 {{{#!wiki style="background: #2d2f34; @a@ | |
| 2031 | }}} | |
| 2032 | --liberty-brand-dark-color: #16171a {{{#!wiki style="background: #16171a; @a@ | |
| 2033 | }}} | |
| 2034 | --liberty-brand-bright-color: #383b40 {{{#!wiki style="background: #383b40; @a@ | |
| 2035 | }}} | |
| 2036 | --liberty-navbar-logo-image: url(https://namu.wiki/liberty_namu_logo.png); | |
| 2037 | --liberty-navbar-logo-minimum-width: 6rem; | |
| 2038 | --text-color: #ddd {{{#!wiki style="background: #ddd; @a@ | |
| 2039 | }}} | |
| 2040 | --article-background-color: #000 {{{#!wiki style="background: #000; @a@ | |
| 2041 | }}} | |
| 2042 | 2032 | }}}}}} |
| 2043 | 2033 | * |
| 2044 | 2034 | }}} |
| ... | ... |