A CSS only library to fill your empty background with beautiful patterns.

[Petruschka]

I found this while surfing the web.

Enjoy!

https://github.com/bansal-io/pattern.css?ref=producthunt

[Petruschka]

Follow up:

• The Simpsons in pure CSS - https://pattle.github.io/simpsons-in-css/

• CSS Color Gradient Generator - https://mybrandnewlogo.com/de/farbverlaufsgenerator
  

[Riz]

For those wondering how to make use of it without involving node and terminal and all.

Warning: Do it in a empty wiki - not your production wikis

1. Create a tiddler - give it any name. Add the following as text

<link href="https://unpkg.com/pattern.css" rel="stylesheet">

2. To the above tiddler, add the following tag

$:/tags/RawMarkup

3. Go to advanced search > Shadows  and search for "$:/core/ui/PageTemplate". Click the link and open to edit it.

4. At the top of "$:/core/ui/PageTemplate", you will see a macro that looks like the following

\define containerClasses()
tc-page-container tc-page-view-$(storyviewTitle)$ tc-language-$(languageTitle)$
\end

5. Add your desired classes to the the end of that list. After adding, tit will look something like this

\define containerClasses()
tc-page-container tc-page-view-$(storyviewTitle)$ tc-language-$(languageTitle)$ pattern-diagonal-lines-md bg-blue white
\end

6. Close "$:/core/ui/PageTemplate" and see the effect

If you want the effects to be limited to tiddlers, not whole tiddlywiki

Step 1 and 2 is same and above

3. Open Advanced search > Shadows. Search for "$:/core/ui/ViewTemplate". Click the link and open to edit it.

4. It its text, look for the part that goes like

class={{{   tc-tiddler-frame tc-tiddler-view-frame

5. Add your classes to that list. It would look like

class={{{ pattern-diagonal-lines-md bg-blue white  tc-tiddler-frame tc-tiddler-view-frame

Sincerely,

Riz

[Rohrreiniger]

Thank you Riz!

[Mohammad]

Thank you Petruschka for sharing!

Thank you Riz for great instruction!

I may also add the below wonderful source pretty background patterns can be used for your Tiddlywiki!

https://www.toptal.com/designers/subtlepatterns/

--Mohammad