[tw5] tw5-primer v1.0.1 is here!

[Finn_Lancaster]

Earlier today, I released my newest plugin/theme: tw5-primer, using the primer.css library. Now, I’m happy to announce v1.0.1 is here, where I have built upon the old code to conform with TW standards, as recommended by @PMario.

For those of you who haven’t already seen it, a demo/install can be found at tw5-primer.finnsoftware.net , and its github page is at GitHub - flancast90/tw5-primer: GitHub's primer.css library... in tw5!.

What’s new?

• There is no longer any js portion involved in the theme
• instead, everything is now CSS as a styles.tid file. This keeps your wiki lightning fast, as well as usable in no-internet situations!
• Theming colors updated: edit area, tags, etc all are different looking using a mix of primer classes and my own CSS!

And one Last Thing:
I’m looking to get some others opinions on this; I would like to rename the plugin the Charcoal, or perhaps Ebony to reflect its modern feel, but would also like to keep the fact that it uses some (not much anymore) code from Primer.css, and is based upon it.

What do you guys think? Any different ideas for names?

As usual, if you appreciate my work on this, drop a star at the github: GitHub - flancast90/tw5-primer: GitHub's primer.css library... in tw5!

[telumire]

Hi, nice work !

IMO text-shadows make text harder to read when it’s already on a dark background, maybe consider removing it ?
The color you use for the text editor should have more contrast, ideally the same color than on the view. Light grey on dark blue is really hard to read …
The icons of the editor are too big : 3 rows instead of the usual 1 ?

[Finn_Lancaster]

Appreciate the feedback. I’ll implement these in v1.0.2, and have it released by tomorrow, hopefully!

[Finn_Lancaster]

@Télumire,
Check it out, v1.0.2 is here, with all the changes you asked for! I’m thinking v1.0.3 should be some more hotfixes, including increasing icon-size in the Tiddler ViewBar. What do you think?

[Mohammad]

Finn
I would recommend separating the color palette from layout (theme)!
Right now, I cannot change the color palette!

[telumire]

This is much more readable, nice !

By the way, I’ve found a great example of accessible design by the team of firefox : https://design.firefox.com/photon/visuals/color.html
They link to these guidelines/tools - in case you’ll want to tweak your theme even further

• Web Content Accessibility Guidelines (WCAG) 2.1 - WCAG 2.0 Level AA guidelines to ensure proper color contrast

• Color Contrast Checker - TPGi - contrast and color blindness analyzer (Windows and macOS) by The Paciello Group.

• https://contrast-ratio.com/ - contrast ratio calculator (Web) by Lea Verou.

• Sim Daltonism - color blindness simulator (iOS and macOS) by Michel Fortin.

• Supporting High Contrast Themes - Win32 apps | Microsoft Docs - Supporting High Contrast Themes on Windows, guidelines by Windows Dev Center.

[Finn_Lancaster]

Awesome! I believe Canva has a good color theory wheel, too: https://www.canva.com/colors/color-wheel/.