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.