A dark theme for the BeamNG website.
DarkNG by hookens
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
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,...