cppreference balck mode

cppreference黑夜模式

2026-03-14 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         cppreference balck mode
// @description  cppreference黑夜模式
// @license      The Unlicense
// @version      1.1.0
// @author       girl-dream
// @namespace    https://github.com/girl-dream/
// @match        https://cppreference.cn/*
// @match        https://cppreference.dev/*
// @match        https://cppreference.tw/*
// @match        https://*.cppreference.net/*
// @match        https://*.cppreference.dev/*
// @match        https://*.cppreference.com/*
// @icon         https://cppreference.cn/favicon.ico
// ==/UserScript==

(() => {
    if (location.href.indexOf('cppreference.net') == -1) {
        const form = document.querySelector('form')
        const temp = form.querySelector('input')
        form.target = '_blank'
        form.action = 'https://www.bing.com/search'
        temp.name = 'q1'
        temp.value = `site:${location.host}`
    }

    const style = `
ins, .google-auto-placed,[id^="div-gpt-ad,carbonads"],#carbonads,#footer-icons {
    display: none !important;
}

table,
#content *:not(a):not(table):not(th):not(tr):not(tbody):not(.t-mark-rev):not(tt):not(.kw1):not(.co1 span) {
    color: #fff !important;
}

#cpp-content-base,
#cpp-footer-base,
#bodyContent,
body,
#cpp-head-first-base,
#cpp-head-second-base,
.mw-geshi,
#cpp-head-second-base span,
.t-member {
    background: #17181A !important;
}

input[name='q'],
button[type='submit'],
input[type='submit'] {
    background-color: #2d2d2d;
    color: #fff;
    border: 1px solid rgb(85, 85, 85);
    outline: none;
}

a,
tt,
a:visited,
[class^="sy"],
#footer-info-lastmod {
    color: #9198a1 !important;
}

th,
td,
table {
    background: rgb(40, 43, 48) !important;
}

[class^="kw"],
[class^="nu"] {
    color: #f5ab35 !important;
}

.mw-geshi {
    background: none !important;
}

.t-navbar-menu > :first-child {
    background: rgb(40, 43, 48) !important;
}

[class^="st"],
[class^="br"],
[class^="co"] {
    color: #339900 !important;
}

.coliru-btn {
    color: white !important;
    background: rgb(40, 43, 48) !important;
    box-shadow: none !important;
    margin-bottom: 6px !important;
}

.t-inherited {
    background-color: rgb(40, 43, 48) !important;
}
    `
    const styleSheet = new CSSStyleSheet()
    styleSheet.replaceSync(style)
    document.adoptedStyleSheets.push(styleSheet)
})();