Yarn

Recent twts in reply to #al2rgeq

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

⤋ Read More

@darch@neotxt.dk I’m talking about the gray color for the Tabler icons in the first two themes, i.e. the rich text buttons. I was wondering what they would look like if they used the theme’s accent color or the text color. Now that I think of it, the text color wouldn’t look right either.

The third theme (black/yellow) uses the accent color for those buttons. I was using that as an example.

⤋ Read More

@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.

⤋ Read More

@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.

⤋ Read More

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

⤋ Read More

@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;)

⤋ Read More

Participate

Login to join in on this yarn.