nocte
Well-known member
Has anyone built an inverted (i.e. dark) style out of the XF2 default style and wants to share it?
I don't want to install any fancy bling bling styles in order to keep things simple and the upgrade process easy.
I have already tried to build an inverted style, and it's not as easy as it sounds to "invert" the style and get a usable result.
I also had to change some templates, because i could not find a way to do this in style properties:
In core_overlay.less
Find in
Replace:
In core_pagenav.less
Find in
Replace:
I don't want to install any fancy bling bling styles in order to keep things simple and the upgrade process easy.
I have already tried to build an inverted style, and it's not as easy as it sounds to "invert" the style and get a usable result.
I also had to change some templates, because i could not find a way to do this in style properties:
In core_overlay.less
Find in
.overlay
class:
CSS:
.xf-blockBorder();
Replace:
CSS:
border-width: 1px;
border-style: solid;
border-color: @xf-paletteAccent2;
In core_pagenav.less
Find in
.m-pageNavElCore()
:
CSS:
background: linear-gradient(0deg, @xf-contentHighlightBg, mix(@xf-contentHighlightBg, @xf-contentBg, 25%));
Replace:
CSS:
background: @xf-contentHighlightBg;