https://github.com/vitorcarvalho67/obs-chatstyle

Live broadcasts with more attractive chat styles, ideal for content creators on OBS, promoting visual interactions and greater engagement in lives
https://github.com/vitorcarvalho67/obs-chatstyle

chat css customization live mit-license obs obs-plugin sccs streaming style trasmission twitch youtube youtube-live

Last synced: about 2 months ago
JSON representation

Live broadcasts with more attractive chat styles, ideal for content creators on OBS, promoting visual interactions and greater engagement in lives

• Host: GitHub
• URL: https://github.com/vitorcarvalho67/obs-chatstyle
• Owner: VitorCarvalho67
• License: gpl-3.0
• Created: 2024-02-02T22:38:05.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-14T03:05:18.000Z (9 months ago)
• Last Synced: 2024-05-11T05:45:46.100Z (9 months ago)
• Topics: chat, css, customization, live, mit-license, obs, obs-plugin, sccs, streaming, style, trasmission, twitch, youtube, youtube-live
• Language: SCSS
• Homepage:
• Size: 69.3 KB
• Stars: 12
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    


        English |

        Рortuguês

    




  



# OBS-ChatStyle

[![GitHub license](https://img.shields.io/github/license/vitorcarvalho67/OBS-ChatStyle)](vitorcarvalho67/OBS-ChatStyle/blob/master/LICENSE)

![GitHub stars](https://img.shields.io/github/stars/vitorcarvalho67/OBS-ChatStyle)

![GitHub languages top](https://img.shields.io/github/languages/top/vitorcarvalho67/OBS-ChatStyle)

![GitHub last commit](https://img.shields.io/github/last-commit/vitorcarvalho67/OBS-ChatStyle)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/a260906ca80f48eb806d9cb17f6acc14)](https://app.codacy.com/gh/VitorCarvalho67/OBS-ChatStyle/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)

OBS-ChatStyle represents a milestone for content creators using Open Broadcaster Software (OBS) in their live broadcasts. This innovative project brings a series of visually appealing and dynamic chat styles designed to seamlessly integrate into the streaming environment. Aiming to promote more visual and engaging interactions, OBS-ChatStyle allows streamers to customize the appearance of live chat, making each broadcast unique and captivating. This tool not only enriches the visual experience for the audience, but also offers creators a way to highlight important messages and interact with their community more effectively, raising the level of professionalism and personalization in their lives.



    
Style - 1 (style1.scss)


    

    
Style - 2 (style2.scss)


    

    
Style - 3 (style3.scss)


    


## How to use

clone the repository

```bash

git clone https://github.com/VitorCarvalho67/OBS-ChatStyle.git

```

Navigate to the project directory

```bash

cd OBS-ChatStyle

```

copy the code the file 'style.scss' and paste it into a browser source in OBS.

## Customization

You can customize the colors of your chat by just changing the variables, here is where you should change

```css

:root {

    --font-color: #ffffff;

    --background-owner: #f710ff;

    --background-moderator: #5810ff;

    --background-member: #10c7ff;

    --background-general: #00ee93;

}

```

## Contributing

Contributions to this project are welcome. Please follow these steps to contribute:

1. Fork the repository.

2. Create a new branch for your feature or bug fix.

3. Commit your changes.

4. Push to the branch.

5. Submit a pull request.