52 lines
4.8 KiB
Markdown
52 lines
4.8 KiB
Markdown
![Banner](./assets/banner.png)
|
|
<p align="center">
|
|
<a href="#"><img align="center" alt="GitHub repo size" src="https://img.shields.io/github/repo-size/Discord-Theme-Addons/bottom-bar?color=38A3D0&style=for-the-badge&logo=github">
|
|
<a href="#"><img align ="center" alt="Version" src="https://img.shields.io/static/v1?label=version&message=1.2.3&color=38A3D0&style=for-the-badge&logo=data%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHpFAACAgwAA/FcAAIDoAAB5FgAA8QEAADtfAAAcheDStWoAAAGwSURBVHja7JcxSBxBFIa/Pa%2BQECuFFClNsLWRgGJSpEgn1oJosDIcFpbWKcTC47TKHbEVzpRRsLVOtEkKG2MTxO7QECUH%2BW3mcG7ZvX1j9nLNPVjY2Xn7f/Nm5g1vIkkYbBTYB0aAtB8ioAHMAt%2ByBIvY7AUwZvAbBl5ZwAUj%2BDd2%2B2VxsoIVAFae4NytD%2B6Dew6%2BCNC8tDgVEwYyAQx4%2BSjgZQB4yh2dBe8o/Qt8BZr32S75zyd1zw59Vnyqz7u4rD/az7f2iJG02YVoq3FOEhhJ5RyhtSRGGjivyKtp%2Bp3A/xp5rZN2FhhJlQdAP2bpWsCh016zaFrBVnjVqhe5Yu8ZMAc8ilUQEXAM1F27Aqyk5OkOsOTeZ4DJBK1bYA/4jqSnkm4yIillRO5HumiYmedI%2BmBcuzS4D10watWRdBawcZY9yLobQKs97/ldS/osqeHaB5JOvf6fOKcQKyVslvj0rrnvG5Iu3PsTr/%2Bq6Bb8ccBhvw2Muw0nd3N4F/N5DXxxF4Eh4I3bbC1rRpKOgOn/XICcFIByDyqfrVYevwfeAoOBt4YQi4A/wC6wejcAIWlEHq3bJrMAAAAASUVORK5CYII%3D">
|
|
<a href="https://github.com/Discord-Theme-Addons/bottom-bar/stargazers"><img align="center" alt="Stars" src="https://img.shields.io/github/stars/Discord-Theme-Addons/bottom-bar?color=38A3D0&style=for-the-badge&logo=data%3Aimage/png%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHpFAACAgwAA/FcAAIDoAAB5FgAA8QEAADtfAAAcheDStWoAAAHISURBVHjavJS/a1NRGIafm7RaaGJ1KR0MQUVNBiOhtKLg6GKXItRJVwc3M%2BpW%2Bg/4Fwid3LRLBydBHARBiqSiqcY2UOgipopBQnxdzpXr5dyb5iQnHxw49/z4nvOe7543kIRjPAFywIrL5sARPAF0TT8P/Bw0QcZR7cNIf3VcirNG4ZT5/mOuvONb8YMINMzxyLfiLNAGpmPjPVPrji/F9y3Q8EA1n4oPgNmEuUNgxofitRQowAng8bCKTwFF4CxQBq4BN4%2BY8wXwCvgAfAb2gG828C3gDHDOgIpAIaGWLvELaAG7QBNoAF8DSV8MeJxxkAEWgfoYoU1gPqzxceANcNkztAEsAO3wr/5tBt55hH4C5o0B/fecusBVT/CPpqQ//o1IircJSW81utiWlItzkt5xAGwBl4ZUugNUbB6eZplFU5djjtAeUAXeu3h1CzjtCG4DJ128eq6PN/eLPHDeBVwd4prD3FUXcGkEz%2BiCC/jiCMAlH%2BAN4JmrYpuBhG0/wRCeSqpE1pUkrSes/S5p0pY/CVqwJNmUdD3loFckPbfsKw8CXo5sfC1pKQUYbzckvYzsvzMI%2BJ7x2LsDAOPttqS6pJpt/u8AK65O%2Bt9ReEMAAAAASUVORK5CYII%3D"></a>
|
|
</p>
|
|
|
|
# Bottom Bar
|
|
A nice, simple looking, bottom bar. Inspired by CapnKitten's Spotify Discord theme.
|
|
|
|
![Preview](./assets/screenshot.png)
|
|
|
|
# Customization
|
|
In order to customize the colors of the bar, head over to `./src/_root.scss`, there you can mess with the variables to your liking. For variable information, peek the [variables](https://github.com/Discord-Theme-Addons/BottomBar#variables) section of this README.
|
|
|
|
# Installation
|
|
For Powercord or Vizality installation, go to **Themes -> Open a CMD / Powershell / Terminal / Gitbash** in the folder, and enter the following:
|
|
```
|
|
git clone https://github.com/Discord-Theme-Addons/bottom-bar
|
|
```
|
|
|
|
**For BetterDiscord:**
|
|
- [Direct Download](https://betterdiscord.net/ghdl?id=3481)
|
|
- [View Source](https://raw.githack.com/Discord-Theme-Addons/bottom-bar/main/src/support/BottomBar.theme.css)
|
|
|
|
**For Browser / Web:**
|
|
1. Install the Stylus extension for [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) / [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/) / [Opera](https://github.com/openstyles/stylus/wiki/Opera,-Outdated-Stylus).
|
|
2. After installing, head over to [this link](https://raw.githack.com/Discord-Theme-Addons/bottom-bar/default/src/support/BottomBar.user.css).
|
|
3. Press the "Install Style" button.
|
|
|
|
# Updating for Powercord
|
|
Since Powercord's updater is currently broken, you have to update the theme manually. In order to do this, go to **Themes -> bottom-bar -> Open a CMD / Powershell / Terminal / Gitbash** in the folder, and enter the following:
|
|
```
|
|
git pull
|
|
```
|
|
|
|
# Variables
|
|
There are two variables that you can mess with.
|
|
- bar-primary, which is the primary color of the bar (aka just main color basically).
|
|
- bar-secondary, which is only used by the add server button pretty much.
|
|
|
|
# Other Support Installation (Powercord & Vizlaity Only)
|
|
If you're using [@fluffingtons'](https://github.com/fluffingtons) [Revert Discord](https://github.com/fluffingtons/revert-discord) on Powercord or Vizality and would like to use BottomBar along side it, due to compatibility issues you'll have to install a separate version. In order to do so, go to **Themes -> Open CMD / Powershell / Terminal / Gitbash** and enter the following:
|
|
```
|
|
git clone --single-branch --branch revert-discord https://github.com/LuckFire/BottomBar
|
|
```
|
|
|
|
I will NOT be adding support for this on BetterDiscord or Web because honestly, I'm too lazy to.
|
|
|
|
## Credits
|
|
Thank you to [@Hoofer](https://github.com/HooferDevelops) for helping me get the bottom area below the members list colored as well as finding multiple issues because I am super stupid.
|