Skip to content

Instantly share code, notes, and snippets.

@oketariq
Created July 23, 2024 13:31
Show Gist options
  • Save oketariq/59117be4433f3f113c414abf9fe0a89e to your computer and use it in GitHub Desktop.
Save oketariq/59117be4433f3f113c414abf9fe0a89e to your computer and use it in GitHub Desktop.
:root {
--version: "1.0.7";
}
.embedThumbnail_b0068a {
border-radius: 4px !important;
}
.animatedContainer_fd6364,
.bannerImage_fd6364 {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
rect.pointerEvents_c51b4e {
stroke: var(--background-primary);
stroke-width: 2px;
mask: none;
ry: 4px;
rx: 4px;
}
.svg-2azL_l > svg > rect {
mask: unset;
width: 10px;
height: 10px;
x: 7.5 !important;
y: -17 !important;
rx: 4px;
ry: 4px;
z-index: 9;
}
.container_b2ca13 .avatar_b2ca13.wrapper-1VLyxH * {
overflow: visible;
}
svg.cursorDefault--wfhy5 {
display: block !important;
overflow: visible;
}
.member_cbd271,
.members_cbd271 {
background: transparent;
}
.member_a31c43 .dots-1BwzZQ circle,
.channel_c91bad .dots-1BwzZQ circle {
cy: -18.5px;
overflow: visible;
color: var(--background-primary);
}
.member_a31c43 .dots-1BwzZQ circle:nth-child(odd),
.channel_c91bad .dots-1BwzZQ circle:nth-child(odd) {
display: none;
}
.member_a31c43 .channel_c91bad svg.dots-1BwzZQ,
.channel_c91bad svg.dots-1BwzZQ {
overflow: visible;
}
.lookInverted-2mDUMi .contents-3ca1mk {
color: var(--brand-experiment);
}
.selected_ae3c77 {
background-color: var(--brand-experiment) !important;
}
[mask="url(#svg-mask-status-online-mobile)"] {
height: 15px !important;
}
[class^="socialLinks-"] + [class^="info-"] > span:first-child::before {
content: "Ultra " var(--version);
position: relative;
top: 0px;
display: block;
}
.scroller_f2bfbb {
background-color: var(--background-secondary) !important;
}
.container_f2bfbb,
.reactors_f2bfbb {
background-color: var(--background-primary) !important;
}
.avatarWrapperNormal_f89da9 {
position: absolute;
transform: translate(50%);
left: -5%;
}
.headerTop-3GPUSF {
text-align: center;
position: relative;
max-width: 100%;
right: 0px;
top: 0px;
}
.profileBadges_f89da9 {
justify-content: center;
position: relative;
max-width: 100%;
right: 0px;
top: 0px;
}
.customStatus-3XAoF9 {
display: flex;
justify-content: center;
text-align: center;
}
.tabs-1RhQha {
border-bottom: none !important;
}
.headerText_c1d9fd .overflow_c74e70 {
text-transform: uppercase !important;
font-weight: 700 !important;
font-size: 12px;
}
.container_adcaac {
background-color: var(--background-secondary) !important;
}
.message_ddcc45 {
background-color: var(--background-primary) !important;
}
.desaturateUserColors-1O-G89 {
font-weight: bold;
}
.activityText_a31c43 {
color: #919191;
}
.activityText_a31c43 strong {
color: #cfd3da;
}
#popout_45 {
background-color: var(--background-secondary) !important;
}
svg.circleIcon_db6521 {
color: var(--brand-experiment) !important;
}
.circleIconButton_db6521.selected_db6521 {
background-color: var(--brand-experiment-hover) !important;
}
::placeholder,
body,
button,
input,
select,
textarea {
font-family: var(--font);
}
.membersGroup_cbd271 {
margin-bottom: 10px;
}
rect.pointerEvents_c51b4e {
x: 22 !important;
y: 1 !important;
height: 10px;
width: 10px;
}
.mask-1FEkla circle {
display: none;
}
.accountProfileCard_b69b77 rect.pointerEvents_c51b4e {
x: 70 !important;
y: 1 !important;
height: 15px;
width: 15px;
}
.wrapper_a71a1c {
border: 3px solid var(--background-secondary);
}
.membersWrap_cbd271 {
min-height: 100% !important;
}
.option-2KkUJO::after {
background: transparent !important;
}
.react-datepicker,
.react-datepicker__header,
.react-datepicker__day--disabled,
.react-datepicker__day {
background-color: var(--background-primary) !important;
}
.react-datepicker__day:hover:not(.react-datepicker__day--disabled) {
background-color: var(--brand-experiment) !important;
}
.queryContainer_eedf95 {
background-color: var(--background-secondary) !important;
}
.container_eedf95 {
background-color: var(--background-primary) !important;
}
.wrapper-1VLyxH foreignObject:not(rect.pointerEvents_c51b4e) {
mask: unset;
}
#app-mount .lowerBadge-3WTshO {
border-radius: 20% !important;
}
.numberBadge__40d6f::before {
content: "";
position: absolute;
top: -4px;
right: -5px;
width: 25px;
height: 25px;
border-radius: 25%;
background: var(--background-tertiary);
z-index: -1;
}
.selected_ae3c77 .colorInteractiveNormal_fbc755,
.selected_ae3c77 .colorInteractiveActive_fbc755 {
color: var(--background-secondary) !important;
}
.container-2FjuQ5,
.footer-3ie9JP,
.footer-31IekZ {
background-color: #101014 !important;
}
.pageWrapper_a3a4ce {
background-color: var(--background-primary) !important;
}
.container-x8Y1ix {
background: #17161b !important;
}
.UserBackgrounds-banner-badge {
display: none;
}
h3.title-1_TkpU.fontDisplay-3Gtuks.base_d0da3e.size24_fb468f,
.title-1_TkpU,
.container-x8Y1ix .text-PdAsFQ,
.footerTitle-3Bslxi,
.title-OdeD-o,
.backButton-2Ps-B8,
.fontDisplay-3Gtuks,
.button_dd4f85 .contents-3ca1mk,
.inputDefault-3FGxgL {
color: white;
}
#app-mount .unread_d8bfb3::after {
content: "";
position: absolute;
top: -18px;
left: 188px;
width: 30px !important;
height: 30px !important;
border-radius: 0%;
background: var(--background-secondary);
z-index: 0;
}
.perksModalContentWrapper-3RHugb {
background-color: var(--background-primary) !important;
}
.lookInverted-2D7oAl .contents-3ca1mk {
color: black !important;
}
.scrollerBase-289Jih::-webkit-scrollbar,
.scrollerBase-_bVAAt::-webkit-scrollbar {
display: none !important;
}
#app-mount .numberBadge__40d6f {
background-color: var(--brand-experiment) !important;
color: white;
border-radius: 20% !important;
}
.link_d8bfb3 {
overflow: visible;
}
.modeSelected_d8bfb3 .link_d8bfb3,
.modeSelected_d8bfb3:hover .link_d8bfb3,
.link_d8bfb3:hover {
background: transparent !important;
}
.link_d8bfb3 {
width: calc(100% - 12px) !important;
}
.link_d8bfb3,
.link_d8bfb3:hover {
display: inline-block;
padding: 6px 8px;
}
.modeMuted_d8bfb3 .name_d8bfb3 {
color: #2b2b2b;
}
.modeSelected_d8bfb3 .link_d8bfb3::before {
content: "";
display: block;
position: absolute;
background-color: var(--selected-indicator);
box-shadow: 0 0 20px 4px var(--selected-indicator);
border-radius: 50%;
width: 5px;
height: 5px;
left: -9px;
top: 13px;
}
.activity_a31c43 .icon_ad923e {
color: #cfd3da;
}
.link_d8bfb3:hover::before {
content: "";
display: block;
position: absolute;
background-color: var(--hover-indicator);
box-shadow: 0 0 20px 4px var(--hover-indicator);
border-radius: 50%;
width: 5px;
height: 5px;
left: -9px;
top: 13px;
}
.toolbar_fc4f04 .icon_f542fc:nth-child(1),
.toolbar_fc4f04 .anchor-1MIwyf {
display: none;
}
.container_adcaac {
background-color: var(--background-secondary) !important;
border: none !important;
}
.searchBar-zdmu7v {
width: 300px !important;
position: relative;
}
.modeUnreadImportant_d8bfb3 .icon_d8bfb3,
.modeUnreadImportant_d8bfb3:hover .icon_d8bfb3 {
color: var(--interactive-active);
}
.mentioned_d5deea:before {
background-color: var(--brand-experiment);
box-shadow: 0 0 20px 4px var(--brand-experiment);
}
.newMessagesBar_cf58b5 {
box-shadow: 0 0 40px 4px var(--brand-experiment);
}
.unread_d8bfb3 {
background-color: var(--brand-experiment);
box-shadow: 0 0 20px 4px var(--brand-experiment);
border-radius: 50%;
left: 6px;
top: 58%;
width: 5px;
height: 5px;
}
.typeThread_d8bfb3 .unread_d8bfb3 {
left: 6px;
}
.chat_a7d72e .privateChannels_f0963d,
.chat_a7d72e .content-2a4AW9 {
background-color: var(--background-primary) !important;
}
.reactions_f61c73 {
padding-top: 2px !important;
margin-bottom: -5px !important;
}
.reaction_f61c73 {
background-color: rgba(48, 48, 48, 0.363) !important;
border-color: rgba(48, 48, 48, 0.363) !important;
border-width: 0px;
backdrop-filter: blur(5px);
}
.reactionMe_f61c73 {
background-color: #6f6af631 !important;
border-color: #6e6af6 !important;
}
.membersGroup_cbd271 {
opacity: 0.5;
margin-bottom: 10px;
}
.wrapper_d8bfb3:hover .wrapper_d8bfb3 {
background-color: transparent;
}
.link_d8bfb3:hover {
color: var(--interactive-active);
}
.link_d8bfb3 {
position: relative;
left: 15px;
height: 30px;
}
.icon_d8bfb3 {
height: 11px;
width: 11px;
opacity: 0.4;
}
.modeSelected_d8bfb3 .link_d8bfb3,
.link_d8bfb3:hover {
position: relative;
}
.autocompleteRowVertical_bcc24e rect.pointerEvents_c51b4e {
x: 18 !important;
}
.overflow_c74e70:not(.nameAndDecorators_f9647d .overflow_c74e70) {
font-size: 11pt;
font-weight: 500;
}
.option-2KkUJO:after {
display: none;
}
.name_d8bfb3,
.channelName-3KPsGw {
font-size: 11pt;
}
.root_f9a4c9L:not(.carouselModal-1eUFoq) {
background-color: var(--background-tertiary) !important;
}
.theme-light .root_f9a4c9 {
box-shadow: var(--elevation-border), var(--elevation-high);
}
.sampleLink-5BWNy9 {
color: #fff;
}
.messageContent-2t3eC {
font-weight: 400;
}
.autocomplete_bcc24e,
.uploadModal_f82cc7 {
background-color: var(--background-secondary) !important;
}
.headerChildren_fd6364 > svg,
.addButtonIcon_a08117 {
color: var(--channels-default);
}
.wrapper-1VLyxH {
mask: unset;
}
.content-2a4AW9 [style="height: 16px;"] {
height: 10px !important;
}
.scrollableContainer_d0696b {
border-radius: 20px;
min-height: 70px !important;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start !important;
}
.container_c75f85 {
display: var(--boost-bar);
}
.header_fd6364 {
height: 70px;
display: flex;
align-items: center;
}
.name_fd6364 {
color: var(--channels-default);
text-transform: uppercase;
font-size: 9pt;
}
.peopleList_e0840f::-webkit-scrollbar {
display: none;
}
.peopleColumn_c2739c {
background-color: var(--background-primary);
}
.inner_d0696b {
min-width: 96%;
max-height: 50vh;
}
.codeBlockText_cdb578,
code {
font-family: var(--code-font);
}
.avatar_e9f61e,
.wrapper-1VLyxH,
.avatar-2Vndt_,
.wrapper-1VLyxH,
.avatar-b5OQ1N,
.avatar_f9f2ca,
.avatar_cdc675 {
border-radius: 38%;
}
.replyBar_b11c5e,
.clipContainer_b11c5e {
background: var(--background-primary);
}
.avatarHint_f89da9 foreignObject {
mask: unset;
border-radius: 35% !important;
}
.avatarHintInner_f89da9 {
border-radius: 35% !important;
}
.imageWrapper__178ee {
border-radius: 20px;
}
.members_cbd271,
.members_cbd271 > div,
.container-2Oqvgx,
.container-NkLXgf {
background-color: var(--background-primary);
}
.children_fc4f04:after {
display: none;
}
.auto-2K3UW5::-webkit-scrollbar-thumb {
display: block;
}
.container_fc4f04 {
background: var(--background-primary) !important;
}
.container_b2ca13,
.container-6sXIoE {
background-color: var(--background-secondary);
}
.container-6sXIoE {
border: none;
}
.scroller-1d5FgU::-webkit-scrollbar {
display: none;
}
.scroller_e2e187 {
margin-right: 30px !important;
}
.textScroller-dc9_kz {
color: var(--text-normal);
}
.arrow_d64d50 {
display: none;
}
.userPopoutOuter-3AVBmJ rect.pointerEvents_c51b4e,
.profilePanel-2PWEok rect.pointerEvents_c51b4e {
x: 66 !important;
y: 66 !important;
height: 15px;
width: 15px;
}
.layer-1Ixpg3 rect.pointerEvents_c51b4e {
x: 120 !important;
y: 100 !important;
height: 15px;
width: 15px;
}
.scroller-1bVxF5 {
padding: 6px 8px !important;
}
.bf-toolbar::before,
.contentWarningPopout_fa823b {
background: var(--background-floating) !important;
}
.axolotlcord .homeIcon__560eb path {
fill: transparent;
}
.axolotlcord .homeIcon__560eb {
background: url("https://i.imgur.com/tfg5teR.png") center/cover no-repeat;
min-width: 45px;
min-height: 45px;
}
.card-14SgW5 {
background: #101014 !important;
}
.theme-dark.navRow-dG-XX8 {
background: #17161b !important;
}
.divider__93173 {
border-bottom: 1px solid transparent !important;
}
.roleContainer-WStCpt {
background: transparent !important;
}
.callContainer_ed4410 .content-2a4AW9 {
background-color: transparent !important;
}
#MemberCount,
#MemberCount .membersGroup_cbd271 {
background-color: var(--background-primary) !important;
}
.header-2Kx1US.ChannelDms-channelmembers-header.topPill-3DJJNV {
background: var(--background-primary) !important;
}
.bannerSVGWrapper-qc0szY mask {
display: none;
}
.userPopout-2j1gM4 .wrapper-1VLyxH::before,
.avatar-3QF_VA::before {
content: " ";
font-size: 0px;
background-color: var(--background-floating);
float: left;
border-radius: 50%;
height: 94px;
width: 94px;
margin: -7px;
}
.avatar-3QF_VA::before {
height: 136px;
width: 136px;
margin: -8px;
}
.userPopout-2j1gM4 [class^="avatarWrapper"] .wrapper-1VLyxH,
.avatarHint_f89da9 {
top: 9px;
}
.mask_c51b4e > foreignObject {
border-radius: 38%;
mask: unset;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment