Advertisement
Landerin

Discord Custom CSS

Mar 26th, 2025
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.18 KB | None | 0 0
  1. :root {
  2.     --corner-text: '';
  3.  
  4.     --online-indicator: #23a55a;
  5.  
  6.     /*--bg-3: hsla(0, 0%, 16%, 0);
  7.     --bg-4: rgba(25, 25, 25, 0.656);*/
  8.     --bg-3: hsla(0, 0%, 16%, 0.753);
  9.     --bg-4: rgba(25, 25, 25, 0.656);
  10.     --bg-custom-floating: hsla(0, 0%, 13%, 0.877);
  11. }
  12.  
  13. /*html.theme-light,
  14. .theme-dark {
  15.     --background-floating: var(--bg-custom-floating);
  16.     --interactive-normal: var(--text-1);
  17.    
  18. }
  19.  
  20. .container__55c99{ /*Search*//*
  21.     border-radius: var(--roundness-xxs);
  22. }
  23.  
  24. .autocompleteAttached__6b0e0{ /*Emoji picked from chatbar*//*
  25.     background: var(--bg-custom-floating) !important;
  26.     border-radius: var(--roundness-xxs);
  27. }
  28.  
  29. .positionContainer__31a96{ /*App Drawer*//*
  30.     background: var(--bg-custom-floating) !important;
  31. }
  32.  
  33. .contentWrapper__08434{ /*Gifs / Stickers / Emoji*//*
  34.     background: var(--bg-custom-floating) !important;
  35. }
  36.  
  37. .container_d9c882{ /*Threads*//*
  38.     background: var(--bg-custom-floating) !important;
  39. }
  40.  
  41. .messagesPopoutWrap__45690{ /* Pins, kinda*//*
  42.     background: var(--bg-custom-floating) !important;
  43. }
  44.  
  45. .container__2692d{
  46.     background: var(--bg-custom-floating) !important;
  47. }
  48.  
  49. .container_fc561d{
  50.     background: var(--bg-custom-floating) !important;
  51. }
  52.  
  53. .container_d97f89{
  54.     background: var(--bg-custom-floating) !important;
  55. }
  56.  
  57. .popout_cba592 {
  58.     background: var(--bg-custom-floating) !important;
  59. }
  60.  
  61. .wrapper_c0e32c {
  62.     background: var(--bg-custom-floating) !important;
  63. }
  64.  
  65. .quickswitcher_ac6cb0{
  66.     background: var(--bg-custom-floating) !important;
  67. }
  68.  
  69. .regionSelectPopout__5621e {
  70.     background: var(--bg-custom-floating) !important;
  71. }
  72.  
  73. .picker__09f65{
  74.     background: var(--bg-custom-floating) !important;
  75. }
  76.  
  77. .autocompleteInner__13533{
  78.     background: var(--bg-custom-floating) !important;
  79. }
  80.  
  81. .slateTextArea_ec4baf{
  82.     background: var(--bg-4) !important;
  83.     border-radius: var(--roundness-s);
  84. }*/
  85.  
  86. [class*='searchBar__35e86']{
  87.     display: none !important;
  88. }
  89.  
  90. [class*='titleBar']{
  91.     display: none !important;
  92. }
  93.  
  94. .appMount__51fd7, body, html, .appAsidePanelWrapper_a3002d, .notAppAsidePanel_a3002d, .app_a3002d, .app__160d8, .bg__960e4, .layers__960e4, .layers__160d8, .layer__960e4, .baseLayer__960e4, .container_c48ade{
  95.     background: hsla(0, 0%, 0%, 0)!important;
  96.  
  97. }
  98.  
  99. .message__5126c .contents_c19a55 .messageContent_c19a55 {
  100.     background-color: var(--bg-4/*--background-tertiary*/)!important;
  101.     padding: 10px;
  102.     border-radius: 12px;
  103.     border-top-left-radius: 0;
  104.     width: fit-content;
  105.     translate: 70px;
  106.     max-width: 100%;
  107. }
  108. .repliedMessage_c19a55 {
  109.     background-color: var(--bg-4/*--background-tertiary*/)!important;
  110.     padding: 5px;
  111.     border-radius: 12px;
  112.     width: fit-content;
  113.  
  114. }
  115. .message__5126c[data-is-self="true"] {
  116.     transform: scaleX(-1);
  117.     .header_c19a55 {
  118.         transform: scaleX(-1);
  119.         text-align: right;
  120.     }
  121.     .avatar_c19a55, .avatarDecoration_c19a55 {
  122.         transform: scaleX(-1);
  123.     }
  124.     .messageContent_c19a55 {
  125.         transform: scaleX(-1);
  126.         text-align: left;
  127.         border-top-left-radius: 12px!important;
  128.         border-top-right-radius: 0!important;
  129.     }
  130.     .container_b7e1cb {
  131.         [class*=container], .reaction__23977, .clickableWrapper_af017a, .spoilerWarning__54ab5, .obscureWarning__54ab5, .embedProvider__623de, .embedMargin__623de, .wrapperPaused_cf09d8, .centerContent__623d, .file__0ccae, .wrapper_d5f3cd {
  132.             transform: scaleX(-1);
  133.         }
  134.     }
  135.    
  136.     .container__122e4 {
  137.         width: fit-content;
  138.         .messageContent_c19a55 {
  139.             transform: scaleX(1);
  140.         }
  141.     }
  142.     .buttonContainer_c19a55 .buttons__5126c{
  143.         transform: scaleX(-1);
  144.     }
  145.     .timestampVisibleOnHover_c19a55 {
  146.         transform: scaleX(-1);
  147.     }
  148.     .channelTextArea__5126c {
  149.         transform: scaleX(-1);
  150.     }
  151.     .repliedMessage_c19a55 {
  152.         flex-direction: row-reverse;
  153.  
  154.         .repliedTextContent_c19a55 {
  155.             transform: scaleX(-1) scaleY(1);
  156.             margin: 0;
  157.             margin-right: -70px!important;
  158.         }
  159.         .replyAvatar_c19a55, .username_c19a55, .repliedTextPlaceholder_c19a55 {
  160.             transform: scaleX(-1);
  161.         }
  162.     }
  163. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement