Today I want to share my "Night Mode" theme for this forum. Inspired by other "Night Mode" themes from other website I just created this one.
How to install this theme:
1. You need an addon that manipulates the stylesheet from any website.
- If you ask me I would prefer "Stylish" as addon. Available for the follwing browsers: Google Chrome , Firefox, Opera
2. Active the addon if not already activated.
3. Click on the addon symbol and choose "Create Design".
4. Copy and paste the code that you can find here.
5. Change the rule to ""URL on follwing domains ..." and enter "forum.aion.gameforge.com" to apply this theme just for this website.
6. Give this theme a name (can be anything - name doesn't make any change) and click on "save".
7. Go back to this website and active this theme if not already actived yet.
OR just click here and click "install style".
Examples:
Dashboard:
Forum view:
Thread View:
Changelog 14.02.2019:
- Release
- *{box-sizing:border-box;color:#8a8a8a}a,a:hover,.messageReduced .messageTitle a,.messageReduced .messageTitle a:hover{color:#8a8a8a}body{background:#0c0c0c;overflow-x:hidden}.pageHeaderPanel{background-color:#000;border-bottom:1px solid #2c2c2c}.pageHeaderFacade{display:none}.pageNavigation{margin-top:60px;max-width:100%;border-left:1px solid #2c2c2c;border-right:1px solid #2c2c2c;border-top:1px solid #2c2c2c}.pageNavigation .breadcrumbs>ol>li>a{color:#dadada;text-decoration:none;font-size:1em}.pageNavigation .breadcrumbs>ol>li>a:hover{color:#7e7e7e}.pageNavigation .icon:before{color:#dadada}.pageNavigation .icon:hover:before{color:#7e7e7e}.tabularBoxTitle>header,.tabularListRowHead{background:#0e0e0e;border:0;border-radius:0;text-align:left}.info{background-color:#2c2c2c;border-color:red}.sidebar{display:none}.message{border:1px solid #2c2c2c;border-width:1px!important}.messageHeaderMetaData .messagePublicationTime{color:#7e7e7e}.messageSignature{border-top:1px solid #2c2c2c}.mainMenu .boxMenu>li>a,.userPanel>ul>li>a{background:#0c0c0c;color:#dadada}.mainMenu .boxMenu>li.active>a,.mainMenu .boxMenu>li:hover>a{background:#1b1b1b;color:#fafafa}.wbbCollapsibleCategory h2>a:hover{color:#7e7e7e}.badge,a.badge,a.badge.label{color:#fff}.badge.badgeUpdate,a.badge.badgeUpdate{background-color:#4e4e4e;color:#dadada;box-shadow:unset}.mainMenu .boxMenu .boxMenuDepth1{border-radius:0}.mainMenu .boxMenu .boxMenuDepth1>li>a:hover{background:#0c0c0c;color:#fff}.sidebar .boxContainer .box:first-child{display:none}#main .layoutBoundary{background:#0c0c0c;border-left:1px solid #2c2c2c;border-right:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c}.popover,.popoverContent{background:#2c2c2c}.mainMenu .boxMenu .boxMenuDepth1>li.active>a,.mainMenu .boxMenu .boxMenuDepth1>li>a:hover{background:#2c2c2c}.section{background:#1e1e1e;padding:10px;color:#8a8a8a}.section a{color:#4e4e4e}.section a:hover{color:#5e5e5e}.messageSidebar{background:#1a191c;border-right:1px solid #323232}.message{background:#1a1a1a;color:#8a8a8a}.content:not(:last-child){flex-basis:calc(100%);max-width:calc(100%)}.quoteBox{background-color:#323232}.pagination>ul>li.disabled{display:none}.htmlContent table tr:hover>td,.messageBody>.messageText table tr:hover>td,.messageSignature>div table tr:hover>td,.redactor-layer table tr:hover>td,.table tr:hover>td,.messageTableOverflow>table tr:hover>td{background:transparent}.redactorAutosaveRestored{background:#3e3e3e}woltlab-quote,woltlab-spoiler,.quoteBox,.redactor-layer pre{background:#1f1f1f!important;border:1px solid #2e2e2e}.quoteBoxIcon{margin:0;padding:10px 30px}.quoteBoxIcon>a>img{filter:grayscale(.5)}.quoteBoxIcon>a>img:hover{filter:grayscale(0)}.quoteBox>.toggleButton,.quoteBox.collapsed>.toggleButton{margin-top:30px;box-shadow:0 -10px 50px 10px #1a1a1a;background:#3e3e3e;font-style:normal;font-size:.8em;text-transform:uppercase;padding-bottom:10px}.interactiveDropdownItemsContainer{background:#1e1e1e}.interactiveDropdownItems>li a{color:#4e4e4e}.interactiveDropdownItems>li a:hover{color:#5e5e5e}.inputItemList,input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.inputItemList:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="email"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="url"]:hover,select:hover,textarea:hover,.inputItemList:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus{margin:0;background-color:#3e3e3e;border:1px solid #4f4f4f;border-radius:0;color:#9f9f9f}.redactor-box{background:#2a2a2a}.redactor-toolbar,.messageTabMenuNavigation>ul{background:#4e4e4e;border:unset}.messageTabMenuNavigation a span{color:#cfcfcf}.redactor-toolbar>li>a:hover{background:#2e2e2e}.redactor-toolbar>li>a:hover span{color:#1a1a1a}.messageTabMenu:not(.messageTabMenuContent)>.messageTabMenuContent.active{background:#3e3e3e}.messageTabMenu>.messageTabMenuContent.active{background:transparent}.messageTabMenuNavigation>ul>li{border:0}.messageTabMenuNavigation>ul>li.active>a::after{display:none}.messageTabMenu.messageTabMenuContent>nav>ul>li>a{color:#6f6f6f}.messageTabMenu.messageTabMenuContent>nav>ul>li.active>a{color:#f2f2f2}button,button.buttonPrimary,input[type="button"].buttonPrimary,input[type="submit"],.button.buttonPrimary,a.button.buttonPrimary{background-color:rgba(66,66,66,1);color:#7f7f7f;box-shadow:unset}buttony:hover,button.buttonPrimaryy:hover,input[type="button"].buttonPrimaryy:hover,input[type="submit"]:hover,.button.buttonPrimaryy:hover,a.button.buttonPrimary:hover{color:#3e3e3e}.formSubmit{text-align:left}woltlab-quote:not(.redactorCalcHeight)::before,woltlab-spoiler:not(.redactorCalcHeight)::before,.redactor-layer pre:not(.redactorCalcHeight)::before,.redactor-layer pre.woltlabHtml::before{color:#fff!important}.boxesFooterBoxes a,.pageFooter a{color:#3e3e3e!important}.wbbBoardList .wbbBoardDescription,.contentHeaderDescription{color:#6e6e6e!important}.wbbBoardList .icon{color:#8e8e8e!important}dl.statsDataList>dt,.messageGroupListStatsSimple{color:#8e8e8e}.containerList>li .buttonGroupNavigation>ul{background:#3e3e3e}.containerList>li .buttonGroupNavigation>ul>li>a>span{color:#afafaf!important}
If you find any mistake or that should'nt be like expected don't hesitate contact me and maybe give me some feedback.