Add files via upload
This commit is contained in:
commit
91b01564ee
|
@ -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.
|
|
@ -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.
|
|
@ -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
|
||||
}
|
|
@ -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"
|
||||
}
|
Loading…
Reference in New Issue