Skip to content

orangetweaks by orxngc

Details

Authororxngc

LicenseNo License

Categorydiscord.com

Created

Updated

Size7.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

orangc's private collection of CSS tweaks, not made by me (mostly)

Notes

If you want to contact me my username is @orxngc on Discord

Source code

/* ==UserStyle==
@name       orangetweaks
@version    20240328.09.47
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://discord.com") {
/* [[ ShowMeYourName Plugin ]] */
.vc-smyn-suffix:before {
    content: "| @" !important
}
.vc-smyn-suffix:after {
    content: "" !important
}
.vc-smyn-suffix {
    color: currentColor !important;
    opacity: 0.5
}
/* Username */
/* .cozy_f5c119 .header__39b23 {
    margin-bottom: 4px
}
.contents_f41bb2 .username_d30d99,
.base__512ed .text_ca54e9 strong,
.name__4c9aa,
.repliedMessage_e2bf4a > .username_d30d99,
.member_aa4760 .username_d272d6 {
    background: color-mix(in srgb, currentColor 25%, rgba(0, 0, 0, 0.25));
    text-shadow: 0 0 5px color-mix(in srgb, currentColor 25%, #000);
    margin-right: 4px;
    padding: 0 5px;
    border-radius: 5px
} */
.username_d30d99::after {
    position: relative;
    margin: 0 0 0 8px;
    color: inherit;
    text-shadow: 0 0 5px #000
}


.profileBannerPremium__9ca8f {
    margin: 12px auto auto;
    width: calc(100% - 24px);
    height: calc(100px - 24px) !important;
    min-height: 188px !important;
    border-radius: 8px
}
.popoutBannerPremium__942db {
    margin: 8px auto auto;
    width: calc(100% - 16px) !important;
    height: calc(100px - 16px) !important;
    min-height: 106px !important;
    border-radius: 4px
}
.scroller__83262 {
    padding: 6px 12px
}
.section__6f61e > div:not(.roles__74a2b),
.userInfoText__5f822 {
    padding: 8px
}
.scrollerSeparator__321f3 {
    box-shadow: none
}
.section__6f61e.usernameSection__53868 {
    margin-bottom: 8px
}
.container_b6b15b {
    margin: 0 12px;
    padding: 16px
}
.usernameSection__53868 > div {
    width: calc(100% - 16px)
}
.section__6f61e > div:not(.activity__20c1e, .roles__74a2b),
.memberSinceContainer__0a28b,
.userInfoText__5f822,
.container_b6b15b,
.nameTag__7814f,
img[class*=emoji_] {
    justify-content: center;
    text-align: center
}
.section__6f61e > div:not(.roles__74a2b),
.mutualGuildsList__6e961,
.mutualFriendsList__632b5,
.container_b6b15b,
.userInfoText__5f822 {
    background: var(--profile-body-background-color);
    border-radius: 4px
}
/* remove border in modal connections */
.userInfoSection__1daf8 + .userInfoSection__1daf8 {
    border-top: none
}
/* fix badge list height */
.profileBadges__7a7cb.container__5bda1 {
    min-height: fit-content;
    margin-right: 10px
}
:is(.userPopoutInner_f545a3, .userInfoText__5f822) .blockquoteContainer_f24d1f {
    justify-content: center
}
.userPopoutInner_f545a3 .markup_a7e664 a,
.userInfoText-2MFCmH.markup_a7e664 a,
.timestamp_a65714 {
    background: var(--background-modifier-accent);
    color: var(--text-link);
    font-weight: bold;
    padding: 0 4px;
    border-radius: 4px
}
:is(.userPopoutInner_f545a3 .markup_a7e664 a, .userInfoText-2MFCmH.markup_a7e664 a, .timestamp_a65714):hover {
    background: var(--background-modifier-hover);
    text-decoration: none
}
.tabBarContainer__63f55 {
    margin: 20px 0 0
}
.tabBar__35f81 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    row-gap: 8px;
    column-gap: 8px;
    margin-bottom: 16px
}
.userProfileModalInner__7c87d .top__592a7 .item__48dda {
    border: none;
    background: color-mix(in srgb, var(--profile-body-background-color) 40%, transparent);
    padding: 2px 0;
    width: 31%;
    border-radius: 4px;
    text-align: center
}
.tabBarContainer__63f55,
.top__592a7 .themed_b957e8.item__48dda:hover {
    border: none
}
.userProfileModalInner__7c87d .top__592a7 .item__48dda:hover {
    background: color-mix(in srgb, var(--profile-body-background-color) 70%, transparent) !important
}
.userProfileModalInner__7c87d .top__592a7 .selected__5711d.item__48dda {
    background: color-mix(in srgb, var(--profile-body-background-color) 100%, transparent)
}
.tabBarItem_b56b35 {
    height: fit-content
}
.divider_d66e63 {
    background: var(--profile-body-divider-color)
}
.platformIcon__05c5e {
    margin: 2px 2px
}
.scroller__5a651 {
    left: 12.5%
}
.userProfileOuterUnthemed__48723 .userPanelInner_eddf4c,
.root_a28985:has(.userProfileModalOuter__3fe6b) {
    background: transparent !important
}
.profilePanel__12596 .userPanelInner_eddf4c {
    border-radius: 8px
}
.connectedAccountContainer__23f00 {
    border-width: 2px
}
.connectedAccountContainer__23f00:has(.connectedAccountOpenIcon_df549d:hover) {
    background: var(--profile-body-divider-color)
}
.flowerStarContainer_d8d14b.connectedAccountVerifiedIcon_db6dbd > svg > path {
    fill: var(--profile-body-divider-color);
    filter: brightness(1) contrast(2)
}
:is(.userPopoutInner_f545a3, .profilePanel__12596) [class*=divider_] {
    background: transparent;
    border-color: transparent
}
.userInfoSection__1daf8 .eyebrow_f53856:last-child,
/* Notes in profile modal */
.section__6f61e:has(.roles__74a2b:empty),
/* no roles */
[class*=userPanelInner_]::before,
.lastSection__37b97,
/* notes section */
.aboutMeGuildIcon_b05b69/* Profile guild icon */
{
    display: none !important
}
/* fixes */
[class^=userPopoutOverlayBackground_],
[class^=userProfileModalOverlayBackground__] {
    background: transparent
}
:is(.section__6f61e, .userInfoSection__1daf8) .eyebrow_f53856 {
    text-transform: none;
    font-size: 14px;
    display: block;
    text-align: center
}
.activityUserPopoutV2__32328 .headerText__7d203,
.activityProfileV2__4de28 .headerText__7d203 {
    text-transform: none;
    font-size: 14px
}
[style^="-webkit-line-clamp: 6"] {
    display: block
}
[class^=userProfileModalOverlayBackground__] > [class^=body_] {
    flex: 0 1 500px
}


