nezumi/surCord
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/surCord.git synced 2026-09-22 20:02:07 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
0f3b44683df53e5115fbf74fbeac815938c35161
surCord/src/_flyouts.scss
T
czarhex b6a5aabc78 border color by theme
2022-07-26 23:40:51 +02:00

353 lines
10 KiB
SCSS
Raw Blame History

/*
////////////////////
////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 var(--surCordBorder);
border-radius: 5px;
}
.theme-light {
.messagesPopoutWrap-3zryHW, .container-2ebMPP {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 5px;
}
.tab-TRrPC8 .active-1grPyy .item-3XjbnG selected-g-kMVV .themed-2-lozF {
color: white;
}
}
.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 var(--surCordBorder);
border-radius: 5px;
}
.theme-light {
.messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
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 var(--surCordBorder);
border-radius: 10px;
}
.theme-light {
.popout_28, .userPopout-2j1gM4 {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 10px;
}
}
.bodyInnerWrapper-2bQs1k, .footer-3naVBw {
background: rgba(0, 0, 0, 0) !important;
}
.role-2TIOKu {
border: 1px solid var(--surCordBorder);
}
.input-2z42oC {
border-radius: 50px;
background: rgba(107, 107, 107, 0.392) !important;
backdrop-filter: blur(10px);
}
/* 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 var(--surCordBorder);
border-radius: 5px;
background: rgba(41, 38, 39, 0.276);
}
.body-1Ukv50, .topSection-13QKHs {
background: rgba(41, 38, 39, 0);
}
.theme-light {
.theme-dark .root-g14mjS, .container-2O1UgZ {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(20px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 5px;
}
}
/* Emoji Menu */
.contentWrapper-3vHNP2, .popoutContainer-2wbmiM {
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 var(--surCordBorder);
border-radius: 5px;
}
.theme-light {
.contentWrapper-3vHNP2, .popoutContainer-2wbmiM {
background: rgba(226, 221, 225, 0.89);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
backdrop-filter: blur(10px);
border-radius: 5px;
}
}
.wrapper-3u51GQ .emojiPicker-6YCk8a {
background-color: transparent;
backdrop-filter: blur(10px);
}
.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);
}
.theme-light {
.unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 {
background: rgba(255, 255, 255, 0.353);
backdrop-filter: blur(10px);
}
}
.button-1zW0-r {
background-color: var(--accent-selected);
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 var(--surCordBorder);
border-radius: 5px;
}
.theme-light {
.menu-1QACrS::after {
content: '';
position: absolute;
inset: 0;
z-index: -1;
border-radius: inherit;
background: rgba(226, 221, 225, 0.89);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
backdrop-filter: blur(10px);
border-radius: 5px;
}
.label-2gNW3x {
color: black;
}
}
.wrapper-2vIMkT {
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 var(--surCordBorder);
border-radius: 5px;
}
.theme-light {
.wrapper-2vIMkT {
background: rgba(226, 221, 225, 0.89);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
backdrop-filter: blur(10px);
border-radius: 5px;
color: black;
}
}
/* 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 var(--surCordBorder);
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 var(--surCordBorder);
border-radius: 5px;
}
.searchOption-3u1gRt:hover, .option-ayUoaq:hover {
background: var(--accent-selected) !important;
border-radius: 4px;
}
.theme-light {
.searchInput-3pIoTy {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 5px;
}
.resultsGroup-cfY57t {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 5px;
}
.searchOption-3u1gRt:hover, .option-ayUoaq:hover {
background: var(--accent-selected) !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 var(--surCordBorder);
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 var(--surCordBorder);
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;
}
.theme-light {
.searchResult-O9NDji, .scroller-3iiyhZ {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
border-radius: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
}
.channelName-3w2Y3c, .searchResultsWrap-5RVOkx {
background: transparent;
}
.searchHeader-1r_ZSh {
background: rgba(231, 234, 237, 0.436) !important;
backdrop-filter: blur(10px);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
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: var(--accent-selected) !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 var(--surCordBorder);
border-radius: 5px;
}
.theme-light {
.container-2rzKKA {
background: rgba(226, 221, 225, 0.89);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
border: 1px solid rgba(249, 249, 249, 0.772);
backdrop-filter: blur(10px);
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;
}
/* Footers */
.footer-31IekZ {
background-color: transparent;
}
Reference in New Issue View Git Blame Copy Permalink