Giter Site home page Giter Site logo

discord-themes's Introduction

Discord Themes

How to use themes

Step 1: Enter the "themes" folder and select the desired theme.\
Step 2: Right Click the Raw Button
Step 3: Click Save As Link
Step 4: Wins Save to %appdata%\betterdiscord\themes\ 
Step 4: Macs Save to ~/Library/Preferences/themes 
Step 5: Make sure the extension is .theme.css
Step 6: Restart Discord
Step 7: Open Discord Settings>BetterDiscord>Themes>Enable theme

To change the pics, just add the code below in the Custom CSS tab of the BetterDiscord settings:

( Be sure to add the s after http when you change the pic or it won't appear )

.app {
    background-image: url("https://thentirety.com/wp-content/uploads/2015/09/esdeath-frozen-swords-anime-girl-akame-ga-kill-1920x1080.jpg") !important;
    background-size: cover !important;
}

into

.app {
    background-image: url("ENTER YOUR URL HERE, MAKE SURE IT STARTS WITH HTTPS://") !important;
    background-size: cover !important;
}

To change the color scheme, locate the primary color of the theme (usually the top of the theme) and paste the theme into a new document and replace all color values with the value of your choice.

Plugins skinned

Replayer - Cosmicsalads
Clock Plugin - Jiiks
Search - Mitchell

PM me if you find any breaks or have suggestions! Keep in mind, this is version 1.0, expect improvements :D

Enjoy ~

discord-themes's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

discord-themes's Issues

Background still not appearing

Good day!

The background seems to not appear in my Discord. I tried to add those codes that I've seen in the pull requests but still no luck.

image
image

Know any way to fix this? Thanks in advance!

colored text thems

the user settings page on the colored text themes are not working. i just get the default page there on the colored text themes, but it does work on the non colored text themes

Changing Opacity

It is a little dark for my taste and I was wondering if there was a way to change the opacity of it to make the image brighter.

Background image not appearing

Hello llcoll, I have an issue where my image for the background not appearing as seen in the image below. The theme seems to be working properly and I've only modified the image link in the CSS code also down below. Know any way to fix this?

capture

.app {
background-image: url("https://i.imgur.com/WpISSMn.jpg") !important;
background-size: cover !important;
}

Not working on mac

hey could someone help me how to get this on mac, it says cant open the.css extension
thanks :/

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.