Skip to content

Custom Themes

3nly edited this page Nov 26, 2024 · 12 revisions

Stylechan allows you to create and export your very own stylesheets to share with fellow StyleChan users.

Selecting Themes

Simply press the theme you want to use to view instantly then press Save. It's also possible to click SFW or NSFW to choose different themes for SFW and NSFW boards.

687474703a2f2f692e696d6775722e636f6d2f78726b647063582e6a7067

Creating Themes

Start by going into the StyleChan options menu, then clicking the Create button in the Themes tab.

687474703a2f2f692e696d6775722e636f6d2f314d6e635550782e6a7067

The Custom CSS box allows you to input any CSS for that particular theme. Any background image you might add should come from an HTTPS domain as to not break the secure connection on 4chan. See imgur or imgbb.

Base64-encoded data URIs are also compatible.

Exporting Themes

In the Themes tab click the Edit button for your particular theme. In the window that opens, click Export. A .JSON file will be generated that you save can by clicking the now Save me! button.

687474703a2f2f692e696d6775722e636f6d2f386354706141502e6a7067

Importing Themes

In the Themes tab of StyleChan options, click the Import button at the bottom.

687474703a2f2f692e696d6775722e636f6d2f465371426c6d422e6a7067

It is possible to import 4chanSS and Appchan X styles as well. StyleChan will only accept valid .json files.

Custom Themes:

Right-click the image and save as... to download. Note: if you want your custom theme here just open a new issue with your theme, I'll add it here np.

Musume

687474703a2f2f692e696d6775722e636f6d2f654e7354644f392e6a7067

Langley

687474703a2f2f692e696d6775722e636f6d2f4c6c5053524c662e6a7067

モノクロ

687474703a2f2f692e696d6775722e636f6d2f79593957347a432e6a7067

Penumbra

687474703a2f2f692e696d6775722e636f6d2f6f3377635461722e6a7067

Blue Phallus

687474703a2f2f692e696d6775722e636f6d2f49516c6942616b2e6a7067

Yotsuba B Rewired

687474703a2f2f692e696d6775722e636f6d2f47414e6b6766332e706e67

Snowy

68747470733a2f2f692e696d6775722e636f6d2f7872724f736c6f2e706e67

Clone this wiki locally