Files
surCord/surCord.theme.css
T
2022-06-05 00:35:53 -05:00

652 lines
18 KiB
CSS

/**
* @name surCord
* @author Vozer
* @version 2022.06.04
* @description Hello. Again.
* @source https://github.com/SlippingGitty/surCord/
* @website https://slippinggitty.github.io/
*/
/*
'c. discord@DiscordTheme.local
,xNMM. -----------------------
.OMMMMo OS: surCord 06.04.22 arm64
OMMM0, Host: DiscordCanary0,1
.;loddo:' loolloddol;. Kernel: 0.0.284
cKMMMMMMMMMMNWMMMMMMMMMM0: Uptime: 09 hours, 15 mins
.KMMMMMMMMMMMMMMMMMMMMMMMWd. Packages: 20 (plugins)
XMMMMMMMMMMMMMMMMMMMMMMMX. Shell: Powercord, BetterDiscord, BeautifulDiscord,
;MMMMMMMMMMMMMMMMMMMMMMMM: Astra, Goosemod, Stylus
:MMMMMMMMMMMMMMMMMMMMMMMM: DE: ImagineAPlace
.MMMMMMMMMMMMMMMMMMMMMMMMX. WM: Vozer
kMMMMMMMMMMMMMMMMMMMMMMMMWd. WM Theme: Discord (Dark)
.XMMMMMMMMMMMMMMMMMMMMMMMMMMk Font: San Fransisco Display
.XMMMMMMMMMMMMMMMMMMMMMMMMK. Memory: #7673MiB / 8192MiB
kMMMMMMMMMMMMMMMMMMMMMMd
;KMMMMMMMWXXWMMMMMMMk.
.cooc,. .,coo:.
*/
/*
////////////////////////////////////////
///Colors and other small details
////////////////////////////////////////
*/
/* LUCKFIRE - macOS Title Bar - LICENSE https://github.com/discord-extensions/macos-titlebar/blob/master/LICENSE */
@import url('https://discord-extensions.github.io/macos-titlebar/src/source.css');
/* TROPICAL - CHECKBOXES - SLATE THEME - https://github.com/DiscordStyles/Slate/blob/master/LICENSE.md */
#app-mount .container-2nx-BQ .input-2XRLou, #app-mount .container-2nx-BQ .input-3xr72x, #app-mount .checkboxWrapper-2fDzaA .input-2XRLou, #app-mount .checkboxWrapper-2fDzaA .input-3xr72x {
margin: 0;
opacity: 1;
height: 14px !important;
width: 14px !important;
position: relative;
cursor: var(--cursor);
-webkit-appearance: checkbox;
appearance: checkbox;
}
#app-mount .container-2nx-BQ, #app-mount .checkboxWrapper-2fDzaA {
width: auto;
border-radius: 0;
background: transparent !important;
display: flex;
align-items: center;
box-shadow: none;
-webkit-box-shadow: none;
cursor: var(--cursor);
}
#app-mount .container-2nx-BQ .slider-32CRPX, #app-mount .checkboxWrapper-2fDzaA .slider-32CRPX {
display: none;
}
.theme-dark .checkbox-f1HnKB {
display:none;
}
/* Compact Powercord Theme Toggler and Plugins Products */
.powercord-product {
padding: 9px;
margin-bottom: 13px;
}
.powercord-product-header h4 {
font-size: 16px;
}
.powercord-product .divider-3LgWDL {
display: none;
}
.description, .powercord-product .metadata, .powercord-product-permissions, .powercord-product-footer {
margin-top: 4px;
font-size: 13px;
}
/* Color Pallete */
.theme-dark {
--background-tertiary: rgb(42, 40, 44);
--background-secondary: rgb(42, 40, 44);
--background-secondary-alt: rgb(42, 40, 44);
--background-primary: rgb(31, 30, 30);
--channeltextarea-background: rgb(30, 30, 30);
--background-accent: rgb(26, 129, 251);
--background-modifier-hover: rgb(65, 63, 66);
--background-modifier-active: rgb(30, 30, 30);
--background-modifier-selected: rgb(26, 129, 251);
--deprecated-card-bg: #12141f63;
--background-floating: rgba(35, 35, 35, 0.771);
--deprecated-quickswitcher-input-background:#101320;
--elevation-low: none;
--toast-background: #292841 !important;
--toast-header: #101320 !important;
--toast-contents: #23283d !important;
}
/* Font */
* {
font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
text-rendering: optimizeLegibility !important;
text-transform: none;
}
/*
/////////////////////////
//// Title Bar on macOS
/////////////////////////
*/
/* Title Bar */
.container-ZMc96U.themed-Hp1KC_, .header-3OsQeK {
background: rgb(55, 53, 55) !important;
border-bottom: .5px solid black;
}
.communityInfoPill-2Mll66 {
display: none;
}
.theme-dark .children-3xh0VB:after {
background: rgba(0, 0, 0, 0);
}
.title-17SveM {
font-weight: 900;
}
/* Search and other Text fields */
.searchBar-jGtisZ, .searchBar-3TnChZ .searchBarComponent-3N7dCG, .inner-2pOSmK, .wrapper-n2dlvs, .searchBar-2M9mRP, .input-2z42oC {
background-color: rgb(53, 51, 55);
border-radius: 4px;
border: 1px solid rgb(97, 96, 99);
}
.searchBar-jGtisZ:hover, .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover, .wrapper-n2dlvs:hover, .inner-2pOSmK:hover, .searchBar-2M9mRP:hover, .input-2z42oC:hover, .searchBar-2aylmZ:hover {
box-shadow: 0 0 3px 3px rgb(32, 83, 148);
}
/*
///////////////////////
//// Guilds
///////////////////////
*/
.guilds-2JjMmN .scroller-3X7KbA, .wrapper-1_HaEi {
background-color: rgb(42, 40, 44);
}
.platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH{
background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ;
}
.expandedFolderBackground-1kSAf6 {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 15px;
background: rgba(41, 38, 39, 0.276);
}
.closedFolderIconWrapper-3tRb2d {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 15px;
background: rgba(41, 38, 39, 0.276);
}
.expandedFolderBackground-1kSAf6.collapsed-uGXEbi, .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT {
display: none;
}
.folder-241Joy, .folder-241Joy:hover {
background-color: #00000000;
}
.item-2LIpTv {
width: 8px;
border-radius: 5px 5px 5px 5px;
margin-left: 0px;
background-color: rgb(145, 138, 152);
}
.circleIconButton-1VxDrg {
backdrop-filter: blur(20px);
border: 1px solid rgb(78, 78, 81);
border-radius: 15px;
background: rgba(39, 38, 41, 0.276);
color: rgba(26, 127, 251, 0.612);
}
.circleIconButton-1VxDrg:hover {
background: rgba(99, 81, 199, 0.276);
color: rgba(255, 255, 255, 0.612);
}
/*
////////////////////////
/// Chat Area
////////////////////////
/*
/* Text Box */
.scrollableContainer-15eg7h, .hasConnectedBar-1vN2JH, .preview-QJ3OG3 {
border-radius: 20px;
border: 1px solid rgb(97, 96, 99);
}
.scrollableContainer-15eg7h:hover {
box-shadow: 0 0 2px 2px #4189c38c;
}
.theme-dark .autocomplete-3NRXG8 {
background: rgba(41, 38, 39, 0.276);
backdrop-filter: blur(20px);
border: 1px solid rgb(78, 78, 81);
}
.autocompleteRowVerticalSmall-2rVED0 .base-2v-uc0:hover, .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover {
background-color: rgba(26, 127, 251, 0.612) !important;
backdrop-filter: blur(10px);
}
.clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover, .clickable-2V8YKY[aria-selected=true]>.base-2v-uc0 {
background-color: rgba(26, 127, 251, 0.353) !important;
backdrop-filter: blur(10px);
}
/* New Messages Banner */
.newMessagesBar-1hF-9G {
background-color: rgba(26, 127, 251, 0.612) !important;
backdrop-filter: blur(10px);
border-radius: 50px;
margin-top: 2px;
}
/* Reply Bar */
.replyBar-1oi75v, .jumpToPresentBar-1cEnH0 {
background-color: rgba(26, 127, 251, 0.612) !important;
backdrop-filter: blur(10px);
border-radius: 50px;
margin-bottom: 2px;
}
.attachedBars-2BCP3l, .clipContainer-31nYlH, .container-A2jo65, .channelTextArea-1FufC0 {
background: transparent;
}
/* Embeds and MarkUp */
.grid-1aWVsE, .markup-eYLPri code {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
background: rgba(41, 38, 39, 0.276);
}
.embedFull-1HGV2S {
background-color: transparent;
}
/*
////////////////////////
////Friends List
////////////////////////
*/
/* Friends themselves */
.peopleListItem-u6dGxF {
backdrop-filter: blur(20px);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
background: rgb(40, 38, 42);
margin-bottom: 13px;
margin-top: 13px;
padding-left: 10px;
}
.peopleListItem-u6dGxF:hover {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.487);
border-radius: 10px;
transition: 0.3s;
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
background: rgba(41, 38, 39, 0.276);
margin-bottom: 13px;
margin-top: 13px;
}
.actions-YHvpIT {
padding-right: 10px;
}
.actionButton-3-B2x- {
margin-right: 13px;
}
.peopleColumn-1wMU14 {
background: rgb(33, 31, 35);
}
/* Active Now */
.itemCard-3Etziu {
backdrop-filter: blur(20px);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
background: rgba(88, 84, 85, 0.276);
margin-bottom: 13px;
margin-top: 13px;
padding-left: 10px;
}
.section-3G9aLW:only-child {
border: 1px solid rgb(78, 78, 81);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483);
}
.itemCard-3Etziu:hover {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.487);
border-radius: 10px;
transition: 0.3s;
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
background: rgba(41, 38, 39, 0.276);
margin-bottom: 15px;
margin-top: 15px;
}
/*
////////////////////
///Sidebars
////////////////////
*/
/*Channel Bars */
.scroller-WSmht3, .scroller-1ox3I2, .container-1zzFcN {
border-right: .5px solid black;
border-top: .5px solid black;
}
/* User Settings */
.container-YkUktl {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 20px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 0px;
}
.panels-3wFtMD {
background-color: #00000000;
border-right: .5px solid black;
}
.searchBar-3TnChZ {
border-right: .5px solid black;
}
.interactiveSelected-29CP8y {
background: rgba(26, 127, 251, 0.612) !important;
backdrop-filter: blur(20px);
}
.container-2o3qEW {
border-left: .5px solid black;
}
/* Channels */
.modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg, .mainContent-uDGa6R .overflow-1wOqNV, .mainContent-uDGa6R {
color: white;
}
.icon-2W8DHg {
color: rgb(16,138,225);
}
.modeUnread-3Cxepe .icon-2W8DHg {
color: rgb(44, 192, 90);
}
.actionIcon-2sw4Sl {
color: rgb(255, 255, 255);
}
.addButtonIcon-3rJeaD {
border-radius: 50%;
color: rgb(44, 192, 90);
}
.unreadRelevant-2f-VSK {
background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ;
width: 8px;
border-radius: 5px 5px 5px 5px;
}
/*
////////////////////
////Fly Outs
///////////////////
*/
/* Pins/Inbox */
.messagesPopoutWrap-3zryHW, .container-2ebMPP {
background: rgba(0, 0, 0, 0.436) !important;
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.header-1w9Q93, .footer-5ji8u1 {
background: rgba(0, 0, 0, 0) !important;
}
.channelHeader-DFRX8q {
border-radius: 20px;
background: rgba(55, 55, 55, 0);
position: inherit;
}
.messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.collapseButton-39-IRc {
left: 6px;
}
/* Quick Switcher */
.quickswitcher-pKcM9U {
background: rgba(93, 93, 93, 0);
}
.scroller-2qwVWY, .input-3r5zZY {
background: rgba(93, 93, 93, 0);
}
/* User Popout */
.popout_28, .userPopout-2j1gM4 {
background: rgba(0, 0, 0, 0.436) !important;
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 10px;
}
.bodyInnerWrapper-2bQs1k, .footer-3naVBw {
background: rgba(0, 0, 0, 0) !important;
}
.role-2TIOKu {
border: 1px solid rgb(78, 78, 81);
}
.input-2z42oC {
border-radius: 50px;
background: rgba(107, 107, 107, 0.392) !important;
backdrop-filter: blur(10px);
}
/* Emoji Menu */
.contentWrapper-3vHNP2, .popoutContainer-2wbmiM, .emojiPicker-6YCk8a {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.guildSection-2Zyzy8{
background-color: transparent;
}
.header-1ULbqO, .packHeader-w9jpYl {
border-radius: 20px;
background: rgba(55, 55, 55, 0);
position: inherit;
}
.inspector-DFKXwB, .categoryList-2qRrlj, .categoryList-2GgCrD{
background-color: rgba(0, 0, 0, 0);
}
.unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 {
background: rgba(0, 0, 0, 0.933);
}
.button-1zW0-r {
background-color: rgba(26, 127, 251, 0.358);
backdrop-filter: blur(10px);
}
/* Context & Status Menus */
.menu-1QACrS {
background: none;
}
.menu-1QACrS::after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
border-radius: inherit;
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
/* Search Options */
.searchInput-3pIoTy {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.resultsGroup-cfY57t {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.searchOption-3u1gRt:hover {
background: rgba(26, 127, 251, 0.612) !important;
border-radius: 4px;
}
/* Search Results */
.searchResult-O9NDji, .scroller-3iiyhZ {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
}
.channelName-3w2Y3c, .searchResultsWrap-5RVOkx {
background: transparent;
}
.searchHeader-1r_ZSh {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
border-radius: 20px;
margin-right: 8px;
margin-left: 5px;
margin-top: 8px;
}
.searchHeader-1r_ZSh:hover {
box-shadow: 0 0 2px 3px #4189c38c;
}
/* Hovering over Menus */
.colorDefault-CDqZdO:hover {
background: rgba(26, 127, 251, 0.612) !important;
border-radius: 4px;
}
.label-2gNW3x {
color: white;
}
/* All Active Threads */
.container-3GP6AV, .header-3cSJjT {
background: rgba(0, 0, 0, 0.59);
backdrop-filter: blur(10px);
}
.container-2rzKKA {
background: rgba(0, 0, 0, 0.436);
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.container-2rzKKA:hover {
box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.612) !important;
border-radius: 4px;
}
.list-3YHPPb, .activeThreadsList-12IFYm {
background-color: transparent;
}
/*
//////////////////////////
/////Settings
//////////////////////////
*/
/* Account Profile Card */
.accountProfileCard-lbN7n-, .profileBannerPreview-3mLIdO {
background: rgba(0, 0, 0, 0.436);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
}
.fieldList-in8WkP, .background-3d_SjE {
background-color: transparent;
}
/*------------------* testing *-----------------*/
/* Nitro Claim a Gift, Join a Server */
.description-X8_53U, .userSelectNone-3AtPzf {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
background: rgba(41, 38, 39, 0.276);
}
/* Full User Popout */
.theme-dark .root-g14mjS, .container-2O1UgZ {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(78, 78, 81);
border-radius: 5px;
background: rgba(41, 38, 39, 0.276);
}
.body-1Ukv50, .topSection-13QKHs {
background: rgba(41, 38, 39, 0);
}
/* Buttons */
.button-2b4VEQ.buttonSize-3QlBTl, .lookFilled-yCfaCM.colorPrimary-2AuQVo, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ, .full-motion .button-1_oXub, .lookFilled-yCfaCM.colorBrand-I6CyqQ {
background-color: rgb(26, 129, 251);
color: white;
border-radius: 50px;
}
.popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ {
border: 1px solid rgb(255, 255, 255);
}
.button-2b4VEQ.buttonSize-3QlBTl:hover, .actionButton-3-B2x-:hover, .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ:hover {
background-color: rgba(0, 78, 174, 0.977);
border-radius: 10px;
transition: 0.3s;
}
.actionButton-3-B2x- {
background-color: rgb(26, 129, 251);
color: white;
}
.lookFilled-yCfaCM.colorRed-rQXKgM {
background: linear-gradient(to bottom, rgb(238, 52, 48) 0%,rgb(238, 52, 48) 50%,rgba(205, 43, 40, 0.999) 100%);
border-radius: 50px;
border: 1px solid rgb(182, 0, 0);
box-shadow: 0 0 3px 3px rgba(255, 0, 0, 0.483);
}
.lookOutlined-3yKVGo.colorRed-rQXKgM {
background: linear-gradient(to bottom, rgb(255, 4, 0) 0%,rgb(255, 4, 0) 50%,rgba(255, 4, 0, 0.999) 100%);
border-radius: 50px;
}
.numberBadge-37OJ3S, .newBadge-1bHewI {
background: linear-gradient(to bottom, rgb(238, 52, 48) 0%,rgb(238, 52, 48) 50%,rgba(238, 52, 48, 0.999) 100%);
font-size: 10px;
}
/* Image Replacing */
img[src="/imglocation.png"] {
background: url(something.png) no-repeat;
}
/* In App Notifications */
.xenoLib-notification-content {
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
border: 1px solid rgb(146, 146, 146);
border-radius: 5px;
background: rgba(41, 38, 39, 0.276);
}