Giter VIP home page Giter VIP logo

chatty-edit's Introduction

Chatty Edit

chatty-logo

Chatty is a customizable sleek-looking Discord theme with rounded borders, trasparency and a custom background.

Features

  • Custom Background Images, by default daily images from Unsplash
  • Replugged Support
  • BetterDiscord Support
  • Vencord Support
  • OpenAsar Support

Preview

Preview

Installation

Follow those steps to install the theme on your client.

Replugged

  • Open the Replugged Theme Folder.
    • 1️⃣ Discord settings
    • 2️⃣ Themes
    • 3️⃣ Open Theme Folder
  • Open a terminal instance in the folder. (MacOS - Windows)
  • In the terminal paste this git clone https://github.com/zerol1ght/chatty-edit.git and click enter.

BetterDiscord

  • Open the BetterDiscord Theme Folder.
    • 1️⃣ Discord settings
    • 2️⃣ Themes
    • 3️⃣ Open Theme Folder
  • Open a terminal instance in the folder. (MacOS - Windows)
  • In the terminal paste this git clone https://github.com/zerol1ght/chatty-edit.git and click enter.
  • Once you have the folder downloaded, open it and move out the ChattyEdit.theme.css file on the main Themes Folder.
  • Enable the theme from the themes settings on BetterDiscord.

Vencord

  • Open the Vencord settings.
    • 1️⃣ Discord Settings
    • 2️⃣ Vencord
  • Open Quick CSS File.
  • Paste this @import url(https://cdn.jsdelivr.net/gh/zerol1ght/chatty-edit@master/ChattyEdit.theme.css); and save file.
  • Reload.

For additional support contact @RivenSkaye

OpenAsar

  • Open Discord settings, and scroll at the bottom until you find you OpenAsar Version. OpenAsar-Version
  • Click on it.
  • On the OpenAsar Settings go on the Theming tab.
  • Paste this @import url(https://cdn.jsdelivr.net/gh/zerol1ght/chatty-edit@master/ChattyEdit.theme.css); and click restart.

How to set a custom background image

Add this in the quick css.

:root {
  --chattyBackgroundImage: url(http://website.com/image.png) !important;
}

Replace the url with the one of your image. (local files not supported). You can use imgur or other image hosting sites.

Updates

I'll try to update the theme every time I see bugs or something that isn't working, if you notice a bug please create an issue or contact me.

Customisation +

Change these variables only if you know what you're doing!

I DO NOT GARANTEE THAT IT WILL WORK IN EVERY PART OF THE THEME

Paste this in the Quick CSS and edit it

:root {
    --chattyBorderRadius: 15px !important;
    --chattyPadding: 10px !important;
    --chattyBlur: 5px !important;
    --interactive-muted: #D08770 !important;
    --background-primary: rgba(0, 0, 0, 0.2) !important;
    --background-secondary: rgba(0, 0, 0, 0.3) !important;
    --background-secondary-alt: rgba(0, 0, 0, 0.3) !important;
    --background-tertiary: rgb(39, 39, 39) !important;
}

Contacts

You can contact me on:

chatty-edit's People

Contributors

xhylo avatar zerol1ght avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

chatty-edit's Issues

Doesn't work on Replugged. Help!

I followed the procedure for installing it on replugged, but it doesn't seem to work. The theme doesn't even appear on the themes tab.

Chatty only works partially in Vencord

Screenshot 2023-11-05 204149
Screenshot 2023-11-05 204230

Hi, I enjoy using Vencord and to make it more beautiful I use Chatty. Then I add a custom background image with QuickCSS. I enjoy using it until now and I keep enjoy using it but I notice that lately Chatty only works partially on Vencord. I've asked it on the Discord server of Vencord and a bot told me that this is related to the newest version of Discord because themes are broken or work partially at the newest version. My Discord PTB version is PTB 244215 (1966a0c) and the Vencord version is 86e9434. I want to notify you of this problem with this issue and I then hope I gave enough info so you can work on this.

Thanks for your time and effort in advance!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.