Skip to content

Modern theme - adding 7 themes you may or may not like#9890

Draft
BurningTreeC wants to merge 18 commits into
TiddlyWiki:masterfrom
BurningTreeC:modern-theme
Draft

Modern theme - adding 7 themes you may or may not like#9890
BurningTreeC wants to merge 18 commits into
TiddlyWiki:masterfrom
BurningTreeC:modern-theme

Conversation

@BurningTreeC

Copy link
Copy Markdown
Contributor

This PR adds 7 themes.
They use gpu acceleration where possible and sensible.
They ship a lucid accessibility theme that comes with two contrast palettes dark and light.
They ship a noir theme made especially for dark palettes.

The other themes need to be explored. I like the workbench a lot.

Let's see

@netlify

netlify Bot commented Jun 24, 2026

Copy link
Copy Markdown

Deploy Preview for tiddlywiki-previews ready!

Name Link
🔨 Latest commit 382f617
🔍 Latest deploy log https://app.netlify.com/projects/tiddlywiki-previews/deploys/6a467feeb83bea00085b0406
😎 Deploy Preview https://deploy-preview-9890--tiddlywiki-previews.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions

Copy link
Copy Markdown

Confirmed: BurningTreeC has already signed the Contributor License Agreement (see contributing.md)

@github-actions

github-actions Bot commented Jun 24, 2026

Copy link
Copy Markdown

📊 Build Size Comparison: empty.html

Branch Size
Base (master) 2491.8 KB
PR 2491.7 KB

Diff: ⬇️ Decrease: 0.1 KB


✅ Change Note Status

All change notes are properly formatted and validated!

📝 $:/changenotes/5.4.1/#9890

Type: enhancement | Category: theme
Release: 5.4.1

Add 7 themes, from elegant to opaline

🔗 #9890

👥 Contributors: BurningTreeC


📖 Change Note Guidelines

Change notes help track and communicate changes effectively. See the full documentation for details.

@pmario

pmario commented Jun 24, 2026

Copy link
Copy Markdown
Member

Nice experiment.
IMO that's plugin territory.

@BurningTreeC

Copy link
Copy Markdown
Contributor Author

Nice experiment. IMO that's plugin territory.

Thanks. Aren't themes already plugins? 😉

This release adds seven new themes, enhancing the visual options available.
@pmario

pmario commented Jun 25, 2026

Copy link
Copy Markdown
Member

Yea. sorry. I meant. 3rd party. We already have problems maintaining our existing themes. They are all outdated. We can not handle 7 more

@BurningTreeC
BurningTreeC marked this pull request as draft June 25, 2026 17:44
Comment thread themes/tiddlywiki/opaline/sticky.tid Outdated

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

IMO this one should be <%if%>, since reveal always creates a DOM element, which can cause trouble with style sheets

}
.tc-story-river { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.tc-tiddler-frame {
background: #fff !important;

@pmario pmario Jun 26, 2026

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does print really need !important? If it is the last stylesheet in the row to be active it should do without them. !important will make it close to impossible for users to modify print styling without using !important !important which is the pure horror.

If you move the print CSS at the end of the file it should overwrite everything, which comes prior.

Also if it must have !important for elements that use DOM STYLE, print CSS should be its own tiddler, so users can easily edit it instead of messing it up even more.

@Jermolene

Copy link
Copy Markdown
Member

Thank you @BurningTreeC.

I notice that many of the themes include their own palettes. The original idea was that palettes and themes should be orthogonal; users should be able to select them independently. You may already be aware of #8702 which introduces some quite major changes to the way that palettes work. One improvement is a filter operator to compute the contrast between two colours. This allows us to display warnings for colour pairings that have insufficient contrast.

If themes really need to introduce a new colour that is not in the standard palettes, then the best approach may be for the palette entries to use these new filter operators to dynamically choose colours that are based on the standard palette entries.

It may be worth considering targeting #8702 for these new themes, although I do need to update it from master first.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants