Skip to content

NGA深色模式 by nyx

Details

Authornyx

LicenseNo License

Categorybbs.nga.cn

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

深色模式,导航固定到侧边,部分页面可能没有适配

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         NGA深色模式
@version      20240808.09.20
@namespace    https://userstyles.world/user/nyx
@description  深色模式,部分页面可能没有适配,顺便隐藏了几个显眼的广告
@author       nyx
@license      No License
==/UserStyle== */

@-moz-document domain("bbs.nga.cn"), domain("ngabbs.com") {
/* 全局参数 */
:root {
    --darkest_grey: #2e2e2e;
    --darker_grey: #3a3a3a;
    --dark_grey: #464646;
    --grey: grey;
    --light_grey: #aaa;
    --lighter_grey: #c4c4c4;
    --lightest_grey: #e1e1e1;
    
    --darker_blue: #36454f;
    --dark_blue: #34546c;
    --blue: #3a6b91;
    --light_blue: #a4c6e1;
}
/* 调色 */
.gray{
    color: var(--light_grey);
}
/* 暗色 */
span.darkred,
span.crimson,
span.firebrick,
span.red, a.red,
span.blue, a.blue,
span.darkblue,
span.indigo,
span.purple
{
    filter: brightness(160%) contrast(50%) saturate(130%);
}
/* 浅暗色 */
span.silver,
span.orange, a.orange,
span.green, a.green,
span.deeppink
{
    filter: brightness(130%) contrast(90%) saturate(110%);
}
/* 亮色 */
span.orangered,
span.sandybrown,
span.limegreen,
span.skyblue
{
    filter: brightness(80%) contrast(90%) saturate(100%);
}
}

@-moz-document domain("bbs.nga.cn"), domain("ngabbs.com") {
/* 全局通用 */
body {
    background-color: var(--darkest_grey);
    color: var(--lightest_grey);
}
a {
    color: var(--lightest_grey);
}
a:hover {
    color: var(--light_blue);
}
button {
    background: var(--blue) !important;
    color: #eee;
}
button:active {
    outline: 0.166em solid var(--dark_blue);
}
/* 各种按钮 */
.stdbtn {
    background: none;
    border: none;
    box-shadow: none;
}
.stdbtn .invert {
    background: var(--darkest_grey);
    color: var(--lightest_grey);
}
.stdbtn .invert:hover {
    background: var(--blue);
}
.stdbtn a {
    border: none;
    background: var(--darker_grey);
}
.stdbtn a:hover {
    background-color: var(--blue);
    border-color: var(--dark_blue) !important;
}
.stdbtn a svg {
    fill: var(--blue) !important;
}
.stdbtn a:hover svg {
    fill: var(--lightest_grey) !important;
}
/* ui文字 */
.mmdefault {
    color: var(--light_blue);
}
.mmdefault:hover {
    color: var(--lightest_grey);
}
.uitxt1 {
    color: var(--light_blue);
}
.uitxt1:hover {
    color: var(--lightest_grey);
}
.uitxt2 {
    color: var(--blue);
}
.subtxt_color {
    color: var(--light_blue);
}
/* 顶部 */
#mainmenu .stdbtn .innerbg {
    background: var(--darkest_grey);
}
#mainmenu .stdbtn .td {
    background: var(--darker_grey);
}
/* 板块 */
.catetitle {
    color: var(--blue);
}
.catenew {
    background-color: var(--darkest_grey);
    border: none;
}
.catenew .contentBlock {
    background-color: var(--darkest_grey);
}
.catenew .b2 {
    background-color: var(--darker_grey);
}
.catenew .b3 {
    background-color: var(--darker_grey);
}
.catenew .b4 {
    background-color: var(--darker_grey);
}
.catenew .invert {
    background-color: var(--blue) !important;
}
.catenew p {
    color: var(--light_grey);
}
/* 导航栏 */
.nav_root {
    border: none;
    background: var(--dark_blue);
}
.nav_link {
    border: none;
    color: var(--lightest_grey);
    background: var(--darker_grey);
}
.nav_link:hover, .nav_link:hover .iconfont {
    color: var(--blue);
    fill: var(--blue);
}
/* 快速导航弹窗 */
div[style^='position: absolute'][style*='z-index: 1'] {
    background-color: var(--darkest_grey) !important;
    border-color: var(--grey) !important;
    z-index: 3 !important;
    margin-top: -10px !important;
    margin-left: 40px !important;
}
/* 分页 */
.haveCustomBackground #m_pbtntop .stdbtn {
    background: none;
    border: none;
}
/* 导航固定 */
div#m_nav {
    transform: none;
}
div#m_nav .nav {
    position: fixed;
    z-index: 2;
    top: 223px;
}
div#m_nav .nav_root_c {
    float: unset;
}
div#m_nav .nav_root,div#m_nav .nav_link {
    float: unset;
    width: 130px;
    box-sizing: border-box;
    margin-right: 0;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
