Skip to content

Instantly share code, notes, and snippets.

@pidarasshuim
Last active February 9, 2025 13:51
Show Gist options
  • Save pidarasshuim/b6d75dd5f06ad38bf1416381c3c1c88d to your computer and use it in GitHub Desktop.
Save pidarasshuim/b6d75dd5f06ad38bf1416381c3c1c88d to your computer and use it in GitHub Desktop.
discord dark theme
/* --- global settings --- */
:root {
--background-primary: #121212;
--background-secondary: #1a1a1a;
--background-tertiary: #1f1f1f;
--background-floating: #252525;
--text-normal: #ffffff;
--text-muted: #b0b0b0;
--accent-color: #ff3b3b;
}
/* --- Фон --- */
body {
background-color: #0a0a0a;
}
/* --- server list (icons) --- */
.guilds-2JjMmN {
background-color: var(--background-secondary);
border-radius: 10px;
padding: 5px;
}
.wrapper-3kah-n {
transition: transform 0.2s ease-in-out;
}
.wrapper-3kah-n:hover {
transform: scale(1.05);
}
/* --- user list --- */
.membersWrap-3NUR2t {
background-color: var(--background-secondary);
}
/* --- chat message --- */
.message-2qnXI6 {
background-color: var(--background-tertiary);
border-radius: 5px;
padding: 5px;
}
.message-2qnXI6:hover {
background-color: var(--background-secondary);
}
/* --- icon button --- */
.button-14-BFJ {
background-color: var(--background-secondary);
transition: background 0.2s;
}
.button-14-BFJ:hover {
background-color: var(--accent-color);
}
@pidarasshuim
Copy link
Author

create a .css file copy the code past into the file , then download better discord go to themes push the button go to folder theme than copy our file .css and paste into this folder

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment