Vlákno názorů k článku Nový Root: ve spolupráci se čtenáři od Lemming - Alternativní CSS pro betu roota, například pro Stylebot: body...

Alternativní CSS pro betu roota, například pro Stylebot:

body {
background-color: black;
color: #f8f8f8;
}

.page {
background-color: black;
}

.sidebar {
background-color: #333;
color: #f8f8f8;
}

.article__perex {
color: #e0e0e0;
}

.impressum__date {
color: #e0e0e0;
}

.opener {
background-color: #333
;
}

.opener__body {
color: #f8f8f8;
}

.tips {
background-color: #444;
}

.tip__link, .tip__more {
color: #f8f8f8;
}

.tile {
background-color: #333;
}

.perex {
color: #e0e0e0;
}

.impressum--article .impressum__author {
color: #c0c0c0;
}

.impressum__rubric {
color: #c0c0c0;
}

.impressum {
color: #c0c0c0;
}

.discussion__tabs .active .nav__link {
color: white;
background-color: #f04c23;
}

.discussion__link {
color: #f8f8f8;
}

.article__heading a {
color: #f8f8f8;
}

.sklik-ads .sklik-ad .sklik-title a {
color: #f8f8f8;
}

.discussion__to­pic:hover {
background-color: #444;
}

.author__name a {
color: #f8f8f8;
}

.content--bg, .content--breadcrumb, .content--detail, .content--promo {
background-color: #333;
}

.detail__perex .perex {
background: #444;
}

.perex__date {
color: #e0e0e0;
}

.section--detail-bottom {
background: #444;
}

.opinion-view .opinion-text h3.title a {
color: #f8f8f8;
}

#addComment {
background: #444;
}

.loginNotice {
color: #fbf0bf;
background: #555;
}

.article--sidebar:hover {
background: #444;
}

.pagination {
color: #f8f8f8;
}

.ipn-123 .inactive {
background-color: #444;
}

.ipn-123>a, .ipn-123>span {
background-color: #444;
}

Tady: https://help.github.com/articles/create-a-repo/

Kvůli lepšímu ladění barev jsem to zapsal v lessu. Pro získání CSSka zkompilovat:

1) less compilerem (apt-get install node-less)

2) mavenem (pom.xml included, vytváří to JAR, CSSko vzít z rozbaleného target adresáře).

Sorry, blbý odkaz v clipboardu, správný: https://github.com/lemmingucwcz/DarkRoot

A ted jeste sloupec doprava (zatim jen na desktop):

@media (min-width: 970px) {
.page { margin-left:auto; margin-right:350px}
.sidebar { left: auto; right: -350px }
}

Jo, to vypadá použitelně. Drobet jsem to doladil a přidal na do GitHub verze.