工具 FiveM 文档/原生参考深色模式

转载改编自：https://forum.cfx.re/t/fivem-docs-native-reference-dark-mode/2627301

这是什么​

将 FiveM 文档和原生参考从浅色切换到深色的 CSS 代码。

效果展示​

使用说明​

你需要一个可以加载自定义 CSS 的浏览器插件。Firefox 可以用「Stylus」；Chrome 可以用「User CSS」。你可以使用任何你喜欢的插件，只要允许你在特定网站上使用自定义 CSS 代码即可。

• 进入插件设置页面
• 选择将样式应用到 docs.fivem.net
• 将以下代码粘贴到插件中：

:root {
    --elevation-0: #121212;
    --elevation-1: #1d1d1d;
    --elevation-2: #212121;
    --elevation-3: #242424;
    --elevation-4: #262626;
    --elevation-5: #2c2c2c;
    --elevation-6: #2d2d2d;
    --elevation-7: #313131;
    --elevation-8: #343434;
    --elevation-9: #373737;
    --code-bg: #282a36;

    --default-text: #cecece;
    --gray-text: #bfbfbf;
    --accent-text: #f40552;
}

body {
    background-color: var(--elevation-1);
    color: var(--default-text);
}

header {
    background-color: var(--elevation-4);
}

nav {
    background-color: var(--elevation-4);
}

nav, div {
    color: var(--default-text) !important;
}

nav, ul, li {
    color: var(--default-text) !important;
}

aside {
    background-color: var(--elevation-2);
}

.docContent pre {
    background: var(--code-bg) !important;
}

code {
    color: var(--gray-text);
}

div .alert {
    background-color: var(--elevation-3);
}

a {
    color: var(--default-text) !important;
}

code, span {
    color: var(--gray-text) !important;
}

.code {
    background-color: var(--code-bg) !important;
}

.examples pre {
    background-color: var(--code-bg) !important;
}

.tsd-index-panel h3 {
    border-color: var(--elevation-7);
}

.tsd-panel {
    background-color: var(--elevation-0);
}

.tsd-panel>h3 {
    border-color: var(--elevation-7);
}

.tsd-signatures {
    border-color: var(--elevation-7);
}

section .legal-links {
    background-color: var(--elevation-1) !important;
}

.step, .article-nav .article-nav-link {
    border-color: var(--elevation-7);
}

改动说明：对新版本文档的改动进行了适配。