/** * @name NewerOldCord * @author @milbit, @Cyn * @Description Updates OldCord with a classic Discord layout and modern visuals * @source https://github.com/FrCynda/NewerOldCord * @version 1.0 */ @import url("https://raw.githubusercontent.com/SoonBanned/NewerOldCordCustom/refs/heads/main/src/other.css"); @import url("https://raw.githubusercontent.com/SoonBanned/NewerOldCordCustom/refs/heads/main/src/redesign.css"); @import url("https://raw.githubusercontent.com/SoonBanned/NewerOldCordCustom/refs/heads/main/src/vars.css"); .winButtons_c38106{ gap: calc(var(--space-4)*4); padding-right: 10px; svg { height: 24px; width: 14px; } } .folderIcon__48112 svg{ display:block !important; } .folderGroupBackground__48112{ height: 100%; } .scrollerContent__36d07{ margin-bottom: 10px; } .stack__dbd26 .folderGuildsList__48112{ height: 100% !important; } .wrapper_ef3116{ margin-bottom: 0; } .title_c38106{ visibility: hidden; } .container_e131a9 { gap: calc(var(--space-xs)*3); } :root{ --background-surface-high: var(--background-base-low); --radius-sm: 0; --radius-md: 0; --custom-app-top-bar-height:26px --guildbar-folder-size:50px; } .panels__5e434{ border: none !important; margin: 0 !important; padding: 0 !important; margin-left: 23% !important; width: 77%; height: 5%; --custom-panels-spacing:0px; } /* Scale guild icons without cropping */ .wrapper_cc5dd2 { transform: scale(1.1); transform-origin: center; margin-bottom: 4px; } /* Prevent layout shift */ .blobContainer_e5445c { overflow: visible !important; } .stack_dbd263.folderGuildsList__48112{ height: 110% !important; } .textArea__74017{ margin-top: auto; margin-bottom: auto; } .buttons__74017, .attachWrapper__0923f{ margin-top: auto; margin-bottom: 0px; } .buttons__37e49{ gap: 0; } .theme-dark:not(html.custom-theme-background, :has(#clientThemeVars)) { --background-base-low: #232428; --background-base-lower: #313338; --background-base-lowest: #2b2d31; --background-secondary-alt: #2a2c31; --bg-base-tertiary: #1e1f22; --custom-channel-members-bg: #2b2d31; --background-mod-subtle: #2b2d31; --bg-brand: #5867ea ; --button-filled-brand-background: #5867ea ; --header-secondary: #b9bbbe; --channels-default: #8e9297; --interactive-hover: #dcddde; --background-floating: #18191c; --background-modifier-hover: #4f545c29; --background-modifier-active: #4f545c3d; --background-modifier-selected: #4f545c52; --background-modifier-accent: #ffffff0f; --background-message-hover: #2e3034; --scrollbar-thin-thumb: #202225; --scrollbar-thin-track: transparent; --scrollbar-auto-thumb: #1a1b1e; --scrollbar-auto-track: #2b2d31; --scrollbar-auto-scrollbar-color-thumb: #202225; --scrollbar-auto-scrollbar-color-track: #2f3136; --elevation-stroke: 0 0 0 1px #04040526; --elevation-low: 0 1px 0 #04040533, 0 1.5px 0 #0606070d, 0 2px 0 #0404050d; --elevation-medium: 0 4px 4px #00000029; --elevation-high: 0 8px 16px #0000003d; --deprecated-card-editable-bg: #2022254d; --deprecated-quickswitcher-input-background: #72767d; --deprecated-quickswitcher-input-placeholder: #ffffff4d; --deprecated-text-input-bg: #0000001a; --deprecated-text-input-border: #0000004d; --deprecated-text-input-border-hover: #040405; --deprecated-text-input-border-disabled: #202225; --button-secondary-background: #4f545c; --button-secondary-background-hover: #72767d; --button-secondary-background-active: #72767d; --primary-transparent: #ffffff1a; --search-popout-option-non-text-color: #caccce; --search-popout-option-filter-color: #caccce; --search-popout-option-answer-color: #caccce; --search-popout-date-picker-hint-text: #caccce; --search-popout-date-picker-hint-value-text: #ffffff; } body { --text-muted: #72767d; --font-primary: gg sans; --font-display: gg sans !important; --font-headline: gg sans; --blurple: #5867ea; --blurple-inverted: #ffffff; --text-brand: var(--blurple) ; --bg-brand: var(--blurple) ; --brand-260: var(--blurple) ; --brand-360: var(--blurple) ; --brand-460: var(--blurple) ; --brand-500: var(--blurple) ; --brand-new-500: var(--blurple) ; --brand-530: var(--blurple) ; --brand-560: var(--blurple) ; --brand-new-560: var(--blurple) ; --brand-600: var(--blurple) ; --yellow-hover: #e19517; --yellow-inverted: #fffbf4; --yellow-inverted-active: #feedd1; --green-inverted: #f6fbf9; --green-inverted-active: #d9f0e6; } .cardPrimary__73069 { --__card-accent-color: var(--background-secondary) !important; } :root { --custom-channel-header-height: 48px; --custom-member-list-width: 240px; --custom-guild-list-width: 72px; --custom-guild-sidebar-width: 375px; --custom-app-panels-height: 52.984375px; --custom-add-permissions-modal-focus-ring-width: 4px; --custom-custom-role-icon-form-item-role-icon-preview-size: 32px; --custom-guild-settings-roles-edit-shared-sidebar-width: 232px; --custom-guild-settings-roles-intro-roles-transition: 250ms; --custom-guild-settings-roles-intro-pause-transition: 166ms; --custom-guild-settings-roles-intro-background-transition: 500ms; --custom-guild-settings-roles-intro-banner-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition)); --custom-guild-settings-roles-intro-roles-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition)* 2 + var(--custom-guild-settings-roles-intro-background-transition)); --custom-guild-settings-community-intro-content-spacing: 32px; --custom-guild-settings-community-intro-hover-distance: -12px; --custom-guild-settings-community-intro-text-spacing: 8px; --custom-guild-settings-discovery-landing-page-max-width-tab: 905px; --custom-guild-settings-discovery-landing-page-settings-max-width: 520px; --custom-guild-settings-partner-content-spacing: 32px; --custom-event-detail-info-tab-base-spacing: 8px; --custom-subscription-listing-previews-carousel-cards-get-cut-off-width: 724px; --custom-editable-benefits-list-emoji-size: 24px; --custom-edit-benefit-modal-emoji-size: 22px; --custom-edit-benefit-modal-emoji-margin: 10px; --custom-guild-settings-role-subscriptions-max-width: 905px; --custom-guild-settings-role-subscriptions-overview-settings-max-width: 520px; --custom-guild-settings-store-page-settings-max-width: 520px; --custom-importable-benefits-list-listing-image-size: 40px; --custom-import-benefits-modal-icon-size: 24px; --custom-import-benefits-modal-role-icon-size: 40px; --custom-role-icon-uploader-icon-size: 24px; --custom-guild-role-subscription-style-constants-cover-image-aspect-ratio: 4; --custom-historic-earnings-table-toggle-expand-column-width: 30px; --custom-guild-role-subscription-card-basic-info-tier-image-size: 80px; --custom-guild-role-subscription-card-basic-info-tier-image-size-mobile: 48px; --custom-guild-role-subscriptions-overview-page-page-max-width: 1180px; --custom-guild-dialog-popout-width: 250px; --custom-guild-dialog-splash-ratio: 1.77778; --custom-guild-dialog-icon-size: 84px; --custom-guild-dialog-icon-padding: 4px; --custom-guild-product-download-modal-header-image-width: 119px; --custom-guild-onboarding-home-page-max-page-width: 1128px; --custom-guild-onboarding-home-page-max-single-column-width: 704px; --custom-home-resource-channels-obscured-blur-radius: 20px; --custom-guild-member-application-review-sidebar-width: 29vw; --custom-featured-items-popout-featured-items-popout-footer-height: 120px; --custom-guild-boosting-sidebar-display-conditional-bottom-margin: 12px; --custom-guild-boosting-marketing-progress-bar-marker-dimensions: 32px; --custom-guild-boosting-marketing-progress-bar-end-markers-margin: 4px; --custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions: 32px; --custom-guild-boosting-marketing-tier-cards-tier-card-border-radius: 16px; --custom-go-live-modal-art-height: 112px; --custom-gif-picker-gutter-size: 0 16px 12px 16px; --custom-gif-picker-search-results-desired-item-width: 160px; --custom-forum-composer-attachments-attachment-size: 78px; --custom-forum-post-obscured-blur-radius: 20px; --custom-forum-post-grid-view-obscured-blur-radius: 20px; --custom-demo-forum-channel-padding-large: 20px; --custom-demo-forum-channel-post-padding: 12px; --custom-demo-forum-channel-gap-size: 8px; --custom-feedback-modal-emoji-size: 64px; --custom-feedback-modal-close-button-margin: 12px; --custom-expression-suggestions-container-padding: 8px; --custom-expression-suggestions-sticker-suggestion-size: 48px; --custom-expression-suggestions-sticker-suggestion-margin: 8px; --custom-expression-picker-constants-expression-picker-list-section-heading-height: 32px; --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions: 28px; --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions: 32px; --custom-expression-picker-constants-expression-picker-inspector-bar-height: 48px; --custom-emoji-picker-border-radius: 8px; --custom-emoji-picker-constants-min-emoji-picker-width: 498px; --custom-emoji-picker-constants-emoji-size-medium: 40px; --custom-emoji-picker-constants-emoji-size-large: 48px; --custom-emoji-picker-constants-emoji-container-padding-horizontal: 4px; --custom-emoji-picker-constants-emoji-container-padding-vertical: 4px; --custom-emoji-picker-constants-emoji-picker-height: 440px; --custom-emoji-picker-constants-emoji-section-margin-bottom: 12px; --custom-emoji-picker-constants-emoji-list-padding-top: 0; --custom-emoji-picker-constants-emoji-list-padding-right: 0; --custom-emoji-picker-constants-emoji-list-padding-bottom: 8px; --custom-emoji-picker-constants-emoji-list-padding-left: 8px; --custom-emoji-picker-constants-emoji-list-search-results-padding-top: 8px; --custom-emoji-picker-constants-unicode-category-icon-margin-vertical: 2px; --custom-emoji-picker-constants-unicode-category-icon-size: 24px; --custom-emoji-picker-constants-unicode-category-icon-padding: 4px; --custom-emoji-picker-constants-unicode-category-shortcut-height: 48px; --custom-emoji-picker-constants-guild-category-icon-size: 32px; --custom-emoji-picker-constants-guild-category-icon-margin-verical: 8px; --custom-emoji-picker-constants-category-separator-size: 1px; --custom-emoji-picker-constants-category-separator-margin-vertical: 12px; --custom-emoji-picker-constants-diversity-emoji-size: 24px; --custom-emoji-picker-constants-emoji-premium-upsell-height: 54px; --custom-emoji-picker-constants-emoji-premium-upsell-margin-top: 16px; --custom-emoji-picker-constants-newly-added-emoji-badge-height: 16px; --custom-discover-static-guild-card-card-height: 258px; --custom-discover-featured-guilds-section-card-height: 320px; --custom-discover-featured-guilds-section-min-card-width: 248px; --custom-discover-featured-guilds-section-gutter-size: 16px; --custom-discover-search-results-max-search-bar-width: 720px; --custom-guild-directory-min-card-width: 248px; --custom-guild-directory-gutter-size: 16px; --custom-guild-directory-min-content-width: 320px; --custom-guild-directory-max-page-width: 1608px; --custom-guild-directory-entry-card-card-height: 274px; --custom-guild-directory-landing-min-header-height: 200px; --custom-guild-shop-page-two-column-max-width: 1439px; --custom-aspect-stable-image-container-padding: 20px; --custom-monetization-info-table-expandable-rows-toggle-expand-column-width: 30px; --custom-guild-shop-content-width: 1044px; --custom-guild-shop-content-width-reduced: 788px; --custom-guild-shop-content-width-minimum: 688px; --custom-guild-shop-channel-row-gradient: linear-gradient(113deg, #2f3570 1.98%, #422c70 94.48%); --custom-guild-shop-channel-row-gradient-hover: linear-gradient(113deg, #383f86 1.98%, #4d3385 94.48%); --custom-guild-shop-channel-row-border-gradient: linear-gradient(113deg, #6591ff, #d150ff); --custom-guild-shop-channel-row-glow: 0 0 4px rgba(189, 149, 255, 0.5); --custom-guild-shop-preview-pill-shadow-dark: -4px 5px #1d1d1d; --custom-guild-shop-preview-pill-shadow-light: -4px 5px #d7dce8; --custom-guild-shop-gradient-start: #686bff; --custom-guild-shop-gradient-end: #c356fd; --custom-guild-role-connections-modal-close-button-margin: 12px; --custom-clips-enabled-indicator-medium-break-point: 920px; --custom-clips-enabled-indicator-badge-icon-dimension-override: 20px; --custom-client-themes-editor-content-width: calc(var(--custom-theme-selection-selection-size)* 3 + var(--custom-theme-selection-group-column-gap)* 2); --custom-client-themes-editor-editor-padding: 16px; --custom-theme-selection-selection-size: 60px; --custom-theme-selection-group-column-gap: 24px; --custom-channel-attachment-upload-spoiler-blur-radius: 44px; --custom-channel-attachment-upload-mini-attachment-size: 78px; --custom-channel-textarea-text-area-height: 44px; --custom-channel-textarea-text-area-max-height: 50vh; --custom-channel-textarea-app-launcher-button-gap: 8px; --custom-channel-notice-icon-size: 16px; --custom-channel-notice-padding: 12px; --custom-channel-call-participants-popout-padding-value: 16px; --custom-stream-upsell-modal-art-height: 149px; --custom-voice-channel-status-modal-emoji-size: 22px; --custom-voice-channel-status-modal-emoji-margin: 10px; --custom-broadcasting-tooltip-image-offset: 40px; --custom-application-directory-content-min-width: 600px; --custom-application-directory-content-max-width: 1024px; --custom-guild-count-small-icon-size: 16px; --custom-guild-count-large-icon-size: 20px; --custom-collection-gallery-text-container-width: 400px; --custom-collection-gallery-media-breakpoint: 1024px; --custom-collection-gallery-column-card-height: 600px; --custom-collection-gallery-row-card-height: 283px; --custom-collection-list-card-gap: 16px; --custom-collection-list-with-image-grid-gap: 16px; --custom-collections-collection-gap: 32px; --custom-application-directory-profile-sidebar-width: 192px; --custom-application-directory-profile-sidebar-margin-right: 48px; --custom-application-directory-profile-icon-size: 122px; --custom-application-directory-search-sidebar-width: 200px; --custom-application-directory-search-sidebar-margin-right: 32px; --custom-activity-bookmark-embed-image-width: 356px; --custom-activity-bookmark-embed-image-height: 200px; --custom-activity-bookmark-embed-content-height: 400px; --custom-activity-shelf-item-activity-item-height: 230px; --custom-activity-shelf-item-large-activity-item-height: 143px; --custom-activity-shelf-modal-modal-padding: 80px; --custom-activity-shelf-modal-modal-width: 496px; --custom-activity-shelf-modal-modal-min-width: 496px; --custom-activity-shelf-modal-modal-max-width: 1024px; --custom-activity-shelf-modal-modal-header-height: 92px; --custom-activity-shelf-modal-modal-header-without-description-height: 74px; --custom-activity-shelf-modal-modal-footer-height: 50px; --custom-activity-shelf-modal-modal-art-height: 64px; --custom-activity-shelf-modal-modal-max-height: 720px; --custom-activity-shelf-modal-modal-header-developer-controls-height: 176px; --custom-activity-shelf-modal-dividers-height: 2px; --custom-activity-shelf-modal-divider-height: 1px; --custom-activity-shelf-slide-activity-directory-shelf-grid-gap: 16px; --custom-accept-invite-modal-invite-modal-height: 420px; --custom-accept-invite-modal-small-screen-width: 720px; --custom-avatar-avatar-decoration-border-position: calc((0.5 - var(--decoration-to-avatar-ratio) / 2)* 100%); --custom-button-button-xl-width: 148px; --custom-button-button-xl-height: 50px; --custom-button-button-lg-width: 130px; --custom-button-button-lg-height: 44px; --custom-button-button-md-width: 96px; --custom-button-button-md-height: 38px; --custom-button-button-sm-width: 60px; --custom-button-button-sm-height: 32px; --custom-button-button-tn-height: 24px; --custom-button-button-tn-width: 52px; --custom-button-link-underline-width: 1px; --custom-button-link-underline-offset: 1px; --custom-button-link-underline-stop: calc(var(--custom-button-link-underline-width) + var(--custom-button-link-underline-offset)); --custom-button-filled-hover: 0.1; --custom-button-filled-active: 0.2; --custom-button-transition-duration: 170ms; --custom-modal-min-width-large: 800px; --custom-special-markdown-small-break-point: 600px; --custom-special-markdown-medium-break-point: 768px; --custom-user-profile-hype-squad-badge-icon-size: 24px; --custom-user-profile-hype-squad-badge-shine-size-offset: 64px; --custom-guild-discovery-gutter-size: 16px; --custom-guild-discovery-max-page-width: 1608px; --custom-dropdown-button-small-dropdown-size: 16px; --custom-dropdown-button-medium-dropdown-size: 24px; --custom-dropdown-button-large-dropdown-size: 32px; --custom-dropdown-button-separator-padding: 4px; --custom-dropdown-button-hitbox-padding: 8px; --custom-responsive-embed-tile-loading-background-width: 271px; --custom-game-install-locations-item-padding: 20px; --custom-game-list-row-min-height: 62px; --custom-game-list-linked-to-glow-duration: 2000ms; --custom-application-store-home-store-home-width: 1245px; --custom-application-store-listing-body-max-width: 880px; --custom-store-colors-primary-750: #191b1d; --custom-store-colors-premium-gradient: linear-gradient(90deg, var(--premium-tier-2-purple), var(--premium-tier-2-pink)); --custom-member-list-item-avatar-decoration-padding: 2px; --custom-messages-popout-messages-popout-footer-height: 120px; --custom-radio-image-border-thickness: 2px; --custom-standard-sidebar-view-sidebar-content-width: 192px; --custom-standard-sidebar-view-standard-padding: 20px; --custom-standard-sidebar-view-sidebar-content-scrollbar-padding: 6px; --custom-standard-sidebar-view-sidebar-total-width: calc(var(--custom-standard-sidebar-view-sidebar-content-width) + var(--custom-standard-sidebar-view-standard-padding) + var(--custom-standard-sidebar-view-sidebar-content-scrollbar-padding)); } /** Fonts */ @font-face { font-family: "gg sans"; font-weight: 300; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsans.woff2) format("woff2"); } @font-face { font-family: "gg sans"; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsans.woff2) format("woff2"); } @font-face { font-family: "gg sans"; font-style: italic; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsansitalic.woff2) format("woff2"); } @font-face { font-family: "gg sans"; font-weight: 500; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsansmedium.woff2) format("woff2"); } @font-face { font-family: "gg sans"; font-weight: 600; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsanssemibold.woff2) format("woff2"); } @font-face { font-family: "gg sans"; font-weight: 700; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsansbold.woff2) format("woff2"); } @font-face { font-family: "gg sans"; font-weight: 700; font-style: italic; src: url(https://github.com/GreenMonster362905/gg-sans-font/blob/main/ggsansbolditalic.woff2) format("woff2"); } .radioBar__001a7 .radioIndicatorGroup__001a7:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 28 28'%3E%3Cpath d='M3 0C1.34326 0 0 1.34277 0 3V21C0 22.6572 1.34326 24 3 24H21C22.6567 24 24 22.6572 24 21V3C24 1.34277 22.6567 0 21 0H3ZM3 1C1.89551 1 1 1.89551 1 3V21C1 22.1045 1.89551 23 3 23H21C22.1045 23 23 22.1045 23 21V3C23 1.89551 22.1045 1 21 1H3Z' stroke='' stroke-width='' fill='%2372767d' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E"); position: relative } /* chat box */ .scrollerSpacer__36d07 { height: 30px; } .themedBackground__74017 { background: none } .formWithLoadedChatInput_f75fb0 { .channelTextArea_f75fb0 { background: var(--background-primary) !important; } } .channelTextArea__74017 { border: unset; border-radius: 4px; } .separator__49fc1 { box-shadow: 0 1px 0 0 hsl(240 calc( 1 *5.263%) 7.451% /.3), 0 1px 2px 0 hsl(240 calc( 1 *5.263%) 7.451% /.3); } .header__49fc1 { padding: var(--modal-vertical-padding) var(--modal-horizontal-padding); } .autocompleteAttached__6b0e0 { left: 0; right: 0; } .cooldownText_b21699 { color: var(--font-primary) !important; } .base_b88801 { left: 16px; font-size: 14px; font-weight: 500; line-height: 24px; resize: none; align-items: center; color: var(--text-normal); } /* jump to present bar */ .jumpToPresentBar__0f481 { bottom: 0; border-radius: 8px 8px 0 0; background-color: var(--background-accent); opacity: .95 !important; padding-bottom: 4px !important; color: var(--white-500); .barButtonBase__0f481 { padding-left: unset; padding: 0 12px; } .button__201d5 { flex: 0 0 auto; font-weight: 600; position: relative; background: unset; padding-bottom: 6px; &:hover { background-color: unset !important; } .contents__201d5:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 16'%3E%3Cpath d='M7 10L12 15 17 10'%3E%3C/path%3E%3C/svg%3E"); margin-left: 8px; } } } /* Makes "add a server and discover icons green */ .circleIcon__5bc7e { color: var(--green); } /* removes padding on guild (clan) tags next to usernames */ .text-xs\/semibold_cf4812 { font-size: 0.75rem; font-weight: 600; color: var(--interactive-normal); } /* Removes the sidebar when fullscreened in a livestream */ .sidebar_c48ade.hidden_c48ade { position: absolute !important; } /* Fixes Forum colors (WIP) */ .visual-refresh .mainCard_f369db { background: var(--bg-overlay-4, #393c41); border: 1px solid var(--border-subtle); } .visual-refresh .container_faa96b.isOpen_faa96b { background-color: #393c41 ; } .visual-refresh .container_faa96b:hover { background-color: #393c41; } /* Fixes "new channel" icon colors */ .newChannel__599fa, .channelInfo_c69b6d { background-color: var(--blurple) !important; color: white; border-radius: var(--radius-round) !important; } .stack_dbd263 { background: unset; /* unsure if this breaks anything, remove if it does */ } /* Fixes "SPOILER" text of spoilered images */ .obscureWarning__54ab5 { color: white; } /* Adds "Today at" to messages sent today */ :is(.timestampInline_c19a55) time[aria-label^="Today at"] { visibility: hidden; } :is(.timestampInline_c19a55) time[aria-label^="Today at"]:before { content: attr(aria-label); visibility: visible; } /* Removes separator between chat and channel bar */ .panels_c48ade { width: 241px !important; border: none !important; } /* Fixes channel bar width */ .base_c48ade .sidebar_c48ade > .sidebarList_c48ade { width: 240px !important; } /* Fixes a bunch of buttons*/ .button__201d5:not(.cta_a3a802, .colorRed__201d5) { border: unset; } .item_b3f026 { transition: none !important; } :is(.sidebar__23e6b) .selected_b3f026.item_b3f026 { background: var(--background-modifier-selected) !important; } :is(.sidebar__23e6b) .side_b3f026 .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026) { background-color: var(--background-modifier-hover); } :is(.sidebar__23e6b) .selected_b3f026.item_b3f026:hover { color: var(--text-primary); } .topPill_b3f026 .item_b3f026 { border-radius: 4px;; margin: 0 8px; padding: 2px 8px; min-height: unset; } .searchBar__35e86 { border-bottom: unset; box-shadow: var(--elevation-low); } /* Fixes colors of menu overlay */ .inner_c0bea0 { background-color: #111214; } .menuOverlay_ce8328 { background-color: #ffffff17 !important; } /* removes border of messages in search bar */ .searchResult__02a39 { border: solid 1px rgba(255, 255, 255, 0) !important; } /* fixes the background color of the "Message" box at the bottom of user profiles */ .inlineContainer__74017 .themedBackground__74017 { background: #ffffff17 !important; } /* fix the coloring on the Report/Delete message button */ .colorDanger_c1e9c4.focused_c1e9c4 { color: var(--white); background-color: var(--red); } /* fix the coloring of the OP tag */ .botTagOP__82f07 { color: var(--white) !important; margin-top: .2em !important; } /* fixes "add server" and "discover" buttons */ .circleIconButton__5bc7e { width: 50px!important; height: 50px !important; transform: translate(0px, 6px); } .discoveryIcon_ef3116{ transform: translate(0px, 9px); } /* background color of embedded links with rounded corners on the right side */ .grid__623de { background-color: #2a2c30; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } /* pinned messages */ .header__45690 { background: var(--scrollbar-auto-track) !important; } .messagesPopout__45690 { background: var(--scrollbar-auto-track) !important; } /* removes user list left border */ .container_c8ffbb { border-left: none !important; } /* inbox tab */ .channelHeader__35a7e { background-color: transparent !important; } .resultsGroup__56fec { background-color: var(--scrollbar-thin-thumb) !important; } .scroller__2692d, .container_a54d1d, .Container__4a7f0, .emptyScroller__2692d, .emptyContainer_a54d1d, .emptyContainer__4a7f0 { background-color: rgb(44, 46, 51) !important; } /* fix search bar */ .searchAnswer_bd8186, .searchFilter_bd8186 { transform: translateY(-px) !important; height: 20px !important; font-size: 1em !important; } .search__97492 .DraftEditor-root .public-DraftStyleDefault-block span { display: inline-block; /* required for transform to take effect */ transform: translateY(-0.5px) !important; } /* Base reset */ .tab_ab6641, .selected_b3f026 { background: none !important; box-shadow: none !important; border: none !important; } /* Base tab styling */ .tab_ab6641 { position: relative; overflow: visible !important; z-index: 0; } .tab_ab6641::before { content: ""; position: absolute; top: 46px; left: -10px; right: -10px; height: 1px; background: var(--blurple); z-index: -1; opacity: 0; } .tab_ab6641.selected_b3f026::before { opacity: 1; transition: opacity 0.5s ease-in-out !important; /* only transition when selected */ } /* user profile card */ .root__24502, .outer_c0bea0 { background-color: transparent !important; } /* makes server card in mentions tab non transparent */ .channelHeader__35a7e { background-color: var(--background-secondary) !important; } svg.icon__2ea32:nth-of-type(3) path:nth-of-type(2) { color: red; } /* remove black outline on right side on channel side bar */ div.sidebar_c48ade.theme-dark.images-dark { transform: translate(1px); } /* fix color of Message Bar */ .scrollableContainer__74017 { background-color: rgba(255, 255, 255, 0.048); } /*CHAT GPT EDITS TO MAKE BETTERFOLDER NOT TAKE SPACE WHEN FULLSCREEN VIEWING*/ /* Collapse left grid tracks + zero the variables in fullscreen */ .base__5e434[data-fullscreen="true"] { /* keep grid (Discord relies on it), but remove the two left tracks */ grid-template-columns: [start] 0 [guildsEnd] 0 [channelsEnd] 1fr [end] !important; /* nuke the widths used by the left rail */ --custom-guild-list-width: 0px !important; --custom-guild-sidebar-width: 0px !important; } /* Hide the actual left-rail elements so they don't paint borders/gaps */ .base__5e434[data-fullscreen="true"] .guilds__5e434, .base__5e434[data-fullscreen="true"] .sidebar__5e434 { display: none !important; width: 0 !important; } /* Kill the left border the channel list would draw when visible */ .base__5e434[data-fullscreen="true"] .sidebarList__5e434 { border: 0 !important; } /* Make sure the page area uses the full grid */ .base__5e434[data-fullscreen="true"] .page__5e434 { grid-area: page !important; width: 100% !important; height: 100% !important; overflow: hidden; } /* === restore window buttons / title bar in fullscreen === */ :root:has(.base__5e434[data-fullscreen="true"]) .systemBar_c38106 { display: flex !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 20px !important; z-index: 10000 !important; background: var(--background-tertiary, #202225) !important; } /* keep the close/minimize/maximize buttons visible */ :root:has(.base__5e434[data-fullscreen="true"]) .winButtons_c38106 { display: flex !important; opacity: 1 !important; pointer-events: auto !important; } /*END OF CHAT GPT EDITS TO MAKE BETTERFOLDER NOT TAKE SPACE WHEN FULLSCREEN VIEWING*/ .winButtons_c38106{ right:-80px; } .clickable_c99c29{ left:05px; } .trailing_c38106{ left:0px; } .svg_cc5dd2.shiftSVG_cc5dd2{ width: 64px !important; height: 64px !important; padding-top: 3px !important; padding-bottom: 3px !important; } :has(> .svg_cc5dd2.shiftSVG_cc5dd2) { transform: translate(-7.5px, -7.5px) !important; }