commit 91b01564ee51d4e76cf42c92ca42283b4da53623 Author: LuckFire <39076891+LuckFire@users.noreply.github.com> Date: Fri Sep 11 21:51:11 2020 -0400 Add files via upload diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..5e9554b --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 LuckFire + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..76f4071 --- /dev/null +++ b/README.md @@ -0,0 +1,23 @@ +# Bottom Bar +A nice, simple looking, bottom bar. Inspired by CapnKitten's Spotify Discord theme. + +## Preview +![Preview](https://cdn.discordapp.com/attachments/738968109288914976/754151389784965170/unknown.png) + +## Installation +For manual installation, go to **your themes folder, open a command prompt / powershell / terminal / or git bash** and enter the following: +``` +git clone https://github.com/LuckFire/BottomBar +``` + +For quick installation, go to **Settings -> Themes -> Quick CSS** and copy-paste the following code: +``` +@import url("https://raw.githack.com/LuckFire/BottomBar/bottombar.css") + +:root { + --bar-color: var(--background-tertiary) !important /* Changes the bar color. */ +} +``` + +## Credits +Thank you to Hoofer for helping me get the bottom area below the members list colored as well as finding multiple issues because I am super stupid. \ No newline at end of file diff --git a/bottombar.css b/bottombar.css new file mode 100644 index 0000000..646354a --- /dev/null +++ b/bottombar.css @@ -0,0 +1,56 @@ +:root { + --bar-color: var(--background-tertiary) /* Changes the bar color. */ +} + +/* Username */ +.panels-j1Uci_ > .container-3baos1 { + position: relative; + height: 89px; + background: var(--bar-color) +} + +/* Chatbar */ +.channelTextArea-rNsIhG { + background: var(--bar-color) +} +.form-2fGMdU { + flex-shrink: 0; + padding-left: 16px; + padding-right: 16px; + padding-top: 22px; + background: var(--bar-color) +} +.form-2fGMdU::before{ + display: none +} + +/* Serverlist */ +.wrapper-1Rf91z { + width: 90px; + height: calc(100% - 90px) +} +.wrapper-1Rf91z:after { + position: fixed; + content: " "; + width: 100%; + height: 90px; + bottom: 0; + background: var(--bar-color) +} + +/* Member List */ +.members-1998pB { + height: calc(100% - 90px) +} +.membersWrap-2h-GB4 { + background: var(--bar-color) +} + +/* Positioning Fixes */ +.styleFixed-sX-yHV { /*Status Picker */ + position: relative; + top: -20px +} +.drawerSizingWrapper-17Mss4 { /* Emote/GIF Picker */ + top: -20px +} \ No newline at end of file diff --git a/powercord_manifest.json b/powercord_manifest.json new file mode 100644 index 0000000..e0a3220 --- /dev/null +++ b/powercord_manifest.json @@ -0,0 +1,9 @@ +{ + "name": "Bottom Bar", + "description": "A nice, simple looking, bottom bar.", + "version": "1.0.0", + "author": "LuckFire#4800", + "theme": "bottombar.css", + "consent": "false", + "license": "MIT" +}