div#m_nav .nav_root:hover,div#m_nav .nav_link:hover {
    width: unset;
}
/* 边距调整 */
#m_pbtntop, #m_threads, #m_pbtnbtm, #b_nav, #fast_post_c .module_wrap, #m_posts, #m_cate5, #ucp_block, #xoxoxxxoxoxxoo {
    padding: 0 150px;
}
/* 发帖 */
#xoxoxxxoxoxxoo {
    width: unset;
}
#xoxoxxxoxoxxoo .forumbox {
    border-spacing: 0;
}
/* 用户名去除首字母的框框 */
/* .author b:first-child, .replyer b:first-child {
    padding-left: unset !important;
    padding-right: unset !important;
    min-width: unset !important;
    background: unset !important;
    color: unset !important;
    font-weight: normal;
} */
/* 帖子标题右侧小标点 */
.topicrow span[style*='color:#BD7E6D'], .topicrow b[style*='color:#BD7E6D'] {
    color: var(--blue) !important;
}
/* 弹窗 */
.single_ttip2 {
    border: 1px solid var(--grey);
}
.single_ttip2 .colored_text_btn {
    background-color: var(--darkest_grey) !important;
}
.single_ttip2 .colored_text_btn svg {
    fill: var(--lightest_grey) !important;
}
.single_ttip2 .tip_title, .single_ttip2 .div2 {
    background: var(--darkest_grey) !important;
    color: var(--lightest_grey);
    border-bottom: none;
}
/* 预览按钮 */
.block_txt_c0, .block_txt_c0 .iconfont {
    background: var(--dark_blue) !important;
    color: var(--lightest_grey);
    fill: var(--lightest_grey);
}
/* 其他 */
textarea, select, input {
    background: var(--dark_grey) !important;
    border: 1px solid var(--grey) !important;
    color: var(--lightest_grey);
}
option {
    background-color: var(--darkest_grey) !important;
}
img[src*='https://img4.nga.178.com/ngabbs/nga_classic/f/00.png'] {
    filter: invert(1);
}
img[style*='outline'] {
    outline: none !important;
}
/* 控制图片大小 */
/* img {
    max-width: 100px !important;
    max-height: 100px !important;
    min-width: unset !important;
    min-height: unset !important;
} */
/* 背景块  */
.forumbox h2, .forumbox h1 {
    color: var(--light_blue);
}
.forumbox .topicrow .topic_content .postcontent {
    border-color: var(--light_blue);
}
.catenew, .cateblock, .forumbox {
    background-color: var(--darkest_grey);
    border: none;
}
.cateblock .contentBlock, .catenew .contentBlock {
    background-color: var(--darker_grey);
}
}

@-moz-document domain("bbs.nga.cn"), domain("ngabbs.com") {
/* 版块页面 */
/* 论坛首页 */
#m_cate5 .catenew h2 {
    background: none;
}
#m_nav .bbsinfo {
    color: var(--light_grey);
}
/* 版头 */
.contentBlock {
    background-color: var(--darkest_grey);
}
#toptopics {
    border: 1px solid var(--darker_grey);
    box-shadow: 0 0 5px -1px var(--darker_grey);
}
#toptopics table  {
    border-spacing: 10px !important;
    border: none !important;
}
#toptopics table td {
    background-color: var(--darker_grey);
    border: none !important;
    border-radius: 10px;
}
#toptopics * {
    border-top: none !important;
    border-bottom: none !important;
}
#toppedtopic .ubbcode {
    border: none !important;
}
/* 设置滚动条的宽度和颜色 */
#toppedtopic div::-webkit-scrollbar {
    width: 10px;
    background-color: var(--darkest_grey);
    border-radius: 5px;
}
 
