Created
March 31, 2017 12:50
-
-
Save FrogTheSpy/07bc73d0856031ed783eb0e4c4c76919 to your computer and use it in GitHub Desktop.
Changes made for MrNick, changes may not be prefered by all.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//META{"name":"Cyan-Firewatch","description":"Supports all resolutions, transparent cyan/teal-based colour scheme with a scenic Firewatch wallpaper as the background.","author":"den","version":"1.0"}*//{} | |
/* | |
.o88b. .d8888. .d8888. d8888b. db db d8888b. d88888b d8b db | |
d8P Y8 88' YP 88' YP 88 `8D `8b d8' 88 `8D 88' 888o 88 | |
8P `8bo. `8bo. 88oooY' `8bd8' 88 88 88ooooo 88V8o 88 | |
8b `Y8b. `Y8b. 88~~~b. 88 88 88 88~~~~~ 88 V8o88 ~ noot noot | |
Y8b d8 db 8D db 8D 88 8D 88 88 .8D 88. 88 V888 | |
`Y88P' `8888Y' `8888Y' Y8888P' YP Y8888D' Y88888P VP V8P | |
In order to change the colour scheme from cyan to something else, CTRL+F "#00cccc", "cyan" and "rgba(0,204,204, " and replace with whichever Hex colour or rgba code you'd like. | |
Other Firewatch-based colour variety themes coming out soon. | |
Big thank you to Nirewen#6392, Maware#2031, Zerthox#6648, Omniscient#7994🎮Mitchell🎮#5985 and Hammock#6027 for helping with all of the CSS issues I encountered. | |
Also, thank you Fru#4034, Kappa123#0193 and NicodemiusX#5378 for extensively testing the theme. | |
Installation: | |
1. Open up discord, navigate to settings > Appearance and select the 'Dark Theme' | |
2. Navigate to BetterDiscord > Themes and click "Open Theme Folder". | |
2. Drop this cyan-firewatch.theme.css file inside of the folder which will pop up. | |
3. If the theme doesnt appear in your themes list, restart discord and go back into BetterDiscord > Themes and select Cyan-Firewatch and restart a last time. | |
The theme will activate after the last restart. | |
*/ | |
/* To change background image, change the two HTTPS links below to an image of your choice */ | |
/* Make sure the image you are using is a HTTPS Link Or it WONT work */ | |
.layer { | |
background-image: url(https://i.imgur.com/6f8vevM.jpg) !important; | |
background-size: cover !important; | |
} | |
.callout-backdrop { | |
background-image: url(https://i.imgur.com/6f8vevM.jpg) !important; | |
background-size: cover !important; | |
} | |
body { | |
-webkit-backface-visibility: hidden; | |
} | |
.theme-dark .chat{background: transparent;} | |
#voice-connection { | |
border-top: 1px solid rgba(255, 255, 255, 0.0); | |
} | |
#voice-connection .btn, | |
.account .btn { | |
border: none; | |
} | |
#voice-connection, | |
#friends, | |
#friends .btn, | |
.friends-header, | |
.friends-table, | |
.search-bar, | |
.guilds-wrapper, | |
.channels-wrap, | |
.guild-channels, | |
.account, | |
.links, | |
.messages-wrapper, | |
.title-wrap, | |
.content, | |
.chat-empty, | |
.message-group-blocked, | |
.private-channels, | |
.guild-header header, | |
.typing, | |
.ider-red span { | |
background: transparent !important; | |
} | |
.channel:not(.selected) { | |
transition: background .3s ease-out !important; | |
} | |
.channel:not(.selected):hover { | |
background: rgba(0, 0, 0, 0.0) !important; | |
transition: background .2s ease-in !important; | |
} | |
.friends-row:hover, | |
.search-result:hover, | |
.btn-friends.selected, | |
.search-result.selected, | |
.channel.selected.private, | |
.channel.channel-text.selected { | |
background: rgba(0, 0, 0, 0.0) !important; | |
} | |
.guild-channels .channel-text.selected { | |
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) !important; | |
} | |
.guild-channels .channel-text.selected:before, | |
.guild-channels .channel-text.selected:hover:before, | |
.guild-channels .channel-text:hover.channel-muted:before, | |
.guild-channels .channel-text:hover:not(.unread):before, | |
.private-channels .channel.selected:before, | |
.private-channels .channel:hover:before { | |
border-left: 3px solid #00cccc; | |
} | |
.avatar-large.animate { | |
border: 0px solid rgba(0, 204, 204, 0.6) !important; | |
width: 40px; | |
height: 40px; | |
} | |
.guild-channels .channel-text:hover { | |
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0)) !important; | |
} | |
.guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before { | |
left: -11px; | |
} | |
.guild-header header { | |
background-color: rgba( 0, 0, 0, 0.0) !important; | |
box-shadow: none !important; | |
} | |
.guild-header ul { | |
opacity: 0; | |
transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28); | |
} | |
.guild-header-open ul { | |
opacity: 1; | |
} | |
.invite-btn { | |
background-color: rgba(0, 204, 204, 0.5) !Important; | |
} | |
.private-channels .channel:hover:before { | |
opacity: .25 !important; | |
} | |
.user-settings-modal button.preview-sound:before { | |
-webkit-filter: hue-rotate(275deg) saturate(400%); | |
} | |
.scroller-wrap .scroller::-webkit-scrollbar-thumb { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 1px solid rgba(0, 0, 0, 0.3) !important; | |
} | |
.scroller-wrap .scroller::-webkit-scrollbar-track-piece { | |
background-color: rgba(0, 0, 0, 0.0) !important; | |
border: 1px solid rgba(0, 0, 0, 0.0) !important; | |
} | |
.voice-connection-channel { | |
color: #000000; | |
font-size: 12px; | |
} | |
.inline { | |
background-color: rgba(0, 0, 0, 0.4); | |
border-radius: 5px; | |
font-size: 12px; | |
line-height: 22px; | |
} | |
/*Transparency*/ | |
/*Guild name*/ | |
/*Scrolling bar*/ | |
/*Buttons*/ | |
.badge { | |
background-color: #11d4ad; | |
border: 1px solid rgba(0, 0, 0, 0.5); | |
color: #000000; | |
} | |
.channel.channel-text.unread a { | |
background: transparent !important; | |
} | |
.markup { | |
color: #ffffff; | |
font-size: 16px; | |
} | |
.markup a { | |
color: #17f0ff !important; | |
} | |
.member.member-status.member-status-offline:hover { | |
background-color: rgba(0, 0, 0, 0.2) !important; | |
} | |
.member.member-status.member-status-online:hover { | |
background-color: rgba(0, 0, 0, 0.2) !important; | |
} | |
.notice { | |
background-color: #a1a1a1; | |
color: #000000 | |
} | |
.channel-members h2 { | |
border-radius: 10px; | |
color: #fffff0 !important; | |
margin-left: 10px; | |
padding-top: 10px; | |
} | |
.timestamp { | |
color: rgba(255, 255, 255, 0.7) !Important; | |
font-size: 13px; | |
} | |
.ider span { | |
background-color: #615900; | |
margin-top: 5px; | |
margin-bottom: 5px; | |
color: #ffffff; | |
} | |
::-webkit-input-placeholder { | |
/* WebKit, Blink, Edge */ | |
color: rgba(255, 255, 255, 0.6); | |
} | |
.chat>.title-wrap { | |
box-shadow: none !important; | |
} | |
.title-wrap { | |
box-shadow: none !important; | |
} | |
.hljs { | |
background: transparent; | |
border-radius: 8px !important; | |
color: #a3a3a3 !important; | |
font-size: 16px !important; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.member-activity { | |
color: #ffffff !important; | |
} | |
.links li a:hover { | |
color: #00cccc !important; | |
} | |
.channel-textarea-inner { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-radius: 7px; | |
border: 5px solid rgba(0, 0, 0, 0.0) !important; | |
-webkit-mask-image: bla bla bla | |
padding-bottom: 10px !important; | |
padding-top: 15px !important; | |
} | |
.topic.topic-expandable { | |
color: rgba(255, 255, 255, 0.8) !important; | |
font-size: 14px !important; | |
} | |
.topic.topic-expandable a { | |
color: #FFFFFF !important; | |
} | |
.topic.topic-expandable:hover { | |
color: rgba(255, 255, 255, 0.8) !important; | |
font-size: 14px !important; | |
} | |
.member.member-status.member-status-online { | |
background: transparent; | |
} | |
.messages { | |
background: transparent; | |
margin-top: 5px !important; | |
margin-right: 20px !important; | |
} | |
.chat .title-wrap { | |
border-bottom: 0px; | |
} | |
.guild-header header span { | |
margin-left: 30%; | |
} | |
.guild-header header { | |
position: absolute; | |
right: 0px; | |
border: transparent; | |
width: 135%; | |
color: #ffffff; | |
height: 58px; | |
} | |
.chat .messages-wrapper { | |
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 3%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 1) 100%) !important; | |
} | |
.links li a { | |
margin-left: 1.2vw !important; | |
color: #dbdbdb !important; | |
} | |
.guild-channels header { | |
overflow: hidden !important; | |
} | |
.message-group { | |
background-color: rgba(0, 0, 0, 0.3); | |
border-radius: 10px; | |
margin-top: 10px !important; | |
padding-left: 20px !important; | |
} | |
.scroller.channel-members { | |
padding-top: 3px !important; | |
} | |
.guild-channels { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-right: 1px solid transparent; | |
margin-left: 2vh !important; | |
margin-top: 63px; | |
margin-bottom: 1.4vh; | |
border-radius: 7px; | |
#-webkit-mask-image: -webkit-linear-gradien(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%); | |
} | |
.account { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-radius: 5px !important; | |
margin-top: 1.6vh; | |
margin-left: 2vh !important; | |
margin-bottom: 2.5vh; | |
height: 8vh; | |
width: auto; | |
#-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%); | |
} | |
.username { | |
font-size: 150% !important; | |
} | |
.discriminator { | |
font-size: 80% !important; | |
} | |
#voice-connection { | |
margin-left: 3vh !important; | |
} | |
.guilds { | |
padding-top: 20px !important; | |
margin-top: 80%; | |
margin-bottom: 130%; | |
background-color: rgba(0, 0, 0, 0.4); | |
#border-bottom-right-radius: 15 | |
#-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 7%, rgba(0, 0, 0, 1) 94%, rgba(0, 0, 0, 0) 100%); | |
} | |
.btn { | |
width: auto !important; | |
} | |
.btn-mute { | |
height: 2.8vh !important; | |
width: 1.8vw !important; | |
} | |
.btn-deafen { | |
height: 2.8vh !important; | |
width: 2vw !important; | |
} | |
.btn-settings { | |
height: 2.8vh !important; | |
width: 2vw !important; | |
} | |
.btn-info { | |
height: 2.5vh !important; | |
width: 2vw !important; | |
} | |
.btn-disconnect { | |
height: 2.8vh !important; | |
width: 2vw !important; | |
} | |
.channels-wrap { | |
width: 15vw !important; | |
} | |
#voice-connection .btn-info { | |
border-right: 1px solid rgba(255, 255, 255, .2); | |
height: 26px; | |
bottom: 3px; | |
} | |
.account .btn-mute { | |
border-right: 1px solid rgba(255, 255, 255, .2); | |
height: 26px; | |
} | |
.account .btn-settings { | |
border-right: 0px solid rgba(255, 255, 255, .2); | |
height: 26px; | |
} | |
.account .btn-deafen { | |
border-right: 1px solid rgba(255, 255, 255, .2); | |
height: 26px; | |
background-color: rgba(0, 0, 0, .3); | |
} | |
.account .btn-deafen:hover { | |
background-color: rgba(0, 0, 0, 1.5); | |
} | |
.account .btn-group, | |
#voice-connection .btn-group { | |
border-radius: 6px; | |
background-color: rgba(0, 0, 0, .3) !important; | |
} | |
#voice-connection .btn { | |
background: transparent !important; | |
border: none; | |
} | |
.account .btn { | |
background: transparent !important; | |
border: none; | |
} | |
.channel-members { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
margin-right: 20px; | |
margin-top: 3px !important; | |
margin-bottom: 2.3vh; | |
border-radius: 8px; | |
#-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%); | |
} | |
.links { | |
display: none; | |
} | |
.account .username { | |
width: 1000px !important; | |
font-size: 14px !important; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
} | |
@media (max-width: 1620px){ | |
.account .username { | |
width: 50px !important; | |
font-size: 10px !important; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
} | |
} | |
@media (max-width: 1420px) { | |
.account .username { | |
width: 32px !important; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
} | |
.channel-members { | |
max-width: 150px !important; | |
} | |
.channel-members h2 { | |
font-size: 10px !important; | |
padding-left: 10px !Important; | |
} | |
.member-activity { | |
color: rgba(255, 255, 255, 0.8) !important; | |
font-size: 10px !important; | |
} | |
.member-status { | |
padding-left: 20px !important; | |
} | |
.channel-members-wrap { | |
min-width: 80px !important; | |
} | |
.invite-btn { | |
padding-left: 5% !important; | |
} | |
} | |
.search-bar { | |
margin-left: 1.vh !important; | |
width: 90%; | |
} | |
.guild-header.guild-header-open ul { | |
background-color: rgba(0, 0, 0, 0.6); | |
border-radius: 15px; | |
margin-left: 1.9vh; | |
width: 13.8vw; | |
} | |
.guild-header-open ul { | |
opacity: 1; | |
} | |
.guild-header-open ul li a { | |
color: #00cccc; | |
opacity: 1 !Important; | |
} | |
@media (max-width: 1210px) { | |
.member-username-inner, | |
member-activity { | |
color: rgba(0, 0, 0, 0.0); | |
} | |
.account .username { | |
display: none !important; | |
} | |
.account .discriminator { | |
display: none !important; | |
} | |
.channel-members h2 { | |
font-size: 6px; | |
padding-left: 8px !Important; | |
} | |
.channel-members { | |
max-width: 80px !important; | |
} | |
.channel-members .member-status { | |
padding-left: 40% !important; | |
} | |
.channel-members-wrap { | |
min-width: 80px !important; | |
} | |
.invite-btn { | |
display: none !important; | |
} | |
.channels-wrap { | |
max-width: 15% !important; | |
min-width: 135px !important; | |
} | |
.guild-header.guild-header-open ul { | |
min-width: 120px !important; | |
} | |
.btn-group { | |
margin-left: -10px !important; | |
min-width: 56px !important; | |
} | |
.btn { | |
min-width: 20px !important; | |
} | |
.links li a { | |
display: none !important; | |
} | |
.voice-connection-quality-fine { | |
font-size: 80% !important; | |
padding-right: 30px !important; | |
} | |
.voice-connection-channel { | |
display: none !important; | |
} | |
.btn-disconnect { | |
width: 50% !important; | |
} | |
.btn-info { | |
width: 50% !important; | |
} | |
} | |
@media (max-width: 1050px) { | |
.voice-connection-quality-fine { | |
display: none !important; | |
} | |
} | |
@media (max-width: 740px) { | |
.message-group .avatar-large.animate { | |
display: none !important; | |
} | |
} | |
@media (max-height: 700px) { | |
.btn-group .btn { | |
height: 18px !important; | |
} | |
.account { | |
height: 50px !important; | |
} | |
} | |
@media (max-height: 500px) { | |
.guilds { | |
margin-top: 23%; | |
margin-bottom: 33%; | |
} | |
} | |
.guilds { | |
transition: all 900ms ease !important; | |
} | |
.voice-connection-quality-fine { | |
transition: all 900ms ease !important; | |
} | |
.discriminator { | |
transition: all 900ms ease !important; | |
} | |
.username { | |
transition: all 900ms ease !important; | |
} | |
.channel-members, | |
.channel-members-wrap { | |
transition: all 400ms ease; | |
} | |
.embed-video-actions { | |
width: 90%; | |
height: 90%; | |
} | |
.embed { | |
border-radius: 15px !important; | |
} | |
.highlight { | |
color: #00faf2 !important; | |
} | |
.highlight:hover { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-radius: 3px !important; | |
color: #00cccc !important; | |
} | |
.chat .title-wrap { | |
padding-bottom: 1px; | |
border-bottom: 1px solid transparent !important; | |
margin-top: 1px; | |
} | |
.friends-icon { | |
background-color: rgba(0, 204, 204, 0.9); | |
} | |
.friends-online { | |
color: #ffffff; | |
} | |
.guild-separator { | |
border-top: 2px solid rgba(0, 204, 204, 0.5); | |
border-bottom: 2px solid rgba(0, 204, 204, 0.5); | |
} | |
.guild-separator:after { | |
background-color: transparent !important; | |
} | |
.channel-textarea { | |
margin-bottom: 2.3vh !important; | |
margin-top: 10px !important; | |
} | |
.speaking .avatar-small { | |
border: 2px solid #00cccc !important; | |
} | |
.speaking .avatar-small:hover { | |
border: 2px solid #00cccc !important; | |
} | |
.channel-members .member.popout-open { | |
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.0)) !important; | |
border-left: 4px solid rgba(0, 204, 204, 0.9); | |
} | |
.status { | |
border-color: transparent !important; | |
} | |
#voice-connection .btn-info:after { | |
padding-bottom: 2px; | |
} | |
/* Unread Channel Message */ | |
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { | |
background: #00CCCC !important; | |
} | |
/* Guild Unread Message */ | |
.guilds-wrapper .guilds .guild.unread:before { | |
background: #00CCCC !important; | |
} | |
/* Guild Unread Message */ | |
.guilds-wrapper .guilds .guild.selected:before { | |
background: #00CCCC !important; | |
} | |
.divider.divider-red span { | |
background-color: rgba(0, 0, 0, 0.7) !important; | |
color: #00cccc !important; | |
} | |
.divider.divider-red>div { | |
background: rgba(0, 204, 204, 0.7) !important; | |
} | |
.channel-textarea-inner textarea { | |
padding-left: 10px !important; | |
color: rgba(0, 204, 204, 0.7) !Important; | |
} | |
/* Private Chat */ | |
.private-channels .scroller { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-radius: 15px; | |
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%); | |
margin-left: 2vh; | |
} | |
.private-channels .channel.selected:before { | |
background-color: linear-gradient(to right, rgba(0, 204, 204, 0.4), rgba(0, 0, 0, 0.0)) !important; | |
border-left: 2px solid #00cccc; | |
} | |
.priavte-channels .channel:hover::before { | |
border-left: 2px solid #00cccc !important; | |
background-color: linear-gradient(to right, rgba(0, 204, 204, 0.4), rgba(0, 0, 0, 0.0)) !important; | |
} | |
.search-bar { | |
box-shadow: none !important; | |
} | |
.friends-header { | |
box-shadow: none; | |
border: none !important; | |
} | |
.search-bar-inner input { | |
font-size: 62% !important; | |
border: 1px solid rgba(0, 204, 204, 0.4)!important; | |
} | |
/* Friends */ | |
#friends .friends-table .friends-table-body { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-radius: 10px; | |
border: 1px solid rgba(0, 204, 204, 0.0); | |
margin-left: 1.6vw; | |
margin-bottom: 2.5vh; | |
margin-right: 2.5vh; | |
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%); | |
} | |
#friends .friends-table .friends-table-header { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border-radius: 10px; | |
margin-left: 1.6vw; | |
height: 3vh; | |
margin-bottom: 1.2vh; | |
margin-right: 2.5vh; | |
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%); | |
} | |
#friends .friends-header { | |
margin-left: 1.6vw; | |
} | |
.tab-bar-item:hover { | |
background-color: rgba(0, 0, 0, 0.4); | |
} | |
.new-messages-bar button { | |
background-color: #3b3b3b !Important; | |
color: #00cccc !important; | |
margin-top: 13px !imp; | |
} | |
span.bot-tag { | |
background-color: #666666 !important; | |
} | |
/* Instant invite section */ | |
.instant-invite-popout section { | |
background-color: rgba(0, 0, 0, 0.5) !important; | |
border-bottom-right-radius: 10px !important; | |
border-bottom-left-radius: 10px !important; | |
} | |
.instant-invite-popout header { | |
background-color: #00cccc !Important; | |
} | |
.countdown { | |
color: #00cccc !important; | |
} | |
.checkbox span { | |
color: #a8a8a8 !important; | |
} | |
/* Guilds 'Add' Button */ | |
.guild.guilds-add { | |
border-color: rgba(0, 204, 204, 0.5) !important; | |
border-style: groove !Important; | |
} | |
.guild.guilds-add:hover { | |
border-color: rgba(0, 204, 204, 0.9) !important; | |
} | |
/* Speech bubble CSS */ | |
.tooltip { | |
background: rgba(0, 0, 0, 0.4) !important; | |
} | |
.tooltip.tooltip-right:after { | |
border-right-color: rgba(0, 0, 0, 0.4) !important; | |
} | |
.tooltip.tooltip-left:after { | |
border-left-color: rgba(0, 0, 0, 0.4) !important; | |
} | |
.tooltip.tooltip-top:after { | |
border-top-color: rgba(0, 0, 0, 0.4) !important; | |
} | |
.tooltip.tooltip-bottom:after { | |
border-bottom-color: rgba(0, 0, 0, 0.4) !important; | |
} | |
/** Delete comment window **/ | |
.form-inner { | |
background-color: rgba(0, 0, 0, 0.6) !important; | |
} | |
.form-header header { | |
color: #00cccc !important; | |
} | |
.form-inner p { | |
color: #ffffff !important; | |
} | |
.btn.btn-default.close { | |
background-color: rgba(0, 0, 0, 0.0) !important; | |
color: #00cccc; | |
} | |
.form-header { | |
background-color: rgba(0, 0, 0, 0.5) !important; | |
} | |
.form-actions { | |
background-color: rgba(0, 0, 0, 0.5) !important; | |
} | |
ul li a { | |
color: #00cccc !important; | |
} | |
.header.control-group { | |
background-color: #00cccc !important; | |
border-top-right-radius: 10px; | |
border-top-left-radius: 10px; | |
} | |
/** User settings */ | |
.avatar-uploader-inner { | |
background-color: rgba(0, 0, 0, 0.1) !Important; | |
border-radius: 20px !important; | |
} | |
#settings-username { | |
border-radius: 10px; | |
padding-left: 10px; | |
border-color: #00cccc !Important; | |
} | |
#settings-email { | |
border-radius: 10px; | |
padding-left: 10px; | |
border-color: #00cccc !Important; | |
} | |
#settings-current-password { | |
border-radius: 10px; | |
padding-left: 10px; | |
border-color: #00cccc !Important; | |
} | |
button.btn.btn-primary { | |
background-color: #00cccc !Important; | |
} | |
.settings-actions { | |
background-color: rgba(0, 0, 0, 0.7) !important; | |
} | |
a.remove-button { | |
color: #00cccc !important; | |
} | |
.control-group label a { | |
color: #00cccc !important; | |
} | |
.settings .settings-inner, | |
.settings .settings-actions { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
} | |
.settings .settings-header { | |
background-color: rgba(0, 0, 0, 0.7) !important; | |
} | |
.settings-wrapper.settings-panel { | |
background-color: rgba(0, 0, 0, 0.4) !important; | |
} | |
.settings .settings-inner, | |
.settings .settings-actions { | |
background: rgba(0, 0, 0, 0.5); | |
} | |
.tab-bar-item.selected { | |
margin-left: -5px !important; | |
} | |
.checkbox-inner span { | |
background-color: #00cccc !Important; | |
border-color: rgba(0, 0, 0, 0.5) !important; | |
} | |
.radio-inner { | |
background-color: rgba(255, 255, 255, 0.3) !important; | |
} | |
.radio { | |
color: #ffffff !Important; | |
} | |
.tab-bar-item { | |
margin-right: 10px !important; | |
} | |
.tab-bar-item.selected { | |
color: #00cccc !Important; | |
} | |
div p a { | |
color: #00cccc !important; | |
} | |
.radio-theme.dark label { | |
border-color: #00cccc !important; | |
} | |
.radio-theme.light label { | |
border-color: #ffffff!important; | |
} | |
.user-settings-modal button.preview-sound:before { | |
-webkit-filter: hue-rotate(305deg) saturate(400%); | |
} | |
.action-icon:before { | |
-webkit-filter: hue-rotate(305deg) saturate(400%) !important; | |
} | |
.slider-bar-fill { | |
background: #00cccc !important; | |
} | |
.radio .radio-inner span:after { | |
background: #00cccc !important; | |
} | |
.tab-bar-item:hover { | |
background-color: transparent; | |
} | |
.tab-bar.TOP .tab-bar-item.selected { | |
border-bottom: 2px solid #00cccc !important; | |
} | |
#help-query { | |
border-color: #00cccc; | |
border-width: 3px; | |
} | |
/* User profile popup message box */ | |
.user-popout .header { | |
background: transparent; | |
background-image: https: //www.xmple.com/wallpaper/polka-dots-cyan-spots-1920x1080-c2-10c0c7-0cdce5-l2-121-256-a-210-f-3.svg) !important; | |
background-size: cover !important; | |
} | |
.avatar-popout.animate { | |
border: 3px dotted rgba(0, 204, 204, 0.7) !important; | |
background-color: rgba(255, 255, 255, 0.8) !important; | |
} | |
.reset-voice-settings { | |
color: #00cccc !important; | |
} | |
/* Add new server popup window */ | |
.form-inner header { | |
color: #00cccc !important; | |
} | |
.form-inner { | |
background-color: rgba(0, 0, 0, 0.1) !important; | |
} | |
.action-header { | |
color: #00cccc !important; | |
} | |
.action-icon { | |
background-color: #ffffff !important; | |
} | |
.btn.btn-primary { | |
background-color: #00cccc !important; | |
} | |
/* Light Theme Support*/ | |
.channel-textarea-inner textarea { | |
padding-left: 10px !important; | |
color: rgba(0, 204, 204, 0.7) !important; | |
background-color: transparent !important; | |
} | |
span.channel-name { | |
color: white !important; | |
} | |
div.markup { | |
color: rgba(255, 255, 255, 0.9) !important; | |
} | |
a.channel-name.channel-private { | |
color: rgba(255, 255, 255, 0.9) !important; | |
} | |
.form-inner.loading { | |
background-color: rgba(0, 0, 0, 0.5) !important; | |
} | |
#user-profile-modal .scroller { | |
background: #fff; | |
padding-top: 0px; | |
border-top-right-radius: 0px; | |
border-bottom-right-radius: 0px; | |
border-right: 0px solid transparent; | |
margin-top: 0px; | |
margin-bottom: 0px; | |
} | |
.empty-message h1 { | |
color: rgba(255, 255, 255, 0.8) !important; | |
} | |
img.image { | |
width: 90%; | |
height: 90%; | |
border-radius: 10px; | |
} | |
#app-mount > div > span:nth-child(6) > div.modal > div > div > div > img{ | |
max-height: 700px !important; | |
width: auto !important; | |
max-width: 1000px; | |
height: auto !important; | |
margin-right: auto !important; | |
margin-left: auto !important; | |
} | |
#app-mount > div > span:nth-child(6) > div.modal > div > div > a{ | |
opacity: 1 !important; | |
text-align: center; | |
color: #ffffff; | |
} | |
#app-mount > div > span:nth-child(6) > div.modal > div > div > a:hover{ | |
text-align: center; | |
color: #00cccc; | |
} | |
div.form-inner { | |
background-color: rgba(0, 0, 0, 0.7) !important; | |
} | |
ul li a { | |
color: #00cccc; | |
} | |
div.form-inner { | |
background-color: #00cccc !important; | |
} | |
.connection-integrations.no-integrations div { | |
color: #6b6b6b !important; | |
} | |
.connection-integrations.no-integrations { | |
background-color: #ffffff !important; | |
} | |
.settings-panel-header.user-settings-modal-connections-header label { | |
color: #00cccc !important; | |
} | |
.tab-bar-item { | |
margin-right: 5px !important; | |
margin-left: 5px !important; | |
padding-left: 5px !important; | |
padding-right: 5px !important; | |
} | |
.tab-bar-item.selected { | |
padding-left: 15px !important; | |
} | |
span.channel-name { | |
color: #ffffff !important; | |
} | |
header.header { | |
background: transparent !important; | |
background-image: url(https://i.gyazo.com/966775c725198c3d278555219ad5261f.png) !important; | |
background-size: cover !important; | |
} | |
div.sub-header { | |
background: transparent !important; | |
background-color: rgba(0, 204, 204, 0.7) !important; | |
} | |
div.btn { | |
background-color: #00cccc !important; | |
border: 1px solid white; | |
} | |
#user-profile-modal footer { | |
background-color: rgba(255, 255, 255, 0.9) !important; | |
} | |
button.btn.add-friend { | |
background: transparent !important !important; | |
background-color: #00cccc !important !important; | |
} | |
div.flex-horizontal.flex-spacer.content-inner label { | |
color: #ffffff !important; | |
} | |
label.subtitle { | |
color: #00cccc !important; | |
} | |
label.title { | |
color: #00cccc !important; | |
} | |
div.control-group label { | |
color: #00cccc !important; | |
} | |
div.checkbox span { | |
color: #a6a6a6 !important; | |
} | |
div.help-text { | |
color: #ffffff !important; | |
} | |
.channel-pins-wrap { | |
background: transparent !important; | |
background-color: rgba(255, 255, 255, 0.7) !important; | |
} | |
.channel-pins-wrap .header { | |
background: transparent !important; | |
background-color: rgba(0, 204, 204, 0.7) !important; | |
} | |
.channel-pins .message-group { | |
background: transparent !important; | |
background-color: rgba(0, 0, 0, 0.4) !important; | |
border: 1px solid #00cccc !important; | |
} | |
.action-buttons .jump-button { | |
background: transparent !important; | |
background-color: rgba(0, 204, 204, 0.6) !important; | |
border: 1px solid rgba(0, 0, 0, 0.4) !important; | |
} | |
.guild-channels header { | |
opacity: 1; | |
} | |
.guild-channels .channel a { | |
opacity: 1; | |
} | |
.theme-dark .channel-members .member:hover { | |
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0)) !important; | |
border-left: 4px solid rgba(0, 204, 204, 0.3); | |
} | |
li div span { | |
color: rgba(255, 255, 255, 255) !important; | |
} | |
.channel-name:before { | |
color: rgba(0, 204, 204, 0.9) !important; | |
} | |
.action.create { | |
background-color: #ffffff !important; | |
} | |
.action.join { | |
background-color: #ffffff !important; | |
} | |
code.hljs { | |
color: #089494 !important; | |
} | |
.account .btn-settings:hover:after { | |
-webkit-mask-image: url(/assets/60f6b0788a5d9394b44261ef5d8ecffc.svg); | |
} | |
.account .btn-deafen:hover:after { | |
-webkit-mask-image: url(/assets/0b7ed5c38508da4e4cfc72f33bae31f0.svg); | |
} | |
.account .btn-mute:hover:after { | |
-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iY29tbXVuaWNhdGlvbl8tX21pYyI+Cgk8Zz4KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzVENjA2MyIgZD0iTTEyLjUsOHYxYzAsMi4yLTEuOCw0LTQsNGgtMWMtMi4yLDAtNC0xLjgtNC00VjhoLTF2MQoJCQljMCwyLjgsMi4yLDUsNSw1djFIN2MtMC4zLDAtMC41LDAuMi0wLjUsMC41QzYuNSwxNS44LDYuNywxNiw3LDE2aDJjMC4zLDAsMC41LTAuMiwwLjUtMC41QzkuNSwxNS4yLDkuMywxNSw5LDE1SDguNXYtMQoJCQljMi44LDAsNS0yLjIsNS01VjhIMTIuNXogTTgsMTJjMS45LDAsMy41LTEuNiwzLjUtMy41di01QzExLjUsMS42LDkuOSwwLDgsMEM2LjEsMCw0LjUsMS42LDQuNSwzLjV2NUM0LjUsMTAuNCw2LjEsMTIsOCwxMnoKCQkJIE01LjUsMy41QzUuNSwyLjEsNi42LDEsOCwxYzEuNCwwLDIuNSwxLjEsMi41LDIuNXY1QzEwLjUsOS45LDkuNCwxMSw4LDExYy0xLjQsMC0yLjUtMS4xLTIuNS0yLjVWMy41eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); | |
} | |
.account .btn:hover:after { | |
background: cyan; | |
-webkit-mask-repeat: no-repeat; | |
-webkit-mask-position: center; | |
-webkit-mask-size: 16px; | |
} | |
#voice-connection .btn-info:hover:after { | |
-webkit-mask-image: url(/assets/d44f38b8b37257c7684e2b3286669a0f.svg); | |
-webkit-mask-size: 8px 19px; | |
} | |
#voice-connection .btn-disconnect:hover:after { | |
-webkit-mask-image: url(/assets/6754187fddb4fcf6a1927712ee14562c.svg); | |
-webkit-mask-size: 16px; | |
} | |
div.icon-friends { | |
background-color: #00cccc !important; | |
} | |
.channel-textarea-autocomplete { | |
background-color: #00CCCC !important; | |
} | |
#voice-connection .btn:hover:after { | |
background: cyan; | |
-webkit-mask-repeat: no-repeat; | |
-webkit-mask-position: center; | |
} | |
div.add-friend-popout header { | |
background: transparent !important; | |
background-color: #00cccc !important; | |
} | |
div.notice { | |
background-color: #474747 !important; | |
color: #009499 !important; | |
} | |
div.tab-bar-item { | |
background: transparent !important; | |
} | |
div.activity { | |
color: #fff !important; | |
} | |
a.embed-title { | |
color: #00cccc !important; | |
} | |
.tab-bar.SIDE .tab-bar-item.selected:before { | |
opacity: 0; | |
} | |
.tab-bar.SIDE { | |
margin-right: -17px; | |
} | |
button.btn.btn-default { | |
background: transparent !important; | |
color: #ffffff !important; | |
} | |
.connect-container .btn { | |
height: 50px !important; | |
width: 50px !important; | |
} | |
#bd-pane .scroller-wrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] { | |
background: #ffffff !important; | |
} | |
#bd-pane > div > div > div.bd-settings > div:nth-child(6) > span:nth-child(1) { | |
color: #696969; | |
} | |
#bd-changelog { | |
color: #696969; | |
} | |
div.new-messages-bar button { | |
margin-top: 10px !important; | |
} | |
.tab-bar.SIDE .tab-bar-item { | |
background: transparent !important; | |
color: rgba(255, 255, 255, 0.5) !important; | |
} | |
.tab-bar.SIDE .tab-bar-item:hover { | |
color: rgba(255, 255, 255, 0.9) !important; | |
} | |
.tab-bar.SIDE .tab-bar-item.hover:before { | |
display: none !important; | |
} | |
.tab-bar.SIDE .tab-bar-item:before { | |
display: none !important; | |
} | |
/* Public Server CSS */ | |
#pubs-container { | |
background: transparent !important; | |
background-color: rgba(0, 0, 0, 0.7) !important; | |
border-radius: 10px !important; | |
} | |
#pubs-header { | |
background: transparent !important; | |
border-top-right-radius: 5px !important; | |
border-top-left-radius: 5px !important; | |
} | |
.bda-dark .server-row { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
transition: all .3s ease-in-out; | |
} | |
.bda-light .server-row { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
transition: all .3s ease-in-out; | |
} | |
.server-row button { | |
background-color: rgba(0, 244, 244, 0.4) !important; | |
border-radius: 5px; | |
transition: all .3s ease-in-out; | |
} | |
.server-row button:hover { | |
background-color: rgba(0, 244, 244, 0.7) !important; | |
border-radius: 5px; | |
transition: all .3s ease-in-out; | |
} | |
.bd-dropdown-select { | |
background-color: rgba(0, 204, 204, 0.9) !important; | |
transition: all .3s ease-in-out; | |
color: #fff !important; | |
border-radius:5px; | |
} | |
input#pubs-sterm { | |
background-color: rgba(0, 204, 204, 0.9) !important; | |
transition: all .3s ease-in-out; | |
color: #fff !important; | |
padding-left:7px; | |
border-radius:5px; | |
width:120px !important; | |
margin-right:10px !important; | |
margin-left:-10px !important; | |
} | |
button#pubs-searchbtn { | |
background-color: rgba(0, 204, 204, 0.9) !important; | |
transition: all .3s ease-in-out; | |
color: #fff !important; | |
border-radius:5px; | |
} | |
div.bd-dropdown-list { | |
background: transparent !important; | |
} | |
.pubs-cat-select-li { | |
background: transparent !important; | |
background-color: rgba(0, 204, 204, 0.8) !important; | |
transition: all .3s ease-in-out; | |
color: #fff !important; | |
} | |
.server-row .server-icon { | |
border-radius: 5px !important; | |
border: 2px solid #00cccc; | |
} | |
#pubs-select-dropdown > div > ul { | |
border-bottom-left-radius: 5px !important; | |
margin-top:-2px !important; | |
} | |
div.bd-dropdown { | |
background: transparent !important; | |
transition: all .3s ease-in-out; | |
} | |
.server-official { | |
color: #00cccc !important; | |
animation: color_change 1s infinite alternate; | |
} | |
@keyframes color_change { | |
from { color: #fff; } | |
to { color: #00cccc; } | |
} | |
#pubs-footer { | |
background: transparent !important; | |
background-color: rgba(0, 204, 204, 0.5) !important; | |
border-bottom-right-radius: 10px !important; | |
border-bottom-left-radius: 10px !important; | |
border-top: 1px solid rgba(255,255,255,0.3); | |
} | |
/* Scroller for popup servers window */ | |
#pubs-scroller::-webkit-scrollbar-thumb { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 2px solid rgba(0, 0, 0, 0.4) !important; | |
} | |
#pubs-scroller::-webkit-scrollbar-track-piece { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 1px solid rgba(0, 0, 0, 0.2) !important; | |
} | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-track, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 1px solid rgba(0, 0, 0, 0.2) !important; | |
} | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb, | |
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 2px solid rgba(0, 0, 0, 0.4) !important; | |
} | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb:active, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb:active, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb:active, | |
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb:active { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 1px solid rgba(0, 0, 0, 0.2) !important; | |
} | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece { | |
background-color: rgba(0, 0, 0, 0.3) !important; | |
border: 1px solid rgba(0, 0, 0, 0.2) !important; | |
} | |
/* Popup @person box */ | |
#app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete{ | |
background: transparent !important; | |
} | |
#app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > ul{ | |
background: transparent !important; | |
} | |
#app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > ul > li{ | |
background-color: rgba(0, 0, 0, 0.7) !important; | |
} | |
#app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > header{ | |
background-color: rgba(0,204,204,0.8) !important; | |
color: #fff !important; | |
border-top-left-radius: 10px; | |
border-top-right-radius: 10px; | |
border-bottom: 1px solid rgba(0,0,0,0.2) !important; | |
} | |
#app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div > ul{ | |
background-color: rgba(0,204,204,0.6) !important; | |
border-bottom-left-radius: 7px; | |
border-bottom-right-radius: 7px; | |
} | |
#app-mount > div > div.app.flex-vertical.theme-dark > div > section > div.chat.flex-vertical.flex-spacer > div.content.flex-spacer.flex-horizontal > div.flex-spacer.flex-vertical > form > div > div.channel-textarea-autocomplete > div{ | |
background-color: rgba(0,0,0,0.7) !important; | |
border-top-left-radius: 10px; | |
border-top-right-radius: 10px; | |
border: none; | |
} | |
div[data-bd="backdrop"] { | |
background-image: url(https://i.imgur.com/6f8vevM.jpg) !important; | |
background-size: cover !important; | |
} | |
/* Paste into console to pause @innertext box: setTimeout(function(){debugger;}, 5000) */ | |
/* Styling thanks to Nyxxay#8107 */ | |
#rmenu { | |
background: #3DA9A9 !important; | |
border: 1px solid #3DA9A9; | |
} | |
.emoji-picker .search-bar input { | |
border: 1px solid #3DA9A9; | |
-webkit-animation: searchpulse 2s infinite; | |
animation: searchpulse 2s infinite; | |
} | |
.bda-dark #bda-qem { | |
background: transparent !important; | |
border-bottom: 1px solid rgba(0, 0, 0, .5) !important; | |
} | |
.bda-dark #bda-qem button { | |
background: rgba(0, 0, 0, .15) !important; | |
border: 1px solid rgba(0, 0, 0, .5) !important; | |
box-shadow: transparent !importnat; | |
} | |
.bda-dark #bda-qem button.active { | |
background: rgba(0, 0, 0, .5) !important; | |
} | |
.bda-dark #bda-qem-favourite-container, | |
.bda-dark #bda-qem-twitch-container, | |
.bda-dark .emoji-picker, | |
.bda-dark .emoji-picker .category, | |
.bda-dark .emoji-picker .header .search-bar { | |
background: rgba(0, 0, 0, .5) !important; | |
} | |
.emoji-picker .sticky-header { | |
background: rgba(0, 0, 0, .75) !important; | |
} | |
.bda-dark .emoji-picker .scroller::-webkit-scrollbar, | |
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track, | |
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece, | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar, | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track, | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-track, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece { | |
background: rgba(0, 0, 0, .5) !important; | |
border: 1px solid rgba(0, 0, 0, .5) !important; | |
width: 8px; | |
} | |
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb, | |
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb, | |
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb, | |
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb { | |
border: 1px solid #3DA9A9 !important; | |
background: #3DA9A9 !important; | |
} | |
.guild-settings-modal-members { | |
border: 1px solid #3DA9A9 !important; | |
background: #3DA9A9 !important; | |
} | |
.channel-textarea-autocomplete-inner { | |
background:rgba(0,0,0,0.84)!important; | |
} | |
.channel-textarea-autocomplete-inner header { | |
background:rgba(0,0,0,0.84)!important; | |
} | |
/* Custom Cyan-coloured Icons */ | |
.icon-muted { | |
background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/cyan-firewatch/cyan-muted.svg') !important; | |
} | |
.icon-deafened { | |
background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/cyan-firewatch/cyan-deafen.svg') !important; | |
} | |
.icon-settings { | |
background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/cyan-firewatch/cyan-setting.svg') !important; | |
} | |
.icon-instant-invite { | |
background-image: url('https://ditmcouk.ipage.com/noottech/discord-icons/cyan-firewatch/cyan-instant-invite.svg') !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment