Tutoriel Changer le thème de Discord

Zalati · 13 Février 2018

Salut a tous

On se retrouve sur un nouveau Tutoriel : Installer un thème sur DISCORD
Installez le fichier dispo à l'adresse ci-dessous:

https://betterdiscord.net/home/

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:

ShortyDaBeast · 20 Mars 2019

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 · 20 Mars 2019

ShortyDaBeast a dit:

Tu as un lien vers le thème en question ?

yopaille · 10 Septembre 2019

Bonjour !

Dite moi depuis la mise a jour de Discord hier , je n'arrive plus a mettre de thème est ce normal?

Merci d'avance pour votre réponse

Zalati · 10 Septembre 2019

yopaille a dit:

Essaie de ré-installer betterdiscord ou attend la mise à jour du thème que t'utilises

yopaille · 10 Septembre 2019

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

Zalati · 10 Septembre 2019

yopaille a dit:

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

yopaille · 10 Septembre 2019

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

Zalati · 10 Septembre 2019

yopaille a dit:

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 ?

yopaille · 10 Septembre 2019

Re,

Voici le site ou je télécharge les thèmes
https://discordsource.com/themes/

Merci !

Zalati · 10 Septembre 2019

yopaille a dit:

Télécharge le thème en question sur : http://nfld99.com/ comme indiqué dans le message que tu as

yopaille · 10 Septembre 2019

Merci

Publication automatiquement fusionnée: 10 Septembre 2019

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 ?

deroneman · 13 Avril 2020

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 · 13 Avril 2020

deroneman a dit:

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)

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: 13 Avril 2020

yopaille a dit:

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

deroneman · 13 Avril 2020

Zalati a dit:

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: 13 Avril 2020

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

Zalati · 13 Avril 2020

deroneman a dit:

Pas de soucis

Tutoriel Changer le thème de Discord

Zalati

Administrateur

ShortyDaBeast

VIP

Zalati

Administrateur

yopaille

Membre

Zalati

Administrateur

yopaille

Membre

Zalati

Administrateur

yopaille

Membre

Zalati

Administrateur

yopaille

Membre

Zalati

Administrateur

yopaille

Membre

deroneman

Membre

Zalati

Administrateur

deroneman

Membre

Zalati

Administrateur

Statistiques du forum

Partager cette page