API tools faq
paste
RetroRevo

Discord CSS

RetroRevo
Mar 27th, 2025 (edited)
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.39 KB | None | 0 0
raw download clone embed print report
  1. /* oldcord header thing */
  2. .visual-refresh
  3. .header_f37cb1  {
  4.     box-shadow:none!important;
  5. }
  6.  
  7. /* hiding stuff no one wants */
  8.  
  9. [aria-label="Send a gift"] {
  10.     display: none;
  11. }
  12.  
  13. [class*=channelAppLauncher], [class*=app-launcher-entrypoint] {
  14.     display: none!important;
  15. }
  16.  
  17. /* disable profile themes */
  18.  
  19. [class*=profileEffects] {
  20.     display: none!important;
  21. }
  22.  
  23. /* summaries shit */
  24.  
  25. .topicsPillContainer__0f481 {
  26.     display: none!important;
  27. }
  28. [aria-label="Hide Summaries"] {
  29.     display: none!important;
  30. }
  31.  
  32. [aria-label="Show Summaries"] {
  33.     display: none!important
  34. }
  35.  
  36. /* fix overflow with long channel descriptions */
  37. nav[class*="guilds"]+div[class*="base"] div[class*="sidebar"]+div {
  38.     width: calc(100% - 240px)!important;
  39. }
  40.  
  41. /*channel icons*/
  42. #channels [aria-label*="Text"][role="img"] svg,
  43. #channels [aria-label*="Voice"][role="img"] svg {
  44.     width: 14px;
  45.     height: 14px;
  46.     padding: 4px
  47. }
  48.  
  49. /*search popout*/
  50. ul[aria-labelledby="SEARCH_OPTIONS-header"] div[role="option"],
  51. ul[aria-labelledby="HISTORY-header"] div[role="option"] {
  52.     margin: 0;
  53.     padding: 0 20px;
  54.     border-radius: 0;
  55. }
  56.  
  57. ul[aria-labelledby="SEARCH_OPTIONS-header"] div[role="option"]:after,
  58. ul[aria-labelledby="HISTORY-header"] div[role="option"]:after {
  59.     background: none;
  60. }
  61.  
  62. ul[aria-labelledby="SEARCH_OPTIONS-header"] div[role="option"]:hover,
  63. ul[aria-labelledby="HISTORY-header"] div[role="option"]:hover {
  64.     background: linear-gradient(to right, rgba(40, 43, 48, .6) 85%, rgba(47, 49, 54, .6))
  65. }
  66.  
  67. /*reacts*/
  68. [id*="message-accessories"] [class*="reaction_"] {
  69.     color: #7A7C80!important;
  70.     background-color: rgba(122, 124, 128, 0.15)!important;
  71. }
  72.  
  73. [id*="message-accessories"] [class*="reactionMe_"] {
  74.     color: #738BD7!important;
  75.     background-color: rgba(115, 139, 215, 0.15)!important;
  76. }
  77.  
  78. [id*="message-accessories"] [class*="reaction_"]:hover {
  79.     background-color: rgba(122, 124, 128, 0.25)!important;
  80. }
  81.  
  82. [id*="message-accessories"] [class*="reactionMe_"]:hover {
  83.     background-color: rgba(115, 139, 215, 0.25)!important;
  84. }
  85.  
  86. [id*="message-accessories"] [class*="reactionCount_"] {
  87.     color: unset!important;
  88. }
  89.  
  90. /*darker mention text*/
  91. [data-popout-root], html {
  92.     --mention-foreground: var(--brand-360)!important;
  93.     --mention-background: var(--brand-20a)!important;
  94. }
  95.  
  96. /*make me #adbeef*/
  97. img[src*="220588591217246208"]+h3>span>span {
  98.     color: #adbeef!important
  99. }
  100.  
  101. /*old blurple*/
  102. [data-popout-root], html {
  103.     --brand-experiment: #7289da!important;
  104.     --brand-experiment-100: #f8f9fd!important;
  105.     --brand-experiment-130: #f2f4fc!important;
  106.     --brand-experiment-160: #ebeefa!important;
  107.     --brand-experiment-200: #e3e7f8!important;
  108.     --brand-experiment-230: #dae0f5!important;
  109.     --brand-experiment-260: #d1d9f3!important;
  110.     --brand-experiment-300: #c7d0f0!important;
  111.     --brand-experiment-330: #b5c1ec!important;
  112.     --brand-experiment-360: #a5b3e7!important;
  113.     --brand-experiment-400: #8ea1e1!important;
  114.     --brand-experiment-430: #869adf!important;
  115.     --brand-experiment-460: #7d92dd!important;
  116.     --brand-experiment-500: #7289da!important;
  117.     --brand-experiment-530: #687dc6!important;
  118.     --brand-experiment-560: #5c6fb1!important;
  119.     --brand-experiment-600: #4e5d94!important;
  120.     --brand-experiment-630: #435180!important;
  121.     --brand-experiment-660: #3b4770!important;
  122.     --brand-experiment-700: #2e3757!important;
  123.     --brand-experiment-730: #2b3352!important;
  124.     --brand-experiment-760: #272f4b!important;
  125.     --brand-experiment-800: #222941!important;
  126.     --brand-experiment-830: #1a2032!important;
  127.     --brand-experiment-860: #111521!important;
  128.     --brand-experiment-900: #06070b!important;
  129.     --brand-experiment-05a: rgba(114,137,218,0.05)!important;
  130.     --brand-experiment-10a: rgba(114,137,218,0.1)!important;
  131.     --brand-experiment-15a: rgba(114,137,218,0.15)!important;
  132.     --brand-experiment-20a: rgba(114,137,218,0.2)!important;
  133.     --brand-experiment-25a: rgba(114,137,218,0.25)!important;
  134.     --brand-experiment-30a: rgba(114,137,218,0.3)!important;
  135.     --brand-experiment-35a: rgba(114,137,218,0.35)!important;
  136.     --brand-experiment-40a: rgba(114,137,218,0.4)!important;
  137.     --brand-experiment-45a: rgba(114,137,218,0.45)!important;
  138.     --brand-experiment-50a: rgba(114,137,218,0.5)!important;
  139.     --brand-experiment-55a: rgba(114,137,218,0.55)!important;
  140.     --brand-experiment-60a: rgba(114,137,218,0.6)!important;
  141.     --brand-experiment-65a: rgba(114,137,218,0.65)!important;
  142.     --brand-experiment-70a: rgba(114,137,218,0.7)!important;
  143.     --brand-experiment-75a: rgba(114,137,218,0.75)!important;
  144.     --brand-experiment-80a: rgba(114,137,218,0.8)!important;
  145.     --brand-experiment-85a: rgba(114,137,218,0.85)!important;
  146.     --brand-experiment-90a: rgba(114,137,218,0.9)!important;
  147.     --brand-experiment-95a: rgba(114,137,218,0.95)!important;
  148.     --brand: #7289da!important;
  149.     --brand-100: #f8f9fd!important;
  150.     --brand-130: #f2f4fc!important;
  151.     --brand-160: #ebeefa!important;
  152.     --brand-200: #e3e7f8!important;
  153.     --brand-230: #dae0f5!important;
  154.     --brand-260: #d1d9f3!important;
  155.     --brand-300: #c7d0f0!important;
  156.     --brand-330: #b5c1ec!important;
  157.     --brand-360: #a5b3e7!important;
  158.     --brand-400: #8ea1e1!important;
  159.     --brand-430: #869adf!important;
  160.     --brand-460: #7d92dd!important;
  161.     --brand-500: #7289da!important;
  162.     --brand-530: #687dc6!important;
  163.     --brand-560: #5c6fb1!important;
  164.     --brand-600: #4e5d94!important;
  165.     --brand-630: #435180!important;
  166.     --brand-660: #3b4770!important;
  167.     --brand-700: #2e3757!important;
  168.     --brand-730: #2b3352!important;
  169.     --brand-760: #272f4b!important;
  170.     --brand-800: #222941!important;
  171.     --brand-830: #1a2032!important;
  172.     --brand-860: #111521!important;
  173.     --brand-900: #06070b!important;
  174.     --brand-05a: rgba(114,137,218,0.05)!important;
  175.     --brand-10a: rgba(114,137,218,0.1)!important;
  176.     --brand-15a: rgba(114,137,218,0.15)!important;
  177.     --brand-20a: rgba(114,137,218,0.2)!important;
  178.     --brand-25a: rgba(114,137,218,0.25)!important;
  179.     --brand-30a: rgba(114,137,218,0.3)!important;
  180.     --brand-35a: rgba(114,137,218,0.35)!important;
  181.     --brand-40a: rgba(114,137,218,0.4)!important;
  182.     --brand-45a: rgba(114,137,218,0.45)!important;
  183.     --brand-50a: rgba(114,137,218,0.5)!important;
  184.     --brand-55a: rgba(114,137,218,0.55)!important;
  185.     --brand-60a: rgba(114,137,218,0.6)!important;
  186.     --brand-65a: rgba(114,137,218,0.65)!important;
  187.     --brand-70a: rgba(114,137,218,0.7)!important;
  188.     --brand-75a: rgba(114,137,218,0.75)!important;
  189.     --brand-80a: rgba(114,137,218,0.8)!important;
  190.     --brand-85a: rgba(114,137,218,0.85)!important;
  191.     --brand-90a: rgba(114,137,218,0.9)!important;
  192.     --brand-95a: rgba(114,137,218,0.95)!important;
  193.     --brand-rgb: 114,137,218!important;
  194.     --brand-100-rgb: 248,249,253!important;
  195.     --brand-130-rgb: 242,244,252!important;
  196.     --brand-160-rgb: 235,238,250!important;
  197.     --brand-200-rgb: 227,231,248!important;
  198.     --brand-230-rgb: 218,224,245!important;
  199.     --brand-260-rgb: 209,217,243!important;
  200.     --brand-300-rgb: 199,208,240!important;
  201.     --brand-330-rgb: 181,193,236!important;
  202.     --brand-360-rgb: 165,179,231!important;
  203.     --brand-400-rgb: 142,161,225!important;
  204.     --brand-430-rgb: 134,154,223!important;
  205.     --brand-460-rgb: 125,146,221!important;
  206.     --brand-500-rgb: 114,137,218!important;
  207.     --brand-530-rgb: 104,125,198!important;
  208.     --brand-560-rgb: 92,111,177!important;
  209.     --brand-600-rgb: 78,93,148!important;
  210.     --brand-630-rgb: 67,81,128!important;
  211.     --brand-660-rgb: 59,71,112!important;
  212.     --brand-700-rgb: 46,55,87!important;
  213.     --brand-730-rgb: 43,51,82!important;
  214.     --brand-760-rgb: 39,47,75!important;
  215.     --brand-800-rgb: 34,41,65!important;
  216.     --brand-830-rgb: 26,32,50!important;
  217.     --brand-860-rgb: 17,21,33!important;
  218.     --brand-900-rgb: 6,7,11!important;
  219. }
  220.  
  221. div[aria-label*="folder"] div[style*="rgba(88, 101, 242, 0.4)"] {
  222.     background-color: var(--brand-experiment-40a)!important;
  223. }
  224.  
  225. div[aria-label*="folder"] svg[style*="rgb(88, 101, 242)"] {
  226.     color: var(--brand-experiment-500)!important;
  227. }
  228.  
  229. /*old font*/
  230. :root {
  231.     --font-primary: Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
  232.     --font-display: "ABC Ginto Normal","Helvetica Neue",Helvetica,Arial,sans-serif;
  233.     --font-headline: "ABC Ginto Nord","Helvetica Neue",Helvetica,Arial,sans-serif;
  234. }
  235.  
  236. @font-face {
  237.     font-family: Whitney;
  238.     font-weight: 300;
  239.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-300.woff) format("woff")
  240. }
  241.  
  242. @font-face {
  243.     font-family: Whitney;
  244.     font-weight: 400;
  245.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-400.woff) format("woff")
  246. }
  247.  
  248. @font-face {
  249.     font-family: Whitney;
  250.     font-weight: 500;
  251.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-500.woff) format("woff")
  252. }
  253.  
  254. @font-face {
  255.     font-family: Whitney;
  256.     font-weight: 600;
  257.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-600.woff) format("woff")
  258. }
  259.  
  260. @font-face {
  261.     font-family: Whitney;
  262.     font-weight: 700;
  263.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Whitney/Whitney-700.woff) format("woff")
  264. }
  265.  
  266. @font-face {
  267.     font-family: Ginto;
  268.     font-weight: 300;
  269.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-300.woff) format("woff")
  270. }
  271.  
  272. @font-face {
  273.     font-family: Ginto;
  274.     font-weight: 400;
  275.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-400.woff) format("woff")
  276. }
  277.  
  278. @font-face {
  279.     font-family: Ginto;
  280.     font-weight: 500;
  281.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-500.woff) format("woff")
  282. }
  283.  
  284. @font-face {
  285.     font-family: Ginto;
  286.     font-weight:  600;
  287.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-600.woff) format("woff")
  288. }
  289.  
  290. @font-face {
  291.     font-family: Ginto;
  292.     font-weight: 700;
  293.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-700.woff) format("woff")
  294. }
  295.  
  296. @font-face {
  297.     font-family: Ginto;
  298.     font-weight: 300;
  299.     font-style: italic;
  300.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-300-italic.woff) format("woff")
  301. }
  302.  
  303. @font-face {
  304.     font-family: Ginto;
  305.     font-weight: 400;
  306.     font-style: italic;
  307.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-400-italic.woff) format("woff")
  308. }
  309.  
  310. @font-face {
  311.     font-family: Ginto;
  312.     font-weight: 500;
  313.     font-style: italic;
  314.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-500-italic.woff) format("woff")
  315. }
  316.  
  317. @font-face {
  318.     font-family: Ginto;
  319.     font-weight: 600;
  320.     font-style: italic;
  321.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-600-italic.woff) format("woff")
  322. }
  323.  
  324. @font-face {
  325.     font-family: Ginto;
  326.     font-weight: 700;
  327.     font-style: italic;
  328.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto/Ginto-700-italic.woff) format("woff")
  329. }
  330.  
  331. @font-face {
  332.     font-family: Ginto;
  333.     font-weight: 500;
  334.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-500.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-500.woff) format("woff")
  335. }
  336.  
  337. @font-face {
  338.     font-family: Ginto;
  339.     font-weight: 600;
  340.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-600.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-600.woff) format("woff")
  341. }
  342.  
  343. @font-face {
  344.     font-family: Ginto;
  345.     font-weight: 700;
  346.     src: url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-700.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/ROMVoid95/DiscordFonts@master/Ginto-Nord/Ginto-Nord-700.woff) format("woff")
  347. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!