DokuWiki, свой CSS Bootstrap3, темный текст

Можно заметить, что в теме Bootstrap3 Template при выборе темного скина, например, Cyborg – текст в настройках DokuWiki становится нечитаем, почти черный текст на черном фоне.

Решение – использовать свой CSS для DokuWiki и поправить файл /conf/userstyle.css, дописав туда нужные исправления для CSS, чтобы текст в настройках DokuWiki стал снова читаем. Бонусом же я добавляю туда еще и подсветку кода, как по мне – так смотрится куда эстетичнее. А также мой CSS исправляет двойное подчеркивание аббревиатур.

Чтобы избежать проблем при обновлении шаблонов DokuWiki весь пользовательский CSS стоит вносить именно в файл /conf/userstyle.css.

userstyle.css
/* Config Manager */
 
#config__manager td.label label {
    color: #fff;
}
.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #FFF;
}
.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #141414 !important;
}
pre {
    background-color: #000;
    border: 1px solid #383838;
    color: #888888;
}
 
/* Config Manager Edit Boxes */
 
#config__manager td input.edit {
    width: 30em;
    background-color: #000;
    color: #fff;
}
#config__manager tr .input, #config__manager tr input, #config__manager tr textarea, #config__manager tr select {
    background-color: #2a2a2a;
    color: #fff;
}
#config__manager tr.default .input, #config__manager tr.default input, #config__manager tr.default textarea, #config__manager tr.default select, #config__manager .selectiondefault {
    background-color: #2a2a2a;
    color: #fff;
}
#config__manager .selection label {
    float: right;
    width: 14em;
    font-size: 90%;
    color: #fff;
}
 
/* Syntax */
.code.bash .kw2  { color: #d9d9d9; }
.code.bash .kw3  { color: #00aeff; }
.code.bash .re5 {color: #b70034;}
.code.apache .kw3 {color: #00aeff;}
.code.css .re0 {color: #00aeff;}
 
/* Editor */
.dokuwiki textarea.edit {
    color: #b0b0b0;
    background-color: #000;
}
 
/* Edit Boxes */
 
.dokuwiki input.edit, .dokuwiki select.edit {
    vertical-align: middle;
    color: #fff;
    background-color: #1a1a1a;
}
 
/* Quotted Code */
 
code {
color: #6c6;
background-color: #000;
}
 
/* Abbr Single Dotted */
 
abbr[title], abbr[data-original-title] {
border: none;
}