틀:테마: 두 판 사이의 차이

2026년 2월 19일 (목) 01:50 기준 최신판

틀:테마
사용문서	새로고침
넘겨주기	이동하기
2026-02-19에 마지막으로 수정됨

개요

기초적인 색상 등의 테마를 설정할 수 있는 틀입니다.

해당 틀의 모든 매개변수는 선택으로, 다크 모드의 값이 지정되지 않은 경우 라이트 모드로 지정된 것이 사용되며, 하위 매개변수의 경우 사용하지 않으면 상위 매개변수의 값으로 자동으로 사용됩니다. 그럼에도 값을 찾을 수 없으면 기본값을 적용합니다.

입력

출력

{{테마
| 배경 = #f5f9ff
| 강조배경 = #e3efff
| 전체배경 = #ffffff
| 글씨 = #1f2d3d
| 테두리 = #c7d6ec
| 연결 = #1e5cc8
| 연결호버 = #143d87
| 외부연결 = #2f7ed8
| 외부연결호버 = #1d4f8f
| 강조 = #7fa9eb

| 배경d = #0f172a
| 강조배경d = #1e293b
| 전체배경d = #020617
| 글씨d = #e5e7eb
| 테두리d = #334155
| 연결d = #60a5fa
| 연결호버d = #93c5fd
| 외부연결d = #7dd3fc
| 외부연결호버d = #bae6fd
| 강조d = #1e40af
}}

해당 문서에 적용된 테마 참고

매개변수

기본 색상

배경: 기본 배경 색상^[1]
- 강조배경: 보조 배경 색상^[2]
- 전체배경: 화면 전체 배경 색상^[3]
글씨: 기본 글자 색상
테두리: 기본 테두리 색상
강조: 강조 요소 배경 색상^[4]

링크 색상

연결: 내부 링크 색상
- 연결호버: 내부 링크 호버 색상
외부연결: 외부 링크 색상
- 외부연결호버: 외부 링크 호버 색상

다크 모드

배경d: 다크 모드 기본 배경 색상
- 강조배경d: 다크 모드 보조 배경 색상
- 전체배경d: 다크 모드 전체 배경 색상
글씨d: 다크 모드 글자 색상
테두리d: 다크 모드 테두리 색상
강조d: 다크 모드 강조 배경 색상
연결d: 다크 모드 내부 링크 색상
- 연결호버d: 다크 모드 내부 링크 호버 색상
외부연결d: 다크 모드 외부 링크 색상
- 외부연결호버d: 다크 모드 외부 링크 호버 색상

↑ 문서 내용 안쪽의 배경 색상.
↑ 강조 요소, 표의 머리말 등의 색상.
↑ 문서 내용 바깥쪽의 배경 색상.
↑ 네비게이션 바 등 위키 상징색을 이용하는 요소.

[1] 문서 내용 안쪽의 배경 색상.

[2] 강조 요소, 표의 머리말 등의 색상.

[3] 문서 내용 바깥쪽의 배경 색상.

[4] 네비게이션 바 등 위키 상징색을 이용하는 요소.

[1]

[2]

[3]

[4]

