Tutoriel Changer le thème de Discord

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 & MAC
Acceptez tout les critères !
Allez sur votre discord

Cliquez sur cette icone :

Vous allez arriver sur cette page :

Cliquez ensuite sur Custom CSS

Essayez avec le code ci-dessous si vous voulez ;))
CSS:
//META{"name":"Elegant_Blue","description":"***Make sure BD blue and BD dark are OFF!*** Relaxing blue theme with some customisability(background and main colors customisable, color changing still WIP). Narrow screen width support to some extent. Originally based on Discord Reborn by Omniscient. Friends list by Uri. A big thanks to the people on BetterDiscord server who gave ideas and solutions.","author":"Arch#4700, modified by Zalati","version":"1.1"}*//{}
/* IMPORT CSS */
@import url("https://zalatis.github.io/Discord/ElegantBlue.mini.css");
/*
---------------------------------------------------------------------------------------------------------------------------------------------
IMPORTANT: CHANGE TO DARK APPEARANCE IN DISCORD SETTINGS!
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* SET OPTIONS */
:root {
--main-color: #057F95;
--hover-color: #045B6B;
}
.app, canvas, .callout-backdrop {
    background-color: black!important;
}
Allez sur cette page: https://betterdiscord.net/themes/ et rejoignez le discord pour voir les thèmes dispo'
copiez-collez le tout sur la page Custom CSS
et pour finir "Update" et "Save"
OU
Si vous voulez pouvoir enregistrer le thème
et pouvoir le désactiver à tout moment il vous suffit de récupérer le fichier sous le nom "Exemple.theme.css"
et le mettre dans le dossier disponible en cliquant sur "Open Theme Folder"

et il vous resteras alors à redémarrer Discord en appuyant sur Ctrl+R
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