/* [[ Turn Material Discord orange ]] */
:root {
    --accent-hue: 40;
    --accent-saturation: 100%;
    --accent-lightness: 50%;
    --accent-text-color: #fff;
    --accent-button-action: #fff;
    /*	-	*/
    --avatar-radius: 50%;
    /*	-	*/
    --message-radius: 19px;
    --message-padding-top: 8px;
    --message-padding-side: 12px;
    /*	-	*/
    --media-radius: 19px;
    /*	-	*/
    --card-radius: 8px;
    --card-radius-big: 18px;
    /*	-	*/
    --popout-radius: 8px;
    --popout-radius-big: 18px;
}


/* [[ Display an "@" before usernames ]] */
.userTagUsernameBase__75fb1,
.discriminator-hnHkyt,
.username-3JLfHz {
    opacity: 0.85;
}

.discrimBase-v65kTs,
.userTagUsernameBase__75fb1::before,
.discriminator-hnHkyt::before,
.infoSpacing-dfFOiG.discriminator-WV5K5s::before {
    content: "@";
    opacity: 0.6;
    font-size: 90%;
    font-family: var(--font-primary);
}

.username-3JLfHz.discriminator-hnHkyt ~ .discriminator-hnHkyt::before {
    content: none !important;
}


/* [[ Efficient Settings ]] */
#user-settings-cog > .scroller__750f5 > .item__183e8 {
    display: none
}

/* [[ Settings Modal ]] */
.standardSidebarView__1129a {
    top: 0 !important;
}
.layer__2efaa + .layer__2efaa {
    border-radius: 10px !important;
    box-shadow: 5px 5px 25px black;
    border: 1px solid var(--border-strong);
    width: 1200px !important;
    height: 80vh !important;
    margin: auto !important;
    padding: 0 !important;
}
#app-mount .baseLayer__8fda3/*keep view under settings*/
{
    opacity: 1 !important;
    transform: unset !important;
}

/* [[ Hide x In Voice ]] */
.voiceChannelsButton__46c37 {
    display: none;
}


/* Automatically resizing gif picker */
:root {
    /* Change me! */
    --expression-picker-aspect-ratio: 1.125 / 1;
}
[class*="expressionPickerPositionLayer_"] [class*="positionContainer_"] {
    height: calc(100vh - 128px);
}
[class*="expressionPickerPositionLayer_"] [class*="drawerSizingWrapper_"] {
    max-height: 100%;
    bottom: 0px;
    height: auto;
    aspect-ratio: var(--expression-picker-aspect-ratio);
}

/* Revert the swap of Mutual Friends and Mutual Servers. */
[class^=userProfileModalOverlayBackground_]:not(:has([class^=bot_])) [class^=tabBar_] :nth-last-child(2) {
    order: 1;
}

}

Reviews

No reviews yet.