@@ 1번째 줄: / 1번째 줄: @@
-{{#invoke:CSSVars|set
+<onlyinclude><includeonly>
+{{#css:
+.Vierthalb {
+    background-color: {{{전체배경|{{{강조배경|{{{배경|var(--altbg)}}}}}}}}} !important;
+}
+.vh-page-btn {
+    color: var(--text) !important;
+}
+.vh-page-btn > span, .vh-page-btn > svg {
+    opacity: 0.75;
+}
+@media (prefers-color-scheme: dark) {
+    .Vierthalb {
+        background-color: {{{전체배경d|{{{강조배경d|{{{배경d|{{{전체배경|{{{강조배경|{{{배경|black}}}}}}}}}}}}}}}}}} !important;
+    }
+}
+}}{{#invoke:CSSVars|set
   | bg = {{{배경|}}}
   | altbg = {{{강조배경|{{{배경|}}}}}}
@@ 22번째 줄: / 41번째 줄: @@
   | extlink-dark = {{{신규연결d|}}}
   | link-dark = {{{연결d|}}}
-  | link-hov-dark = {{{연결호버d|{{{연결|}}}}}}
+  | link-hov-dark = {{{연결호버d|{{{연결d|}}}}}}
-  | extlink-hov-dark = {{{외부연결호버d|{{{외부연결|}}}}}}
+  | extlink-hov-dark = {{{외부연결호버d|{{{외부연결d|}}}}}}
   | vh-navbar-bg-dark = {{{강조d|}}}
 }}
-{{#css:
+</includeonly></onlyinclude>
-.Vierthalb {
+{{분류|테마 틀}}
-    background-color: {{{전체배경|{{{강조배경|{{{배경|}}}}}}}}} !important;
+{{틀 도움}}
-}
+{{목차}}
+{{테마
+| 배경 = #f5f9ff
+| 강조배경 = #e3efff
+| 전체배경 = #ffffff
+| 글씨 = #1f2d3d
+| 테두리 = #c7d6ec
+| 연결 = #1e5cc8
+| 연결호버 = #143d87
+| 외부연결 = #2f7ed8
+| 외부연결호버 = #1d4f8f
+| 강조 = #7fa9eb
+| 배경d = #0f172a
+| 강조배경d = #1e293b
+| 전체배경d = #020617
+| 글씨d = #e5e7eb
+| 테두리d = #334155
+| 연결d = #60a5fa
+| 연결호버d = #93c5fd
+| 외부연결d = #7dd3fc
+| 외부연결호버d = #bae6fd
+| 강조d = #1e40af
+}}
+== 개요 ==
+기초적인 색상 등의 '''테마'''를 설정할 수 있는 틀입니다.
+해당 틀의 모든 매개변수는 선택으로, 다크 모드의 값이 지정되지 않은 경우 라이트 모드로 지정된 것이 사용되며, 하위 매개변수의 경우 사용하지 않으면 상위 매개변수의 값으로 자동으로 사용됩니다. 그럼에도 값을 찾을 수 없으면 기본값을 적용합니다.
+{{문법 안내|
+<pre style="white-space: pre-wrap;">
+{{테마
+| 배경 = #f5f9ff
+| 강조배경 = #e3efff
+| 전체배경 = #ffffff
+| 글씨 = #1f2d3d
+| 테두리 = #c7d6ec
+| 연결 = #1e5cc8
+| 연결호버 = #143d87
+| 외부연결 = #2f7ed8
+| 외부연결호버 = #1d4f8f
+| 강조 = #7fa9eb
-@media (prefers-color-scheme: dark) {
+| 배경d = #0f172a
-    .Vierthalb {
+| 강조배경d = #1e293b
-        background-color: {{{전체배경d|{{{강조배경d|{{{배경d|}}}}}}}}} !important;
+| 전체배경d = #020617
-    }
+| 글씨d = #e5e7eb
-}
+| 테두리d = #334155
+| 연결d = #60a5fa
+| 연결호버d = #93c5fd
+| 외부연결d = #7dd3fc
+| 외부연결호버d = #bae6fd
+| 강조d = #1e40af
+}}
+</pre>
+| 해당 문서에 적용된 테마 참고
 }}
+== 매개변수 ==
+=== 기본 색상 ===
+* '''배경''': 기본 배경 색상<ref>문서 내용 안쪽의 배경 색상.</ref>
+** '''강조배경''': 보조 배경 색상<ref>강조 요소, '''표의 머리말''' 등의 색상.</ref>
+** '''전체배경''': 화면 전체 배경 색상<ref>문서 내용 바깥쪽의 배경 색상.</ref>
+* '''글씨''': 기본 글자 색상
+* '''테두리''': 기본 테두리 색상
+* '''강조''': 강조 요소 배경 색상<ref>네비게이션 바 등 위키 상징색을 이용하는 요소.</ref>
+=== 링크 색상 ===
+* '''연결''': 내부 링크 색상
+** '''연결호버''': 내부 링크 호버 색상
+* '''외부연결''': 외부 링크 색상
+** '''외부연결호버''': 외부 링크 호버 색상
+=== 다크 모드 ===
+* '''배경d''': 다크 모드 기본 배경 색상
+** '''강조배경d''': 다크 모드 보조 배경 색상
+** '''전체배경d''': 다크 모드 전체 배경 색상
+* '''글씨d''': 다크 모드 글자 색상
+* '''테두리d''': 다크 모드 테두리 색상
+* '''강조d''': 다크 모드 강조 배경 색상
+* '''연결d''': 다크 모드 내부 링크 색상
+** '''연결호버d''': 다크 모드 내부 링크 호버 색상
+* '''외부연결d''': 다크 모드 외부 링크 색상
+** '''외부연결호버d''': 다크 모드 외부 링크 호버 색상