Tutoriel Modifier le thème de Discord et installer des plugins

Zalati

Administrateur
Membre du personnel
Administrateur
Auteur de la discussion #1
Salut a tous :)
On se retrouve sur un nouveau Tutoriel : Installer un thème sur DISCORD
Installez le fichier dispo à l'adresse ci-dessous:
Disponible sur Windows

Une fois celà fait, allez sur votre discord et cliquez sur cette icone :

Vous allez arriver sur cette page :

Cliquez ensuite sur Thèmes

Puis cliquez sur Ouvrir dossier Thèmes en haut de la page

Il vous suffira d'aller sur cette page: https://betterdiscord.app/themes, de télécharger le thème de votre choix et de le faire glisser dans le dossier Thèmes.

Pour ce qui est des plugins c'est la même manipulation, il suffit tout simplement de cliquer sur l'onglet Plugins et de faire glisser les plugins de notre choix, que l'on peut trouver ici : https://betterdiscord.app/plugins

C'est la fin du tutoriel
Bye ! :pompus:
 
Dernière édition:
#2
Oue mais juste pour changer le fond du thème genre Mettre une image .
Car j'ai trouvé un thème ClearVision(Green) et je veut changer que l'image de fond et que le reste Reste en vert on fait comment ?
 

Zalati

Administrateur
Membre du personnel
Administrateur
Auteur de la discussion #3
Oue mais juste pour changer le fond du thème genre Mettre une image .
Car j'ai trouvé un thème ClearVision(Green) et je veut changer que l'image de fond et que le reste Reste en vert on fait comment ?
Tu as un lien vers le thème en question ?
 

Zalati

Administrateur
Membre du personnel
Administrateur
Auteur de la discussion #7
Salut Zalati:)

Merci pour ta réponse !

J'ai déjà ré-installer betterdiscord mais rien ne change mais pour la mise a jour du thème tu le sais comment?

Merci
Normalement si le thème est bien fait il se mettra à jour tout seul, sinon si dans une semaine c'est toujours pas arranger faudra prévenir son créateur
 
#8
Re

J'ai un gros soucis ,je suis parti sur le site pour voir d'autre théme et une fois téléchargé ça bug du coup je suis obligé de supprimer complétement betterdiscord Capture d’écran (221).png
 

Zalati

Administrateur
Membre du personnel
Administrateur
Auteur de la discussion #9
Re

J'ai un gros soucis ,je suis parti sur le site pour voir d'autre théme et une fois téléchargé ça bug du coup je suis obligé de supprimer complétement betterdiscord Afficher la pièce jointe 3
Si je comprends bien le site sur lequel tu as télécharger le thème n'est pas celui du créateur du thème en question, peux-tu me passer le site sur lequel tu l'as télécharger ?
 
#12
Merci :)
Publication automatiquement fusionnée:

Une derniere chose , est ce que avec ses thèmes la c'est obligé que les serveur son rangé comme ça ? On peut pas les mettre comme avant ?
 
Dernière édition:
#13
Bonjours, je souhaitais vous poser la question sur ce vieux post, mais peut-on juste changer le background sans rien changer d'autre (genre dans les fichier de discord) ??
 

Zalati

Administrateur
Membre du personnel
Administrateur
Auteur de la discussion #14
Bonjours, je souhaitais vous poser la question sur ce vieux post, mais peut-on juste changer le background sans rien changer d'autre (genre dans les fichier de discord) ??
Sans installer BetterDiscord, je doute que ce soit faisable, en revanche avec BetterDiscord il est très simple de changer le background d'un thème existant, ou même en modifiant soit même le css dans Custom css de BetterDiscord

Un exemple pour avoir Discord avec un fond noir (faut avoir configuré le thème Discord sombre dans les paramètres)

Annotation 2020-04-13 032905.png

Le code :

CSS:
.theme-dark {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #ffffff;
    --text-muted: #72767d;
    --text-link: #00b0f4;
    --channels-default: #8e9297;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: #000000;
    --background-secondary: #000000;
    --background-secondary-alt: #000000;
    --background-tertiary: #000000;
    --background-accent: #000000;
    --background-floating: #000000;
    --background-mobile-primary: #000000;
    --background-mobile-secondary: #000000;
    --background-modifier-hover: rgba(79,84,92,0.16);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: rgba(79,84,92,0.32);
    --background-modifier-accent: hsla(0,0%,100%,0.06);
    --background-mentioned: rgba(250,166,26,0.05);
    --background-mentioned-hover: rgba(250,166,26,0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --elevation-stroke: 0 0 0 1px rgba(4,4,5,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: #00b0f4;
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: #080808;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #8e9297;
    --deprecated-card-bg: rgba(32,34,37,0.6);
    --deprecated-card-editable-bg: rgba(32,34,37,0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
    --deprecated-text-input-bg: rgba(0,0,0,0.1);
    --deprecated-text-input-border: rgba(0,0,0,0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #202225;
    --deprecated-text-input-prefix: #dcddde;
}
Publication automatiquement fusionnée:

Merci :)
Publication automatiquement fusionnée:

Une derniere chose , est ce que avec ses thèmes la c'est obligé que les serveur son rangé comme ça ? On peut pas les mettre comme avant ?
Je ne sais pas si ta question tiens encore, mais tu peux modifier le css tu thème en question à ta guise, il suffit de comprendre le language css
 
#15
Sans installer BetterDiscord, je doute que ce soit faisable, en revanche avec BetterDiscord il est très simple de changer le background d'un thème existant, ou même en modifiant soit même le css dans Custom css de BetterDiscord

Un exemple pour avoir Discord avec un fond noir (faut avoir configuré le thème Discord sombre dans les paramètres)

Afficher la pièce jointe 6

Le code :

CSS:
.theme-dark {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #ffffff;
    --text-muted: #72767d;
    --text-link: #00b0f4;
    --channels-default: #8e9297;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #fff;
    --interactive-muted: #4f545c;
    --background-primary: #000000;
    --background-secondary: #000000;
    --background-secondary-alt: #000000;
    --background-tertiary: #000000;
    --background-accent: #000000;
    --background-floating: #000000;
    --background-mobile-primary: #000000;
    --background-mobile-secondary: #000000;
    --background-modifier-hover: rgba(79,84,92,0.16);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: rgba(79,84,92,0.32);
    --background-modifier-accent: hsla(0,0%,100%,0.06);
    --background-mentioned: rgba(250,166,26,0.05);
    --background-mentioned-hover: rgba(250,166,26,0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --elevation-stroke: 0 0 0 1px rgba(4,4,5,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: #00b0f4;
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: #080808;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #8e9297;
    --deprecated-card-bg: rgba(32,34,37,0.6);
    --deprecated-card-editable-bg: rgba(32,34,37,0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
    --deprecated-text-input-bg: rgba(0,0,0,0.1);
    --deprecated-text-input-border: rgba(0,0,0,0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #202225;
    --deprecated-text-input-prefix: #dcddde;
}
Publication automatiquement fusionnée:


Je ne sais pas si ta question tiens encore, mais tu peux modifier le css tu thème en question à ta guise, il suffit de comprendre le language css

Eh ben écoute, je te remercie pour ton aide ;)
 
Haut