https://github.com/pr0pz/limechat-theme-preview-tester

An interactive HTML Page for testing and previewing LimeChat Themes.
https://github.com/pr0pz/limechat-theme-preview-tester

irc irc-client limechat mac macos theme theme-preview theme-testing

Last synced: 4 months ago
JSON representation

An interactive HTML Page for testing and previewing LimeChat Themes.

• Host: GitHub
• URL: https://github.com/pr0pz/limechat-theme-preview-tester
• Owner: pr0pz
• Created: 2023-07-31T16:27:32.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-01T09:50:47.000Z (almost 3 years ago)
• Last Synced: 2025-01-01T05:18:35.358Z (over 1 year ago)
• Topics: irc, irc-client, limechat, mac, macos, theme, theme-preview, theme-testing
• Language: HTML
• Homepage:
• Size: 328 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# __LimeChat Theme Preview Tester__

![Made with HTML](https://img.shields.io/static/v1?label&message=HTML&color=e34c26&logo=html5&logoColor=fff)

![Made with CSS](https://img.shields.io/static/v1?label&message=CSS&color=304cdc&logo=css3&logoColor=fff)

![Made with JavaScript](https://img.shields.io/static/v1?label&message=JavaScript&color=f0db4f&logo=javascript&logoColor=323330)

## __An interactive HTML Page for testing and previewing LimeChat Themes.__

_Like it? I'd appreciate the support :)_

[![Follow on Twitter](https://img.shields.io/static/v1?label=Follow%20on&message=Twitter&color=1DA1F2&logo=twitter&logoColor=fff)](https://twitter.com/pr0pz)

[![Watch on Twitch](https://img.shields.io/static/v1?label=Watch%20on&message=Twitch&color=bf94ff&logo=twitch&logoColor=fff)](https://www.twitch.tv/the_propz)

[![Join on Discord](https://img.shields.io/static/v1?label=Join%20on&message=Discord&color=7289da&logo=discord&logoColor=fff)](https://discord.gg/d7GnhqqAXN)

[![Donate on Ko-Fi](https://img.shields.io/static/v1?label=Donate%20on&message=Ko-Fi&color=ff5f5f&logo=kofi&logoColor=fff)](https://ko-fi.com/propz)

### __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](https://github.com/pr0pz/limechat-theme-preview-tester/blob/main/screenshot.jpg?raw=true)

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](https://github.com/pr0pz/limechat-atom-one-dark).

### __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](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server), 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](https://github.com/pr0pz/limechat-theme-preview-tester/issues).

### __License__

![License: MIT](https://img.shields.io/badge/license-MIT-green)

_That's it!_

___Be excellent to each other. And, Party on, dudes!___