body { /* Revert new green to old color */ --old-green: #43b581; --info-positive-foreground: var(--old-green); --status-positive-background: var(--old-green); --text-positive: var(--old-green); /* Revert new red to old color */ --old-red: #f04747; --text-danger: var(--old-red); --info-danger-foreground: var(--old-red); --status-danger-background: var(--old-red); /* Revert to old font var */ --font-display: var(--font-primary); /* Found in Discord's CSS file: oldBrand vs newBrand HTML class - here we force old brand vars via copying */ --brand-experiment-100: #f8f9fd; --brand-experiment-130: #f2f4fc; --brand-experiment-160: #ebeefa; --brand-experiment-200: #e3e7f8; --brand-experiment-230: #dae0f5; --brand-experiment-260: #d1d9f3; --brand-experiment-300: #c7d0f0; --brand-experiment-330: #b5c1ec; --brand-experiment-360: #a5b3e7; --brand-experiment-400: #8ea1e1; --brand-experiment-430: #869adf; --brand-experiment-460: #7d92dd; --brand-experiment: #7289da; --brand-experiment-500: #7289da; --brand-experiment-530: #687dc6; --brand-experiment-560: #5c6fb1; --brand-experiment-600: #4e5d94; --brand-experiment-630: #435180; --brand-experiment-660: #3b4770; --brand-experiment-700: #2e3757; --brand-experiment-730: #2b3352; --brand-experiment-760: #272f4b; --brand-experiment-800: #222941; --brand-experiment-830: #1a2032; --brand-experiment-860: #111521; --brand-experiment-900: #06070b; --brand-experiment-05a: rgba(114,137,218,0.05); --brand-experiment-10a: rgba(114,137,218,0.1); --brand-experiment-15a: rgba(114,137,218,0.15); --brand-experiment-20a: rgba(114,137,218,0.2); --brand-experiment-25a: rgba(114,137,218,0.25); --brand-experiment-30a: rgba(114,137,218,0.3); --brand-experiment-35a: rgba(114,137,218,0.35); --brand-experiment-40a: rgba(114,137,218,0.4); --brand-experiment-45a: rgba(114,137,218,0.45); --brand-experiment-50a: rgba(114,137,218,0.5); --brand-experiment-55a: rgba(114,137,218,0.55); --brand-experiment-60a: rgba(114,137,218,0.6); --brand-experiment-65a: rgba(114,137,218,0.65); --brand-experiment-70a: rgba(114,137,218,0.7); --brand-experiment-75a: rgba(114,137,218,0.75); --brand-experiment-80a: rgba(114,137,218,0.8); --brand-experiment-85a: rgba(114,137,218,0.85); --brand-experiment-90a: rgba(114,137,218,0.9); --brand-experiment-95a: rgba(114,137,218,0.95); } /* Revert mentions and channel links */ #app-mount .wrapper-3WhCwL { color: var(--brand-experiment-460); background: var(--brand-experiment-10a); text-decoration: none !important; padding: 0 1px; } #app-mount .wrapper-3WhCwL:hover { background: var(--brand-experiment); color: var(--brand-experiment-100); } /* Hide semi-transparent background if mentioned in message */ /* .mentioned-xhSam7 .mention { background: transparent !important; } */ /* Revert reactions */ .reaction-1hd86g { border-radius: 0.25rem; background: var(--background-modifier-selected); border: none; } .mentioned-xhSam7 .reaction-1hd86g, .mentioned-xhSam7 .reaction-1hd86g:hover { background-color: var(--background-modifier-accent); } .reaction-1hd86g .reactionCount-2mvXRV { color: var(--text-muted); /* A11Y-- */ } .reaction-1hd86g .reactionInner-15NvIl { padding: 0 0.375rem; } /* Self reactions */ .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV { color: var(--brand-experiment); /* A11Y-- */ } .mentioned-xhSam7 .reaction-1hd86g.reactionMe-wv5HKu, .mentioned-xhSam7 .reactionMe-wv5HKu.reaction-1hd86g:hover, .reaction-1hd86g.reactionMe-wv5HKu { background-color: var(--brand-experiment-30a); } /* Reaction hover */ .reaction-1hd86g:hover .reactionCount-2mvXRV { color: var(--interactive-active) !important; } .reaction-1hd86g:hover { background-color: var(--background-modifier-selected); } .reaction-1hd86g.reactionMe-wv5HKu:hover { background-color: var(--brand-experiment-40a); } /* Profile pictures */ [src="/assets/1f0bfc0865d324c2587920a7d80c609b.png"] { content: url(/assets/6debd47ed13483642cf09e832ed0bc1b.png); } [src="/assets/c09a43a372ba81e3018c3151d4ed4773.png"] { content: url(/assets/322c936a8c8be1b803cd94861bdfa868.png); } [src="/assets/7c8f476123d28d103efe381543274c25.png"] { content: url(/assets/dd4dbc0016779df1378e7812eabaa04d.png); } [src="/assets/6f26ddd1bf59740c536d2274bb834a05.png"] { content: url(/assets/0e291f67c9274a1abdddeb3fd919cbaa.png); } [src="/assets/3c6ccb83716d1e4fb91d3082f6b21d77.png"] { content: url(/assets/1cbd08c76f8af6dddce02c5138971129.png); } /* Expanded icon default color to old blurple */ .expandedFolderIconWrapper-Huv7rA > svg[style="color: rgb(88, 101, 242);"] { color: var(--brand-experiment) !important; } .folderIconWrapper-1_bOZe[style="background-color: rgba(88, 101, 242, 0.4);"] { background-color: var(--brand-experiment-40a) !important; } /* Color BD specific settings elements */ .bd-addon-views .bd-view-button.selected, .bd-button { background-color: var(--brand-experiment); } /* Restyle the create server and discovery buttons to the old green */ .circleIconButton-1QV--U.circleButtonBase-2DCxIZ { color: var(--old-green); } .circleIconButton-1QV--U.circleButtonBase-2DCxIZ.selected-1JjBPm { color: white; background-color: var(--old-green); } /* On switches to old green */ .container-3auIfb[style="opacity: 1; background-color: rgb(59, 165, 92);"] { background-color: var(--old-green) !important; } /* Text input focus border color is now focus / link, change back to original brand color */ .input-cIJ7To.focused-1mmYsC, .input-cIJ7To:focus { border-color: var(--brand-experiment); } /* Restyle the create server and discovery buttons to the old green */ .circleIconButton-1QV--U.circleButtonBase-2DCxIZ { color: var(--old-green); } .circleIconButton-1QV--U.circleButtonBase-2DCxIZ.selected-1JjBPm { color: white; background-color: var(--old-green); } /* On switches to old green */ .container-3auIfb[style="opacity: 1; background-color: rgb(59, 165, 92);"] { background-color: var(--old-green) !important; } /* Text input focus border color is now focus / link, change back to original brand color */ .input-cIJ7To.focused-1mmYsC, .input-cIJ7To:focus { border-color: var(--brand-experiment); } /* Change all radio bars with the new green to the old green */ /* In particular, this fixes the privacy and safety settings' 'keep me safe' option */ .radioBar-bMNUI-[style*="--radio-bar-accent-color:#3ba55c"] { --radio-bar-accent-color: var(--old-green) !important; } /* Revert ping mention button being link colored (used to be brand) */ .colorLink-2vG20E.size14-e6ZScH.mentionButton-3710-W { color: var(--brand-experiment) !important; } /* Change the 'get nitro' button in the emoji popup back to the old green */ .lookFilled-1Gx00P.colorGreen-29iAKY { background-color: var(--old-green); } /* Revert the 'Add Friend' button to the old green*/ .item-3HknzM.item-PXvHYJ.themed-OHr7kt[style*="background-color: rgb(59, 165, 92);"] { background-color: var(--old-green) !important; } /* Fixed "Add Friend" button to correct colors when selected */ .item-3HknzM.item-PXvHYJ.themed-OHr7kt[aria-selected=true] { color: var(--old-green) !important; background-color: var(--old-green-transparent) !important; } /* Color picker default to blurple instead of new brand color */ .colorPickerSwatch-5GX3Ve.default-cS_caM { background-color: var(--brand-experiment) !important; } /* Fix misc SVGs that for some reason sometimes weren't targeted by the previous rules (particularly presence SVGs) */ *[fill="#3ba55c"] { fill: var(--old-green); } /* Fix the call icons in chat */ .icon-2Po-VO.iconSize-2tmqqh[style='background-image: url("/assets/7f75ab26bc5deb393cd8db44d9fe14e7.svg");'] { background-image: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/call_icon.svg") !important; } /* Server join icon to old green (arrow left to join system message) */ .icon-2Po-VO.iconSize-2tmqqh[style='background-image: url("/assets/e06a573355c490f7ce6e3125ac01db81.svg");'] { background-image: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/server_join_icon.svg") !important; } /* Change the lock icon in the settings, it's an img tag so we need to use the content: css attribute instead of background-image */ .lockIcon-2Hj8Tq[src="/assets/acea8fd38500a12d0509c027a274caaa.svg"] { content: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/mfa_lock_icon.svg") !important; } /* Permission checkmarks in authorized apps to the old green */ /* The images in these are specified by class, so it's impossible to get more specific of a match than this */ .permissionCheckmark-1SeKr2 { background: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/authorized_apps_checkmark_icon.svg") no-repeat; } /* Revert the 'An adventure begins' popup to the old green */ .channelNotice-1-XFjC.invite-OjTXrW { background: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/add_friends_to_server.svg") no-repeat center 20px; } /* Change green colorables from the new green color to the old green color. */ /* In particular, this fixes the join call buttons, but it may also fix other stuff around the app */ .colorable-1bkp8v.green-plH-Mj { background-color: var(--old-green); } /* Also fix the colorables when they're active or being hovered over, for example when hovering over the call buttons */ .colorable-1bkp8v.green-plH-Mj.active-1QRrIS, .colorable-1bkp8v.green-plH-Mj:hover { background: var(--old-green); } /* Verified check mark color */ .verified-1eC5dy { color: var(--old-green); } /* Fix the speaking ring around your avatar in the bottom left corner of your screen */ .avatarSpeaking-2c8-9i { box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #2f3136; } /* And fix speaking avatars in calls in general */ .speaking-B2MXPi.border-Jn5IOt { box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #2f3136; } /* And fix speaking in call when your camera is enabled */ .border-3dQmSY.speaking-WDn8Wm { box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #000; } /* Revert new Nitro icon by setting item */ .premiumTabItem-1QTfBr .icon-Zc-uZZ { display: none; } /* Online status */ .wrapper-3t9DeA rect.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online)"]:not([fill="#ffffff"]) { fill: var(--old-green); } /* Online status (mobile) */ .wrapper-3t9DeA rect.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online-mobile)"]:not([fill="#ffffff"]) { fill: var(--old-green); } /* Online status (typing and other) */ .wrapper-3t9DeA svg.cursorDefault-dsQJ1n > rect[fill="#3ba55c"] { fill: var(--old-green); } /* Revert loading tip title color */ .tipTitle-GL9qAt { color: var(--brand-experiment) !important; } /* Revert home icon */ .homeIcon-FuNwkv > path { d: path("M 20.6644 20 C 20.6644 20 19.8014 18.9762 19.0822 18.0714 C 22.2226 17.1905 23.4212 15.2381 23.4212 15.2381 C 22.4384 15.881 21.5034 16.3334 20.6644 16.6429 C 19.4658 17.1429 18.3151 17.4762 17.1884 17.6667 C 14.887 18.0953 12.7774 17.9762 10.9795 17.6429 C 9.61301 17.381 8.43836 17 7.45548 16.6191 C 6.90411 16.4048 6.30479 16.1429 5.70548 15.8096 C 5.63356 15.7619 5.56164 15.7381 5.48973 15.6905 C 5.44178 15.6667 5.41781 15.6429 5.39384 15.6191 C 4.96233 15.381 4.7226 15.2143 4.7226 15.2143 C 4.7226 15.2143 5.87329 17.1191 8.91781 18.0238 C 8.19863 18.9286 7.31164 20 7.31164 20 C 2.0137 19.8333 0 16.381 0 16.381 C 0 8.7144 3.45205 2.50017 3.45205 2.50017 C 6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861 L 10.4281 0.285909 C 6.11301 1.52399 4.12329 3.40493 4.12329 3.40493 C 4.12329 3.40493 4.65068 3.11921 5.53767 2.71446 C 8.10274 1.59542 10.1404 1.2859 10.9795 1.21447 C 11.1233 1.19066 11.2432 1.16685 11.387 1.16685 C 12.8493 0.976379 14.5034 0.92876 16.2295 1.11923 C 18.5068 1.38114 20.9521 2.0478 23.4452 3.40493 C 23.4452 3.40493 21.5514 1.61923 17.476 0.381146 L 17.8116 0.000197861 C 17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017 C 24.5479 2.50017 28 8.7144 28 16.381 C 28 16.381 25.9623 19.8333 20.6644 20 Z M 9.51712 8.88106 C 8.15068 8.88106 7.07192 10.0715 7.07192 11.5239 C 7.07192 12.9763 8.17466 14.1667 9.51712 14.1667 C 10.8836 14.1667 11.9623 12.9763 11.9623 11.5239 C 11.9863 10.0715 10.8836 8.88106 9.51712 8.88106 Z M 18.2671 8.88106 C 16.9007 8.88106 15.8219 10.0715 15.8219 11.5239 C 15.8219 12.9763 16.9247 14.1667 18.2671 14.1667 C 19.6336 14.1667 20.7123 12.9763 20.7123 11.5239 C 20.7123 10.0715 19.6336 8.88106 18.2671 8.88106 Z"); } /* Revert the command names and 'dismiss message' button to blurple */ .commandName-1klrjB.clickable-1bVtEA, .ephemeralMessage-1fEWtQ .anchor-3Z-8Bb.anchorUnderlineOnHover-2ESHQB[role=button] { color: var(--brand-experiment); } /* Fix the color of the spotify play icon on the upload button when playing on spotify */ .attachButtonPlay-3iJ0mf { color: var(--old-green); } /* Import all the CSS files */