Systemd
Lv.16
What to do if you installed a theme for Discord according to the installation instructions, but the background is not displayed.
For example, the fonts and buttons are updated, but the background is not. What then?
This problem is observed in new versions of the program. The thing is that the developers have added a light theme, which is why the CSS code has changed somewhat.

In order to solve the problem, it is enough to add the code below to your CSS file:

.theme-dark{
--background-modifier-hover:transparent;
--background-secondary:transparent;
--background-primary:transparent;
--background-tertiary:transparent;
}


The code can be pasted into the Custom CSS field or a .css file. Then save the changes and, if necessary, restart the program (but usually the changes are applied immediately). In this case, the dark theme must be enabled in the program settings. Essentially, the code assigns transparency to variables that have a background in newer versions.

What if the background doesnt work in Discord themes? - QA #1
  • Views: 35 766
  • Replies: 83
  • Updated: 27 January 2022 21:59
  1. Новый фикс для самой последней версии BetterDiscord. Актуален на момент размещения ответа: 15 января 2022.

    /* FIX NEW YEAR - 2022 Update BetterDiscord */
    .appMount-2yBXZl {
        background-image: var(--background) !important;
        background-size: cover !important;
    }
    .homeIcon-r0w4ny {color: transparent !important;}
    .bg-1QIAus {background-color: rgba(var(--backdrop), var(--transparencyalpha)) !important;}
    .tutorialContainer-1pL9QS .wrapper-28eC3z .childWrapper-1j_1ub {background: rgba(var(--backdrop), var(--transparencyalpha)) !important;}
    .app-2CXKsg, 
    .wrapper-1_HaEi, 
    .scroller-3X7KbA,
    .privateChannels-oVe7HL,
    .scroller-WSmht3,
    .searchBar-3TnChZ .searchBarComponent-3N7dCG,
    .panels-3wFtMD,
    .theme-dark .container-2cd8Mz,
    .channelTextArea-1FufC0,
    .container-1NXEtd,
    .members-3WRCEx, 
    .members-3WRCEx > div,
    .layer-86YKbF,
    .container-1oAagU,
    .standardSidebarView-E9Pc3j,
    .sidebarRegionscroller-FXiQOh,
    .contentRegion-3HkfJJ,
    .contentRegionscroller-2_GT_N,
    .tutorialContainer-1pL9QS .wrapper-28eC3z .childWrapper-1j_1ub {
        background-color: initial !important;
    }
    .searchBar-2aylmZ,
    .searchBar-zdmu7v,
    .scrollableContainer-15eg7h,
    .itemCard-3Etziu.wrapper-2RrXDg.outer-2JOHae.padded-2NSY6O.interactive-2zD88a,
    .inner-2pOSmK {
        background: rgba(0, 0, 0, 0.2) !important;
    }
    .container-ZMc96U.themed-Hp1KC_,
    .nowPlayingColumn-1eCBCN,
    .inner-2pOSmK,
    .chat-2ZfjoI,
    .sidebar-1tnWFu,
    .container-2o3qEW {
        background: 0 0 !important;
    }
    .theme-dark .children-3xh0VB:after,
    .theme-dark .form-3gdLxP:before {background: transparent !important;}

    Он уже встроен в базу генератора VSThemes.org и добавлять его в код не требуется. Просто очистите содержимое папки: %appdata%\Roaming\Discord и выполните повторую установку темы.
    1. Anonymous
      • 0
      • 16 January 2022 22:33 ( > #60174) 2022-01-16 22:33
      не работает не один из вариантов

  2. :root {
    --background-image: url(https://cdn.discordapp.com/attachments/701846917117771878/819272734311186524/wp4920554.png);
    --friends-icon: url(https://steamuserimages-a.akamaihd.net/ugc/966474717666905922/F880514A13BA75BA2B3D6B4FF67A16B7DEFA7A3D/);
    --friends-icon-position: center center;
    --friends-icon-zoom: 150%;
    --main-color: rgb(184, 8, 64);
    --main-transparency: rgba(8, 0, 18, 0.831);
    --channel-hover-text-color: rgb(170,0,255);
    --scroll-bar-color: #8439c67c;
    --link-colour: #e32fe6;
    --unread-text-color: #ff0066;
    --selected-text-voice-color: rgb(254, 75, 182);
    --rs-small-spacing: 1px;
    --rs-large-spacing: 2px;
    --rs-width: 2px;
    --rs-avatar-shape: 42.0%;
    --rs-online-color: #09ff00;
    --rs-idle-color: #f87c08;
    --rs-dnd-color: #fd0000;
    --rs-offline-color: #242525;
    --rs-streaming-color: #723bcf;
    --rs-invisible-color: #8b8b8b;
    --header-primary : rgb(255, 99, 255);
    --header-secondary: #d15fda;
    --text-normal: #dcddde;
    --text-muted: #a840bb;
    --text-link: #f400ec;
    --channels-default: #f6c8ff;
    --interactive-normal: #74556e;
    --interactive-hover: #b252bf;
    --interactive-active: rgb(186, 82, 174);
    --interactive-muted: #6a3c5d;
    --background-primary: #633f63;
    --background-secondary: #6f007e44;
    --background-secondary-alt: #2601229a;
    --background-tertiary: #000000;
    --background-accent: #4a0e4d;
    --background-floating: #1d0113;
    --background-mobile-primary: #36393f;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(255, 0, 183, 0.111);
    --background-modifier-active: rgba(255, 0, 234, 0.2);
    --background-modifier-selected: rgba(255, 0, 242, 0.282);
    --background-modifier-accent: rgba(247, 0, 255, 0.06);
    --background-mentioned: rgba(250, 26, 220, 0.05);
    --background-mentioned-hover: rgba(213, 26, 250, 0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --background-help-warning: rgba(250, 26, 201, 0.1);
    --background-help-info: rgba(244, 0, 244, 0.1);
    --scrollbar-thin-thumb: var(--scrollbar-colour);
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: var(--scrollbar-colour);
    --scrollbar-auto-track: var(--scrollbar-colour);
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #2f3136;
    --elevation-stroke: 0 0 0 1px rgba(104, 29, 73, 0.15);
    --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
    --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
    --logo-primary: #fff;
    --focus-primary: #f400f46d;
    --radio-group-dot-foreground: #e18ecc;
    --guild-header-text-shadow: 0 1px 1px rgb(255, 0, 204);
    --channeltextarea-background: #40444b;
    --activity-card-background: #202225;
    --info-warning-foreground: #fa1ad5;
    }
    Можете пожалуйста переделать этот код на новую версию, если не сложно )
    1. У этого кода нет подключаемого CSS, что тут переделывать, список параметров? 
      Плюсом ко всему таким мы не занимаемся. Для этого Вам следует обратиться лично к автору темы/базы.
  3. Anonymous
    • 0
    • 23 January 2022 01:40 () 2022-01-23 01:40
    Я походу слепой,но кодом на "прозрачность переменных" и  не пахнет,не пахнет процентом прозрачности,пахнет только говно-форматом
    1. Так это от тебя, лол 
  4. Reinstalled the themes and reinstalled bet disc What if the background doesnt work in Discord themes? - QA #2

  5. Могу ошибаться но раньше вроде бы сообщения были в затемнённой рамке (чтобы читаемость текста была лучше), а теперь такого не наблюдаю. (могу ошибаться, но мне кажется что такое было) И в правом верхнем углу рамка с количеством участников на сервере, её фон смещён, но это как бы мелочь.
    What if the background doesnt work in Discord themes? - QA #3

  6. What if the background doesnt work in Discord themes? - QA #4What if the background doesnt work in Discord themes? - QA #5 I cleared cache and tried the scripe thing it wont work for this wall paper but the others work

  7. Anonymous
    • 0
    • 14 January 2022 15:18 () 2022-01-14 15:18
    Меняется только боковая панель,шо делать?
  8. Hi my background don't want to work. I give you a screen
     What if the background doesnt work in Discord themes? - QA #6
     What if the background doesnt work in Discord themes? - QA #7
    1. Fixed. Clear Discord cache and repeat install themes.
      1. didnt work the imgur lien works https://i.imgur.com/DXlDYs6.png


  9. Будемс ждать тогдашки полноценного фикса фонов на 2022 blush 
    1. Исправлено!
      Удалите кеш Discord и повторите установку темы.
  10. ЗНАЕМ О ПРОБЛЕМЕ - неработающие темы после обновления BetterDiscord. Ребят, не флудите. Фикс в разработке.
    У кого есть возможность - НЕ ОБНОВЛЯЙТЕСЬ до момента решения проблемы.
  11. Код за 14 января помог. Спасибо большое. Но не до конца левый нижний угол дискорда все еще серый, а также строка сообщений и когда открывешь голосовой чат на весь экран тогда фон с зади все еще остается серым, а также на главном экране где показываются друзья и их активность там тоже все серое. Что еще нужно дописать чтобы это исправить?
    1. Исправлено!
      Удалите кеш Discord и повторите установку темы.
  12. What if the background doesnt work in Discord themes? - QA #8что делать, помогите пожалуйста 

    1. Исправлено!
      Удалите кеш Discord и повторите установку темы.
  13. Здравствуйте, можете подсказать как исправить серую обводку.
    What if the background doesnt work in Discord themes? - QA #9
    1. Исправлено!
      Удалите кеш Discord и повторите установку темы.
  14. The current fix for the latest discord update.

    Paste the following code at the end of your CSS file or Custom CSS:

    .tutorialContainer-11ICd5 .wrapper-25eVIn .childWrapper-anI2G9 {
    background: var(--image-home-icon) !important;
    background-position: var(--image-home-icon-position) !important;
    background-repeat: no-repeat !important;
    background-size: var(--image-home-icon-zoom) !important;
    border-radius: var(--image-home-icon-shape);
    }
    
    .homeIcon-AaowEC {
    visibility: hidden;
    }
     

    WE KNOW ABOUT THE PROBLEM - broken themes after updating BetterDiscord. Guys, don't flood. Fix in development.
    Who has the opportunity - DO NOT UPDATE until the problem is solved.
    1. можете фикс на 2022 пожалуйста
      1. Исправлено!
        Удалите кеш Discord и повторите установку темы.
  15. Anonymous
    • 0
    • 19 August 2021 14:18 () 2021-08-19 14:18
    what do i do if i want it to be translucent.