Skip to content

An interactive HTML Page for testing and previewing LimeChat Themes.

Notifications You must be signed in to change notification settings

pr0pz/limechat-theme-preview-tester

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LimeChat Theme Preview Tester

Made with HTML Made with CSS Made with JavaScript

An interactive HTML Page for testing and previewing LimeChat Themes.

Like it? I'd appreciate the support :)

Follow on Twitter Watch on Twitch Join on Discord Donate on Ko-Fi

Description

Developing a LimeChat Theme is kind of odd, since you always have to reload the Theme inside LimeChat to see the new changes. So I decided to build an interactive LimeChat Theme Preview Tester to make the Development of new Themes easier.

Screenshot of LimeChat Theme Tester and Preview

I've added some basic JavaScript: The Text-Input is functional and will add the message to the channel + console with a random nick. The Theme used is my Atom One Dark Theme.

Instructions

  1. Download the latest release and extract the zip wherever you want.
  2. Copy the CSS of the Theme to the "Theme.css" file
  3. Extract the data of the themes .yaml file to the "Theme.yaml.css"
  4. Open the Theme.html, code and reload ;)
  5. I recommend the VS Code Live Preview Extension, so the page automatically refreshes after a code change.

I tried to name the classes self-descriptive, so you should know which .yaml parameter is asked for specific classes.

Found any Bugs?

If you find any bugs/errors, feel free to post an issue.

License

License: MIT

That's it!

Be excellent to each other. And, Party on, dudes!