XF 2.3 light and night css

[rohatcengizhanbucak]

https://xenforo.com/community/threads/custom-prefixes.222693/#post-1688837

How can I make custom CSS assignment in Light and Dark theme modes? I searched a lot but I couldn't find a solution. For example, I want to make the colours of the <h2 class=‘block-header’> element in the forum white in the light theme. However, when it switches to dark mode, it continues to appear white. How can I fix this?

extra.less

.block-header {
    background: #fff;
       border-bottom: 1px solid #dde2ec;
    color: #495057;
}

 

[Old Nick]

See this post https://xenforo.com/community/threads/custom-prefixes.222693/post-1688837

 

[rohatcengizhanbucak]

See this post https://xenforo.com/community/threads/custom-prefixes.222693/post-1688837

I looked but did not understand, can you do it for block-header as an example?

 

[Old Nick]

Try this

.block-header {
    background: #fff;
    border-bottom: 1px solid #dde2ec
    color: #495057;
    .m-colorScheme({{ $xf.style.getAlternateStyleType() }},
    {
        background: #000;
        border-bottom: 1px solid #e2e2e2;
        color: #fff;
    });
}

 

[rohatcengizhanbucak]

Try this

.block-header {
    background: #fff;
    border-bottom: 1px solid #dde2ec
    color: #495057;
    .m-colorScheme({{ $xf.style.getAlternateStyleType() }},
    {
        background: #000;
        border-bottom: 1px solid #e2e2e2;
        color: #fff;
    });
}

I am really grateful to you, my problem has been solved.