SCP 사무실 테마

테마 색상

점보--gray-monochrome(127,127,127)

엔비--bright-accent(145,179,153)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

오렌지 화이트--pale-gray-monochrome(233,231,204)

수바 그레이--light-gray-monochrome(147,147,147)

도브 그레이--dark-gray-monochrome(101,101,101)

화이트 락--white-monochrome(238,238,216)

제우스--black-monochrome(25,20,16)

비리디언 그린--dark-accent(105,133,111)

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

SCP 사무실 테마

사용법

비고: 이 테마는 블랙 하이라이터 기반 테마입니다. 이 테마를 이용하기 위해서는 블랙하이라이터 테마도 임포트해주세요. 자세한 사항은 여기를 참고해주세요.

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scpko:theme:scp-offices-theme]]

사용례

수평줄은 하이픈 5개 "------"를 치면 만들어지며, 따로 들어 있는 곳 (인용 블록 등) 이 없다면 페이지 전체를 가로지릅니다. 이 글에서 섹션을 나누는 줄은 모두 이 수평줄입니다.

---

제목은 문장 처음에 "+"을 1개부터 6개까지 입력해서 적용할 수 있습니다.

+ 제목

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

탭 만들기

탭뷰입니다.

탭 만들음

다른 텍스트입니다.

멋지죠.

긴 탭

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

긴 탭입니다. 텍스트가 많습니다.

무슨 이유인지 몰라도 이 탭은 빈 탭인데 제목이 엄청 깁니다. 왜 그럴까요? 도저히 모르겠습니다.

빈 탭

빈 탭

빈 탭

빈 탭

빈 탭

인용 블록입니다. 문장 처음에 ">"를 붙여서 만들 수 있습니다.
다른 텍스트

---

요건 수평줄

블록 속의 블록

이건	표입니다
어떤 식으로	만드는 건진
다 아시죠

보디, 헤더, 타이틀, 모노스페이스 폰트는 IBM Plex Mono입니다.

---

＋테마 코드 열기

@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@font-face {
    font-family: 'D2Coding';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@supports(--css: variables) {
:root:lang(ko) {
    /* Header */
    --header-title: "SCP 재단";
    --header-subtitle: "확보, 격리, 보호";
 
    /* Typefaces */
    --body-font: 'IBM Plex Mono', 'D2Coding', monospace;
    --header-font: 'IBM Plex Mono', 'D2Coding', monospace;
    --title-font: 'IBM Plex Mono', 'D2Coding', monospace;
    --mono-font: 'IBM Plex Mono', 'D2Coding', monospace;
}
}
 
/* Info module fix */
#page-content .rate-box-with-credit-button {
    background: linear-gradient(to bottom, rgb(var(--bright-accent)) 0%, rgb(var(--dark-accent)) 30%, rgb(var(--dark-accent)) 100%) !important;
}
 
#page-content .rate-box-with-credit-button>.creditButton:hover {
    background: none;
}
 
#page-content .rate-box-with-credit-button>.creditButton>p>a:before {
    -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
 
#page-content .rate-box-with-credit-button>.creditButton>p>a:hover:before {
    background: rgb(var(--white-monochrome)) !important;
}
 
textarea {
   font-family: var(--mono-font);
}
input#edit-page-title.text {
   font-family: var(--title-font);
}