Можно было бы создать ещё выбор цветового стиля для форума
Я сейчас поигрался с применением стиля в Stylus (плагин браузера), мне стало привычней со своими цветами.
/* фон форума */
html, body{
background-color: #000!important;
}
/* фон средней части форума */
main[id="bd"] {
background-color: #111!important;
}
/* фон средней части форума */
main[id="bd"] ul {
background-color: #333!important;
border-radius: 14px;
padding: 1px 14px 1px 14px;
}
/* фон сообщений */
.msg {
background-color: #333!important;
color: #aaa!important;
}
/* фон цитат */
blockquote {
background-color: #484840!important;
color: #aaa!important;
border-left-color: #937530!important;
}
/* имя автора в посте */
a[itemprop="creator"] {
color: #F88!important;
}
/* наведёный курсор */
.tracker a:hover{
background-color: #383830!important;
}
/* посещённые форумы блеклые */
.tracker a:visited{
color: #666!important;
}
/* не посещённые форумы яркие */
.tracker a{
color: #aaa!important;
}
/* список форумов */
.group-item, .boxlet{
background-color: #333!important;
}
/* имя автора списке форумов */
.group-author{
color: #F88!important;
}
/* теги */
.group-item .tag, span.tag {
background-color: #404038!important;
color: #777!important;
}
/* последнее редактирование - бледно */
.sign_more {
color: #666!important;
}
/* последнее редактирование - бледно */
.sign_more a{
color: #E3CEAB!important;
}
/* дата поста */
.lory-time {
color: #666!important;
}
/* не посещённые форумы яркие */
a.tracker-item{
color: #aaa!important;
background-color: #333!important;
}
/* не посещённые, трекер яркие */
.tracker{
color: #666!important;
background-color: #333!important;
}
/* имя раздела в трекер */
.group-label{
color: #59f!important;
}
/* имя автора в Трекер */
div.tracker-src{
color: #d88!important;
}
/* имя автора в Трекер */
div.tracker-last{
color: #d88!important;
}
/* не посещённые уведомления яркие */
a[class="link-navs event-unread-false notifications-item"]{
color: #aaa!important;
background-color: #333!important;
}
/* наведёный курсор */
a[class="link-navs event-unread-false notifications-item"]:hover{
background-color: #383830!important;
}
input[id="q"], input[id="user"], input[id="title"], input {
color: #aaa!important;
background-color: #333!important;
outline: none;
}
select[id="range"], select[id="interval"], textarea[id="form_msg"] {
color: #aaa!important;
background-color: #333!important;
outline: none;
}
/* мигает в момент клика */
input:active, textarea:active
{
border-color: #0073E6;
}
/* имя автора в Трекер */
.stars{
color: #fd7!important;
}
.news {
color: #aaa!important;
background-color: #333!important;
border-radius: 14px;
padding: 1px 14px 1px 14px;
}
Новости, галерея, статьи исправлены, добавил padding и border-radius. Фон редактируемого поста теперь в чёрном стиле, а также поля в настройках профиля.
Причины:
- Некоторые тексты отвлекают, такие как дата поста, дата исправлений, поэтому их сделал более серыми незаметными.
- Ник сделал красным, потому что важно кто автор поста, несмотря на то, что аватар имеет большую привязку к образу человека.
- В списке форумов и трекера сделал теги менее выделяющимися, так как чаще читаешь название темы. Также подсветил там аватары.
- В разделе «Поиск» в чёрной теме было странно видеть белые поля ввода и раскрывающиеся списки.
- Фон постов и списков (форум, трекер) сделал одинакового цвета, чтобы переключение между страницами не сопровождалось сменой яркости.
- Шрифт подстроил под фон, и я не любитель контрастного текста, то есть слишком яркого на тёмном фоне, глаза режет.
- Увеличен контраст между прочитанными форумами и не прочитанными, прочитанные стали бледнее и их легче детектировать/пропускать глазами.