/* 设置滚动条滑块的样式 */
#toppedtopic div::-webkit-scrollbar-thumb {
    background-color: var(--grey);
    border-radius: 5px;
}
/* 子版块 */
#sub_forums_c div[style*='https://img4.nga.178.com/ngabbs/nga_classic/f/00.png'] {
    filter: invert(1);
    background-color: var(--lighter_grey);
    .a {
        filter: invert(1);
    }
}
/* 行表格 */
#topicrows.forumbox {
    border-spacing: 0 5px;
}
#topicrows.forumbox .set_topic_elm .c1 {
    border-color: var(--dark_blue);
}
#topicrows.forumbox .set_topic .c1 {
    border-color: var(--dark_blue);
}
.row1 .c1, .row1 .c3 {
    background-color: var(--darker_grey);
}
.row1 .c2, .row1 .c4 {
    background-color: var(--darker_grey);
}
.row2 .c1, .row2 .c3 {
    background-color: var(--darker_grey);
}
.row2 .c2, .row2 .c4 {
    background-color: var(--darker_grey);
}
.replyer {
    color: var(--lightest_grey);
}
/* 帖子回复数量 */
#topicrows .c1 a {
    color: var(--grey) !important;
}
/* 帖子排序按钮 */
.topicrow div[style*='background: rgb(230, 195, 168)'] {
    background: var(--dark_blue) !important;
}
.forumboxrightlist .box h2, .forumbox th, .forumbox thead td {
    background: var(--dark_blue);
}
}

@-moz-document domain("bbs.nga.cn"), domain("ngabbs.com") {
/* 帖子详情 */
#m_posts {
    border: none;
}
.forumbox .postrow .stat {
    border: none;
}
#postcontent0 {
    color: var(--lightest_grey);
}
#m_posts .row1 .c1 {
    background-color: var(--darker_grey);
}
#m_posts .row1 .c2 {
    background-color: var(--darker_grey);
}
#m_posts .row2 .c1 {
    background-color: var(--darker_grey);
}
#m_posts .row2 .c2 {
    background-color: var(--darker_grey);
}
#m_posts_c .forumbox {
    border-spacing: 0 5px;
}
/* nga表情包 */
img[src*='/smile/a'] {
    filter: invert(100%);
}
img[src*='/smile/dt'] {
    filter: invert(100%);
}
/* 热点回复 */
#m_posts .comment_c .comment_c_1 {
    border-top: 1em solid var(--dark_grey);
}
#m_posts .row2 .comment_c .comment_c_1_1 {
    border-top-color: var(--dark_grey);
}
#m_posts .comment_c .comment_c_2 {
    border-color: var(--dark_grey);
}
#m_posts .row2 .c3 {
    background-color: var(--dark_grey);
}
/* 头像 */
.c1 .posterinfo {
    text-align: left;
}
/* 点赞 */
.postrow .postinfob {
    background-color: var(--grey);
}
.postrow .postbtmbvisited, .postrow .postbtmbvisited .iconfont {
    color: var(--light_blue);
    fill: var(--light_blue);
}
div[style^='position: absolute; border: 1px solid rgb(66, 61, 53); background-color: rgb(255, 252, 238); display: inline-block;'] {
    background-color: var(--grey) !important;
}
/* 改动 */
.block_txt_c3, .block_txt_c3 .iconfont {
    background: unset;
    color: var(--light_grey);
    fill: var(--light_grey);
    border-top: 1px dashed var(--grey);
    border-radius: 0;
}
.forumbox .postrow .c2 .subtitle {
    border-color: var(--dark_blue);
    border:none;
}
/* 引用 */
.quote {
    background: var(--dark_grey) !important;
    border: none;
    border-radius: 5px;
}
/* 骰子 */
.dice {
    background: var(--darker_blue);
    border: none;
    border-radius: 5px;
    color: var(--light_blue);
}
.row2 .c2 .posterInfoLine {
    background-color: ...

Reviews

No reviews yet.