Skip to content

DarkNG by hookens

Screenshot of DarkNG

Details

Authorhookens

LicenseCC BY 4.0

Categoryuserstyles

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark theme for the BeamNG website.

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         DarkNG
@version      20211016.14.27
@namespace    userstyles.world/user/hookens
@description  A dark theme for the BeamNG website.
@author       hookens
@license      CC BY 4.0
==/UserStyle== */

@-moz-document domain("beamng.com") {
.resourceListMain{background-color:#111;border:1px solid #444}.textHeading,.xenForm .sectionHeader{border-bottom-color:#444;color:#aaa}.tabs{border-bottom-color:#333}.breadcrumb{background-color:#111;border-color:#444;color:#bbb}.breadcrumb .crust .arrow span{border-left-color:#333}#logo img{-moz-box-sizing:border-box;background:url(https://raw.githubusercontent.com/Hookens/DarkNG/main/logo.png) no-repeat;box-sizing:border-box;display:block;height:236px;padding-left:240px;width:240px}.navTabs .navTab.selected .navLink{background-color:#222;border:0;border-bottom:1px solid #fff}.textCtrl{background-color:#111;border-color:#444;color:#eee;font-family:Lato,Helvetica,sans-serif;font-size:13px}.tagList .tag{background:#222;border-color:#F60;color:#eee}.tagList .tag:hover{background:#F60;color:#222}.tagList .tag .arrow:after{border-right-color:#222}article > blockquote > span{color:#eee!important}.button:hover{background-color:#333;color:#F60}.hasJs .bbCodeSpoilerText{background-color:#111;border-color:#444}.ugc a:hover,.ugc a:focus{background:None;box-shadow:0 1px 0 #F60}.innerContent .rateBlock{background:#222;border-color:#444}.report{color:#C00!important}#exposeMask{background-color:#000!important}.xenOverlay .formOverlay{background-color:#111;border-color:#444;color:#eee}.xenOverlay .formOverlay .textCtrl{background-color:#333;border-color:#444;color:#eee}.rulesli > b > span{color:#F60!important}.rulesli a{color:#FFF!important}.redactor_toolbar li.redactor_btn_group ul{background-color:#333;border-color:#444;color:#222}.forum_list .nodeList .nodeList,.forum_view .nodeList,.category_view .nodeList,.watch_forums .nodeList{border:None}.message .newIndicator,.uix_nodeTitle_status{background-color:#222;color:#F60}.imageCollection{background:#111;border-color:#444;margin:10px auto}.Menu{border-color:#444;border-top-color:#F60;font-size:13px}.sectionFooter{background-color:#222;border-bottom-color:#444;color:#eee}.activeSticky.lastSticky .pageContent{box-shadow:none}.discussionListItem{background-color:#222;border-bottom:#444}.discussionList .sectionHeaders{background-color:#333;color:#eee}.discussionList .sectionHeaders dd a[href]:hover{background-color:#444;color:#eee}.discussionListItem .stats dl{border-left-color:#444;border-right-color:#444;padding:0 10px}.messageList .message{background-color:#111;border:0;border-bottom:2px solid #444;margin:12px auto}.bbCodeBlock pre,.bbCodeBlock .code{background-color:#222;background-image:-webkit-repeating-linear-gradient(top,rgba(0,0,0,.015) 0px,rgba(0,0,0,.015) 26px,rgba(0,0,0,.2) 26px,rgba(0,0,0,.2) 52px);background-image:-moz-repeating-linear-gradient(top,rgba(0,0,0,.015) 0px,rgba(0,0,0,.015) 26px,rgba(0,0,0,.2) 26px,rgba(0,0,0,.2) 52px);background-image:-ms-repeating-linear-gradient(top,rgba(0,0,0,.015) 0px,rgba(0,0,0,.015) 26px,rgba(0,0,0,.2) 26px,rgba(0,0,0,.2) 52px);background-image:-o-repeating-linear-gradient(top,rgba(0,0,0,.015) 0px,rgba(0,0,0,.015) 26px,rgba(0,0,0,.2) 26px,rgba(0,0,0,.2) 52px);background-image:repeating-linear-gradient(top,rgba(0,0,0,.015) 0px,rgba(0,0,0,.015) 26px,rgba(0,0,0,.2) 26px,rgba(0,0,0,.2) 52px)}.message .signature{border-color:#444;border-style:solid;color:#767676;font-size:9pt;margin-bottom:6px;margin-top:6px;padding-bottom:6px;padding-top:6px}.message .messageMeta .control{background-color:#222;border-color:#444;color:#F60}.dark_postrating_outputlist{color:#444}.dark_postrating_detail{background:#111;color:#eee}.bbCodeQuote .quoteContainer{background-color:#222;background-position:top;background-repeat:repeat-x;border-left-color:#F60;padding:6px}.bbCodeQuote .attribution{border-left-color:#F60}.messageUserBlock .extraUserInfo,.messageUserBlock div.avatarHolder{background-color:#222;border-bottom-color:#444;border-top-color:#444}.messageUserBlock .arrow{border-left-color:#444}.attachedFiles .attachmentList{background:#222;border-radius:0}.bbCodeQuote .quoteContainer .quoteExpand,.signature .uix_signatureCover{background:-webkit-linear-gradient(top,rgba(250,250,250,0) 0%,#000 80%);background:-moz-linear-gradient(top,rgba(250,250,250,0) 0%,#000 80%);background:-o-linear-gradient(top,rgba(250,250,250,0) 0%,#000 80%);background-image:linear-gradient(rgba(250,250,250,0) 0%,#000 80%)}.quickReply > form > div > div > div{color:#aaa!important}.button.btn-link,.button.btn-list{border-bottom:1px solid #eee;color:#eee}.button.btn-list{background-color:#111!important}.line-big .line-mid::before{background-image:linear-gradient(113deg,#f60 0.3em,#222 0.35em,#222 2.3em,#f60 2.35em,#f60 5.3em,#222 5.35em,#222 6.3em,#f60 6.35em,#f60 7.3em,#222 7.35em)}.line-medium .line-mid::after{background-image:linear-gradient(293deg,transparent 1em,#f60 1.05em,#f60 3.7em,#222 3.75em)}.line-medium .line-start{background-image:linear-gradient(90deg,transparent 1em,#222 1.05em)}.line-medium .line-finish{background-image:linear-gradient(113deg,#222 0.2em,#f60 0.25em,#f60 60%,rgba(255,102,0,0) 80%),linear-gradient(293deg,#222 0.2em,#f60 0.25em,#f60 60%,rgba(255,102,0,0) 80%)}.line-medium .line-start::before{background-image:linear-gradient(113deg,transparent 0.2em,#f60 0.25em,#f60 5.2em,#222 5.25em,#222 6em,#f60 6.05em,#f60 9em,#222 9.05em,#222 9.9em,#f60 9.95em,#f60 10.7em,#222 10.75em)}.devlog-section .fill-height::after{background:linear-gradient(rgba(0,0,0,0),#111 50%,#111)}body .bng-drive,.light .bng-drive{background-image:url(/game/images/logos.svg#bng-drive-white)}.buttons-menu > .button.btn-menu:first-child,.button.btn-menu.btn-menu-first{background-image:linear-gradient(113deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 40%,rgba(255,102,0,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 40%,rgba(255,102,0,0) 80%),linear-gradient(113deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 .95em,rgba(0,0,0,0) 1em),linear-gradient(293deg,rgba(0,0,0,0) .8em,rgba(0,0,0,0) .85em,rgba(0,0,0,0) .95em,rgba(0,0,0,0) 1em),linear-gradient(113deg,rgba(0,0,0,0) .8em,#111 .85em,#111 40%,rgba(194,211,222,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#111 .85em,#111 40%,rgba(194,211,222,0) 80%),linear-gradient(113deg,rgba(0,0,0,0) .8em,#333 .85em,#333 40%,rgba(242,244,246,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#333 .85em,#333 40%,rgba(242,244,246,0) 80%)}.button.btn-menu{background-image:linear-gradient(113deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 40%,rgba(255,102,0,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 40%,rgba(255,102,0,0) 80%),linear-gradient(113deg,rgba(0,0,0,0) .8em,rgba(0,0,0,0) .85em,rgba(0,0,0,0) .95em,rgba(0,0,0,0) 1em),linear-gradient(293deg,rgba(0,0,0,0) .8em,rgba(0,0,0,0) .85em,rgba(0,0,0,0) .95em,rgba(0,0,0,0) 1em),linear-gradient(113deg,rgba(0,0,0,0) .8em,#111 .85em,#111 40%,rgba(194,211,222,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#111 .85em,#111 40%,rgba(194,211,222,0) 80%),linear-gradient(113deg,rgba(0,0,0,0) .8em,#333 .85em,#333 40%,rgba(242,244,246,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#333 .85em,#333 40%,rgba(242,244,246,0) 80%)}.buttons-menu > .button.btn-menu:last-child,.button.btn-menu.btn-menu-last{background-image:linear-gradient(113deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 40%,rgba(255,102,0,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#f60 .85em,#f60 40%,rgba(255,102,0,0) 80%),linear-gradient(113deg,rgba(0,0,0,0) .8em,rgba(0,0,0,0) .85em,rgba(0,0,0,0) .95em,rgba(0,0,0,0) 1em),linear-gradient(293deg,rgba(0,0,0,0) .8em,#111 .85em,#111 .95em,rgba(0,0,0,0) 1em),linear-gradient(113deg,rgba(0,0,0,0) .8em,#111 .85em,#111 40%,rgba(194,211,222,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#111 .85em,#111 40%,rgba(194,211,222,0) 80%),linear-gradient(113deg,rgba(0,0,0,0) .8em,#333 .85em,#333 40%,rgba(242,244,246,0) 80%),linear-gradient(293deg,rgba(0,0,0,0) .8em,#333 .85em,#333 40%,rgba(242,244,246,0) 80%)}.button:not(.btn-list) > .btn-drop-arrow{filter:brightness(100%)}.light input[type="text"],.light input[type="search"],body input[type="text"],body input[type="search"]{border-bottom-color:#F60;color:#eee}.searchbox .s-item:hover,.searchbox .s-item:focus{background-color:#111;outline:0}.searchbox .s-highlight{background-color:#444;color:#F60}.small-hide > div{background-color:transparent!important}.line-inner-small{background-image:linear-gradient(180deg,#F60 0.1em,transparent 0.15em)}.line-inner-small::before{background-image:linear-gradient(113deg,transparent 0.2em,#F60 0.25em,#F60 0.6em,#E5E9F2 0.65em,#E5E9F2 1.6em,#F60 1.65em,#F60 1.8em,transparent 1.85em)}::-webkit-scrollbar{height:7Q;width:7Q}.light::-webkit-scrollbar,body::-webkit-scrollbar,.light::-webkit-scrollbar,body ::-webkit-scrollbar{background-color:#444}body,.PanelScroller .panel,.PanelScrollerOff .panel{background-color:#111;color:#aaa}.featuredResourceList .featuredResource,.navTabs .navTab.selected .tabLinks,#content .pageContent,.imageCollection li{background-color:#111;border:0}.featuredResourceList .featuredResource .resourceInfo .title a,a[href]:hover,.navTabs .navTab.PopupClosed .navLink:hover,.breadcrumb .crust:last-child a.crumb,.navTabs .navTab.selected .tabLinks a:hover,.navTabs .navTab.selected .tabLinks a:focus,.navTabs .navTab.selected .navLink,.navTabs .navTab.PopupClosed.selected .navLink,.navTabs .navTab.PopupClosed.selected .SplitCtrl,.node .nodeText .nodeTitle a:hover,.subForumList .nodeTitle a:hover,.node .unread .nodeIcon.hasGlyph,.sidebar .visitorPanel .username,.discussionListItems .unread .lastPostInfo .username,.discussionListItems .unread .title a,.bbCodeQuote .quoteContainer .quoteExpand,li.message .uix_signatureToggle,.maingrid a > h3:hover,.maingrid a > h4:hover,.maingrid a > h5:hover{color:#F60}body .muted,body a.muted,body .muted a,a:link,a:visited,.node .subForumList .unread .nodeTitle,.node .unread .nodeText .nodeTitle,.light,.light .text,body,...

Reviews

No reviews yet.