Адаптация внешнего вида форума при помощи CSS

В общем, попытался тут адаптировать темную тему форума под свои личные предпочтения. Получился почти полный монохром.
Для работы нужна поддержка в браузере UserCSS или наличие плагина для этого. В Опере я использую Stylish, для нужного браузера можно взять по ссылке отсюда:
https://userstyles.org
Далее - CSS код, который далает то, что мне хотелось получить.

Да, в мобильных браузерах это не работает.

Код:

/* controls */
.textCtrl:focus, .textCtrl.Focus {
    border-color: hsla(0,0%,60%,1);
}

/* calendar */
#calroot{
    background-color: hsla(0,0%,30%,1);
} 
#caldays{
  border-bottom-color: hsla(0,0%,10%,1); 
}   
#caldays span{
    color: hsla(0,0%,80%,1);
  
}   

#calcurrent {
    background: hsla(0,0%,80%,1);
}

.calweek a.caloff{
    color: hsla(0,0%,60%,1);
} 
.calweek a{
    color: hsla(0,0%,90%,1);
}   

/*menu*/
.Menu {
    border-top: 2px solid hsla(0,0%,40%,1);
}


.navTabs .navTab.selected .navLink,
.navTabs .navTab.PopupClosed.selected .navLink,
.navTabs .navTab.PopupClosed.selected .SplitCtrl {
    color: hsla(0,0%,95%,1);
}


.blockLinksList a:hover,
.blockLinksList a:focus,
.blockLinksList li.kbSelect a,
.blockLinksList label:hover,
.blockLinksList label:focus,
.blockLinksList li.kbSelect label {
    background-color: hsla(0,0%,30%,1);
    color: hsla(0,0%,100%,1);
}

/*breadcrumbs*/
.breadcrumb .crust:last-child a.crumb {
    color: hsla(0,0%,95%,1);
}

/*node*/

.nodeList .categoryStrip .categoryStripIcon{
    color: hsla(0,0%,60%,1);
}   

.node .nodeIcon.hasGlyph {
    color: hsla(0,0%,40%,1);
}

.node .subForumList .unread .nodeTitle {
    color: hsla(0,0%,85%,1);
}

.node .unread .nodeIcon.hasGlyph {
    color: hsla(0,0%,80%,1);
}

.node .unread .nodeText .nodeTitle {
    color: hsla(0,0%,85%,1);
}

.uix_nodeTitle_status{
    background-color:  hsla(0,0%,40%,1);
    color: hsla(0,0%,80%,1);
}

/*discussionListItem*/
.discussionListItem .itemPageNav {
    visibility: visible;
}

.discussionListItems .unread .lastPostInfo .username {
    color: hsla(0,0%,80%,1);
}

.discussionListItems .unread .title a {
    color: hsla(0,0%,85%,1);
}

/*message */
.message .newIndicator{
    background-color:  hsla(0,0%,40%,1);
    color: hsla(0,0%,80%,1);   
}

/*Tag List*/
.tagList .tag {
    border: 1px solid hsla(0,0%,30%,1);
}

.tagList .tag .arrow {
    border-right-color: hsla(0,0%,35%,1);
}

.tagList .tag:hover {
    background: hsla(0,0%,35%,1);
    border: 1px solid hsla(0,0%,35%,1);
}

.tagList .tag:hover .arrow:after {
    border-right-color: hsla(0,0%,35%,1);
}

/*Page navigation*/
.PageNav a.currentPage{
    border-color: hsla(0,0%,45%,1);
}
.PageNav a:hover, .PageNav a:focus {
    background-color: hsla(0,0%,30%,1);
    border-color: hsla(0,0%,40%,1);
    color: hsla(0,0%,85%,1);
}

/*avatar*/
.avatar img, .avatar .img, .avatarCropper {
    background-color: hsla(0,0%,45%,1);
    border-radius: 0px;
}


/* user banner */
.userBanner.bannerStaff {
    background: hsla(0,0%,45%,1);
}

/* PanelScroller */
.PanelScroller .panel, .PanelScrollerOff .panel{
    background-color: hsla(0,0%,30%,1);
}

.PanelScroller .navControls a{
    background-color: hsla(0,0%,25%,1);
    color: hsla(0,0%,90%,1);
    border: 1px solid hsla(0,0%,25%,1);
}   

.PanelScroller .navControls a.current {
    background-color: hsla(0,0%,30%,1);
}

/* */
.audentio_postPagination .progress-bar, #userBar .navTabs, #uix_jumpToFixed, .downloadButton .inner, .PageNav a.currentPage, #SignupButton .inner, .pollResult .bar, #loginBar .pageContent, #loginBar #loginBarHandle {
    background-color: hsla(0,0%,45%,1);
}

.breadcrumb .crust:last-child a.crumb, .navigationSideBar a:hover, body .xenOverlay.memberCard .userInfo h3 a, body .xenOverlay.memberCard .userLinks, .primaryContent a, .PageNav a:hover, .PageNav a:focus, .footer a:hover, .footer a:active, .navTabs .navTab.selected .navLink, .navTabs .navTab.selected .navLink:hover, .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus, .sidebar .visitorPanel .username, .node .unread .nodeText .nodeTitle, .node .subForumList .unread .nodeTitle, .subForumsMenu .node .unread .nodeTitle, .navTabs .navTab.selected .SplitCtrl:before, #logo .uix_icon, #logo a .uix_textLogo, .footer .choosers a:hover, #uix_footer_columns .uix_footer_columns_container > li a:hover {
    color: hsla(0,0%,90%,1);
}

.node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon, #userBar .navTabs .navTab.Popup.PopupContainerControl.PopupOpen, #userBar .navTabs .navTab.selected.PopupOpen .navLink, .resourceListItem .resourceImage .resourceIcon img, .resourceInfo .resourceImage .resourceIcon, #searchBar.hasSearchButton #QuickSearch .primaryControls .uix_icon, .resourceListItem .resourceImage .resourceIcon img, .avatar img, .avatar .img, .avatarCropper, .heading, .xenForm .formHeader, .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen, .navTabs .navTab.Popup.PopupContainerControl.PopupOpen, .dataTable caption, .button.primary, .navTabs .navTab.selected.PopupOpen .navLink, a.callToAction span, .avatarScaler img, .xenOverlay .formOverlay .avatar img, .xenOverlay .formOverlay .avatar .img, .xenOverlay .formOverlay .avatarCropper {
    background-color: hsla(0,0%,60%,1);
}