Editor.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: 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;
}
/* =========================================
   Edit page scroll safety
   ========================================= */

/*
편집 화면은 일반 문서의 내부 고정 스크롤 모델을 쓰지 않는다.
본문 컨테이너가 내용 높이만큼 자연스럽게 늘어나야 요약/저장 버튼까지 도달할 수 있다.
*/
body.action-edit,
body.action-submit {
    overflow-y: auto !important;
}

body.action-edit .container-fluid.liberty-content,
body.action-submit .container-fluid.liberty-content,
body.action-edit .liberty-content-main,
body.action-submit .liberty-content-main,
body.action-edit #mw-content-text,
body.action-submit #mw-content-text,
body.action-edit .mw-body-content,
body.action-submit .mw-body-content,
body.action-edit .mw-parser-output,
body.action-submit .mw-parser-output,
body.action-edit #editform,
body.action-submit #editform {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

body.action-edit .liberty-content-main,
body.action-submit .liberty-content-main {
    padding-bottom: 8px !important;
}

body.action-edit .editOptions,
body.action-submit .editOptions,
body.action-edit .editButtons,
body.action-submit .editButtons,
body.action-edit #wpSaveWidget,
body.action-submit #wpSaveWidget,
body.action-edit #wpPreviewWidget,
body.action-submit #wpPreviewWidget,
body.action-edit #wpDiffWidget,
body.action-submit #wpDiffWidget {
    position: relative !important;
    z-index: 2 !important;
}

미디어위키:Editor.css