orangc's private collection of CSS tweaks, not made by me (mostly)
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
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;
}
}