I have fbk installed as a theme. I also set up the color schemes according to the instructions and for some reason the color scheme does not change when I press the trigger.
Could the problem be that the dark scheme is set by default?
I think the problem is, on the FKB Pro theme page the Color Palette is the FKB - Dark for your setup and the default dark mode color scheme id is FKB - Dark too. In this way when you clicking the button it will switch to the same color palette. Try to change the Color Palette on FKB Pro theme page to FKB - Light.
Technically itâs possible with changing on the FKB Pro theme page the Color Palette to FKB - Dark and the default dark mode color scheme id: FKB - Light. But you shouldnât do it. This not too user friendly when user change the device to dark mode then it will use the FKB - Light scheme. So I donât think its a good idea. And the sidebar toggle will also works the opposite way.
If you really want to do this then a little better if you disable the automatic color scheme change site setting. This way the dark/light color scheme change wonât works automatically. But users can select the prefer color schemes on their preferences/interface page.
Ah. I have a lot of users who donât want to register and read the guides. Itâs a pity that it is impossible to change the color scheme without authorization from Dark (default) to secondary white through 1 button on the panel
Please try it on other themes e.g. Default theme. The theme only has a small CSS snippet about topic ratings which canât cause this kind of issue. Did you update your Discourse version too?
It isnât lined up with the topic/post section above it and itâs killing my OCD, haha.
Also, @Don, how would I move this top tab over to the right? I have tried messing with the CSS but canât figure it out. I donât like how it covers the topics some.
If anyone was annoyed by âlow-hangingâ letters (like the letter âgâ) being cut off, as shown below, the fix is:
Go to the fkb-c-topic-list.scss file and change line 123 (by default at least), which is: line-height: var(--line-height-small); to line-height: 1.1rem;. Makes it show normal without being cut off.
Hello @Festinger Thanks! Do you mean using the default topic list template? I am not sure yet but I will try this. If It works then this should works too.
Hello @45thj5ej Actually that is perfectly lined with topic avatar + topic body width
But you can change it if you want
Desktop CSS
.topic-area > .loading-container,
.topic-above-footer-buttons-outlet.presence,
#topic-footer-buttons,
.more-topics__container {
width: var(--wo-avatar-width); // without avatar width
margin-left: calc(60px + 1em); // avatar width + distance between avatar and body
}
}
Yeah, this one is not the easiest because this element has fixed position. I donât think we can move it nicely because the side distance will always different on different size of screens.
Thanks, Iâve increased the line height.
Nope, this is currently not possible with this theme.