• Hey Guest, we're evolving the future of TeaSpeak.
    You're invited to join the discussion here!

Dark design

Kevinos

Fanatic member
Premium User
Yes good idea, several site starts to put dark template, youtube,twitter etc... ;)
 
Hello @Bluscream,

currently we are working on the basic settings of this forums. Because of the fact, that @WolverinDEV is very busy with this project and also I have my own project to manage, this work can last longer than expected. We are sorry about this.

But as soon as possible (when this work is done) we will work on our second step in this forums. This step is about the design and about the templates. Maybe there will also be a black version available in this forums later.
 

Leprechaun

Member
For now i made this style for stylish, i hate white because my eyes exploding any time:


Is not complete for all element in a couple of page but is usable :3
I'm not a web designer, not a nice color selection but you can change.

Style:
CSS:
.p-header {
background: #333131;
}

.p-nav {
    background: #1E1D1D;
}


.p-body {
background: #333131;
}

.p-title-value {
color: #fff;
}

.p-sectionLinks {
background: #181919;
}

.message-cell {
background: #3F3F3F;
}

.bbWrapper {
color: #fff;
}

.message-cell--user {
background: #1e1d1d !important;
}

.userTitle {
color: #fff;
}

.likesBar {
background: #3b4147 !important;
}

.p-footer {
background: #1E1D1D !important;
}

.fr-element  {
background: #1E1D1D !important;
}

p {
color: #fff;
}

.fr-toolbar {
background: #8f9091;
}

.block-container {
background: #303030;
}

.block-header  {
background: #1E1D1D;
}

dd {
color: #fff;
}

.bbCodeBlock-content  {
background: #303030;
}

.bbCodeBlock-expandLink {
background: linear-gradient(to bottom, rgba(47, 44, 44, 0) 0%, #0c0808 80%);
}

.memberHeader-content {
background: #2d2c2c;
}

.memberTooltip {
background: #2d2c2c;
}

.memberTooltip-header {
background: #2d2c2c;
}

.tooltip-content {
background: #2d2c2c !important;
}

.block-filterBar {
background: #1E1D1D;
}

.menu-content {
background: #2d2c2c;
}

.menu-row {
background: #2d2c2c !important;
}

.menu-row--highlighted {
background: #2d2c2c !important;
}

.menu-footer {
background: #1E1D1D !important;
}

.menu-linkRow {
color: #fff;
}

.menu-row--clickable {
color: #fff;
}

.menu-header  {
background: #1E1D1D;
}

.menu-row {
color: #fff;
}

.blockStatus {
background: #3d0409;
}

.p-navgroup {
background: #1E1D1D;
}

.p-nav-opposite {
background: #1E1D1D;
}

.p-nav {
    color: #fff;
}

.p-navEl-link {
    color: #fff !important;
}

.p-navEl-link--splitMenu {
background: #1E1D1D;
}

.p-nav a {
background: #1E1D1D !important;
}

In the style editor set "url start with" and value https://forum.teaspeak.de or stylish use it like a global style, and is not good :3

Browser addon:
Chrome
Firefox
 
Last edited:

Leprechaun

Member
Awesome, thanks. Definitly gonna use it :)
You welcome :)

I'm sorry if not all items are customized but i made it in 10 minute and i'm lazy :ROFLMAO:
You can add more rule if want, if the website ignore it use !important tag

Remember, set the style only for this forum or stylish try to apply on all website
Sorry but my browser in italian, translated is "url start with", screenshot here:
Modifica dello stile forum.teaspeak.de - Mozilla Firefox.jpg
 
Last edited: