I have been hacking away on replacing the PicoCSS with Simple.css, since it offer a much manageable set of color variables that can ease the work of making your own team a whole lot.

I have gotten to a place now with some sane default colors, so you are welcome to take it for a spin from: https://git.mills.io/yarnsocial/yarn/src/branch/theme_simpleCSS

There are still some issues with the mobile menu and some side-effects of using headers in places it should not have been used in the first place.

Please let me know if this is something that you see worthy of being merged into main and what you like or dislike about it as it stands now.

Image

Image

Image

Image

Image

Image

@darch@neotxt.dk It’s looking great! I’d stay with the 3rd screenshot

@mckinley@twtxt.net thank you:) you meen if there was no accent color so it would be all monochrome?

The only difference between 2nd and 4th is the accent, but you mean to have a light version with orange accent?

@eaplmx@twtxt.net thanks, yeah I also like the freshness of the blue/magenta the most. It is the the default light colors of simple.css and very similar to my colorscheme on blog.neotxt.dk 😉

@mckinley@twtxt.net oh you mean just the icons? Would that be the main text like the twts or do you mean the accent/link color?

@mckinley@twtxt.net gotcha, so similar to how the nav elements are styled now on twtxt.net?

Actually if you look closely the icons are more yellow and the link text are orange, but I can try to make a version of the two first theme where icons and accent are the same or vrey close to the same color.

@mckinley@twtxt.net Is this what you were asking for?

Image

Image

@mckinley@twtxt.net The good thing is you we do not have to just pick one. The idea with themes are that people can pick what colors they want

@tkanos@twtxt.net Ouch there is a scenario that I didn’t anticipate… You might have to run you own pod to be able to change between two dark themes if the change is to be controlled automatically by your OS/browser.

Or we need to extend the option for custom CSS beyond just a primary/accent and secondary/icon color…
Hmm we could add the option to just add each of those for a dark and and light mode.

@tkanos@twtxt.net Haha no worries 🤙 Maybe we will leave that issue for later. Just really great with all the feedback and to see that you guys want more color options 🎨

I believe I have fixed what I found of issues on the main pages, so theme_simpleCSS should be ready for daily use and a merge with main soon.

One big change is that the Custom Secondary Color under Settings now control the icons and inline-code instead of Hover/Select Color as before

Image

Image

@tkanos@twtxt.net the orange is the default dark mode from simplecss.org - you can also find it inside 03-colours.css in the branch repo. I’m on my phone so can’t pull out the hex code right now, but now you know where to look;)