참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* =========================================
COASTLINE: BLACK ICE - Editor
========================================= */
/* CodeMirror 테마 */
.CodeMirror {
font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
font-size: 12px !important;
height: 900px !important;
background: #171717 !important;
color: #e2e2e2 !important;
}
.wikiEditor-ui-text { height: 900px !important; }
.CodeMirror-scroll { background: #171717 !important; }
.CodeMirror-gutters { background: #111 !important; border-right: 1px solid #854369 !important; }
.CodeMirror-linenumber { color: #854369 !important; }
.CodeMirror-cursor { border-left: 1px solid #e2e2e2 !important; }
.CodeMirror-selected { background: #2a1a24 !important; }
/* CodeMirror 문법 강조 */
.cm-mw-htmltag-bracket { color: #a0a0a0 !important; }
.cm-mw-htmltag-name { color: #f4a7b9 !important; }
.cm-mw-htmltag-attribute { color: #c5e8b0 !important; }
.cm-mw-template-bracket { color: #f9c8a8 !important; }
.cm-mw-template-name { color: #c95197 !important; }
.cm-mw-template-delimiter { color: #f9c8a8 !important; }
.cm-mw-template { color: #b45c8f !important; }
.cm-mw-template-argument-name { color: #b5d5f5 !important; }
.cm-mw-link-bracket { color: #a0c8e0 !important; }
.cm-mw-link-pagename { color: #a8d8ea !important; }
.cm-mw-link-delimiter { color: #a0c8e0 !important; }
.cm-mw-link-text { color: #d4ecd4 !important; }
.cm-mw-table-bracket { color: #d4b8e0 !important; }
.cm-mw-table-definition { color: #c5e8b0 !important; }
.cm-mw-table-delimiter { color: #d4b8e0 !important; }
.cm-strong { color: #ffffff !important; font-weight: bold !important; }
.cm-mw-apostrophes-bold { color: #a0a0a0 !important; }
.cm-mw-pagename { color: #a8d8ea !important; }
.cm-mw-tag { color: #d45aa2 !important; }
.cm-mw-link { color: #437abc !important; }
.cm-mw-section-header { color: #ff85c0 !important; }
.cm-mw-bold { color: #ffffff !important; font-weight: bold !important; }
.cm-mw-italic { color: #cccccc !important; font-style: italic !important; }
.cm-mw-comment { color: #555 !important; }
.cm-mw-attribute { color: #854369 !important; }
/* 편집 버튼 아이콘 색상 */
.oo-ui-iconElement-icon {
filter: invert(1) sepia(1) saturate(2) hue-rotate(280deg) !important;
}