tw5-primer v1.0.1 is here!

Finn Lancaster

unread,

Aug 25, 2021, 4:51:55 PM8/25/21

to TiddlyWiki

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 https://github.com/flancast90/tw5-primer.

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: https://github.com/flancast90/tw5-primer

Télumire

unread,

Aug 25, 2021, 5:02:50 PM8/25/21

to TiddlyWiki

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

unread,

Aug 25, 2021, 7:19:10 PM8/25/21

to TiddlyWiki

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

Finn Lancaster

unread,

Aug 25, 2021, 10:31:45 PM8/25/21

to TiddlyWiki

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

unread,

Aug 26, 2021, 3:34:37 AM8/26/21

to tiddl...@googlegroups.com

Finn

I would recommend separating the color palette from layout (theme)!

Right now, I cannot change the color palette!

Best wishes

Mohammad

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/923e1c96-1eba-42e7-a11e-160000c352c6n%40googlegroups.com.

Télumire

unread,

Aug 27, 2021, 12:56:33 AM8/27/21

to TiddlyWiki

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 :)

https://www.w3.org/TR/WCAG/#visual-audio-contrast - WCAG 2.0 Level AA guidelines to ensure proper color contrast
https://www.tpgi.com/color-contrast-checker/ - contrast and color blindness analyzer (Windows and macOS) by The Paciello Group.
https://contrast-ratio.com/ - contrast ratio calculator (Web) by Lea Verou.
https://michelf.ca/projects/sim-daltonism/ - color blindness simulator (iOS and macOS) by Michel Fortin.
https://msdn.microsoft.com/library/windows/desktop/hh404233(v=vs.85).aspx - Supporting High Contrast Themes on Windows, guidelines by Windows Dev Center.

Finn Lancaster

unread,

Aug 27, 2021, 10:20:19 AM8/27/21

to TiddlyWiki

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

Reply all

Reply to author

Forward