Skip to content

Instantly share code, notes, and snippets.

@Epicpkmn11
Last active April 6, 2022 09:28
Show Gist options
  • Save Epicpkmn11/2e1869cc3db3fdef96dd4eb2618e0748 to your computer and use it in GitHub Desktop.
Save Epicpkmn11/2e1869cc3db3fdef96dd4eb2618e0748 to your computer and use it in GitHub Desktop.
My custom Discord theme
/*
* Makes Discord be pink when in light theme, dark
* theme is mostly completely unaffected except for
* hiding the, gift Nitro button, voice channels,
* and the channel invite buttons and showing full
* user bios, all of which are in the first
* three CSS rules.
*
* Works in Safari and with BeautifulDiscord.
*/
/* Hide voice channels, channel invites, and the thing when hovering a message */
a[aria-label~="(ボイスチャンネル)"] {
visibility: hidden!important;
}
[aria-label=ギフトを贈る], [aria-label=招待を作成] {
display: none!important;
}
/* Show full bios */
.clamped-2ZePhX {
display: block!important;
}
/* All of the variable colors as of making this, not all are changed */
.theme-light {
--header-primary: #1a1515!important;
--header-secondary: #604f4f!important;
--text-normal: #493535!important;
--text-muted: #836969!important;
--text-link: #a82562!important;
--channels-default: #241919!important;
--interactive-normal: #604f4f!important;
--interactive-hover: #382e2e!important;
--interactive-active: #070606!important;
--interactive-muted: #dbb7b7!important;
--background-primary: #fff5f5!important;
--background-secondary: #ffeeee!important;
--background-secondary-alt: #f7dcdc!important;
--background-tertiary: #ffe2e2!important;
--background-accent: #b2d9ea!important;
--background-floating: rgb(255, 231, 231)!important;
--background-mobile-primary: #f9f8f8!important;
--background-mobile-secondary: #fff!important;
--background-modifier-hover: #ffdcdc!important;
--background-modifier-active: #f1caca!important;
--background-modifier-selected: #fad2d2!important;
--background-modifier-accent: rgba(7, 6, 6, 0.08)!important;
--background-mentioned: rgba(250,166,26,0.1)!important;
--background-mentioned-hover: rgba(250,166,26,0.2)!important;
--background-message-hover: transparent!important;
--background-help-warning: rgba(250,166,26,0.1)!important;
--background-help-info: rgba(224, 0, 0, 0.1)!important;
--scrollbar-thin-thumb: rgba(92, 79, 79, 0.3)!important;
--scrollbar-thin-track: transparent!important;
--scrollbar-auto-thumb: rgb(230, 167, 167)!important;
--scrollbar-auto-track: #fdd0d0!important;
--scrollbar-auto-scrollbar-color-thumb: #e8e3e3!important;
--scrollbar-auto-scrollbar-color-track: #f5f2f2!important;
--elevation-stroke: 0 0 0 1px rgba(7, 6, 6, 0.08)!important;
--elevation-low: 0 1px 0 rgba(7, 6, 6, 0.1),0 1.5px 0 rgba(7, 6, 6, 0.025),0 2px 0 rgba(7, 6, 6, 0.025)!important;
--elevation-medium: 0 4px 4px rgba(0,0,0,0.08)!important;
--elevation-high: 0 8px 16px rgba(0,0,0,0.16)!important;
--logo-primary: #7289da!important;
--focus-primary: #00b0f4!important;
--radio-group-dot-foreground: #4e5d94!important;
--guild-header-text-shadow: 0 1px 1px hsla(0,0%,100%,0.4)!important;
--channeltextarea-background: #ffe3e3!important;
--activity-card-background: #f0f!important;
--textbox-markdown-syntax: #6a7480!important;
--deprecated-card-bg: #fddada!important;
--deprecated-card-editable-bg: #fddada!important;
--deprecated-store-bg: #f0f!important;
--deprecated-quickswitcher-input-background: rgb(252, 224, 224)!important;
--deprecated-quickswitcher-input-placeholder: rgba(92, 79, 79, 0.3)!important;
--deprecated-text-input-bg: rgba(92, 79, 79, 0.02)!important;
--deprecated-text-input-border: rgba(92, 79, 79, 0.3)!important;
--deprecated-text-input-border-hover: #beb9b9!important;
--deprecated-text-input-border-disabled: #dedcdc!important;
--deprecated-text-input-prefix: #beb9b9!important;
--font-display: inherit;
/* --font-japanese: Whitney,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"MS PGothic","Helvetica Neue",Helvetica,Arial,sans-serif,nintendo_NTLG-DB_001; */
}
/* Force the background in a few hardcoded places */
.theme-light .uploadModal-2ifh8j,
.theme-light .root-1gCeng.small-3iVZYw,
.theme-light .container-1D34oG,
.theme-light .reactors-Blmlhw {
background-color: var(--background-primary)!important;
}
.theme-light .body-3iLsc4,
.theme-light .footer-1fjuF6,
.theme-light .footer-3mqk7D,
.theme-light .footer-2gL1pp,
.theme-light .container-1If-HZ .scroller-1-nKid {
background-color: var(--background-secondary)!important;
}
.theme-light .headerNormal-T_seeN {
background-color: var(--background-tertiary)!important;
}
/* Make unread channels bold */
.theme-light .modeUnread-1qO3K1 .name-23GUGE {
font-weight: 600!important;
color: #000!important;
}
/* Make secondary and tertiary columns have a stripey bg */
.theme-light .guilds-2JjMmN .scroller-3X7KbA,
.theme-light .scroller-1ox3I2.thin-31rlnD,
.theme-light .members-3WRCEx,
.theme-light .members-3WRCEx .content-2a4AW9,
.theme-light [class*=macButtons] {
background-image: url("https://media.discordapp.net/attachments/614278143527878658/824924138505633812/diagonal_2.png")!important;
background-attachment: fixed!important;
}
/* Rename the "ライト" theme to "ピンク" */
main.contentColumn-2hrIYH > div > div > div:nth-of-type(2) > div[role=radiogroup] > div.item-26Dhrx[role=radio]:nth-of-type(2) > .radioBar-bMNUI- > .info-3LOr12 > .size16-1P40sf {
visibility: hidden!important;
}
main.contentColumn-2hrIYH > div > div > div:nth-of-type(2) > div[role=radiogroup] > div.item-26Dhrx[role=radio]:nth-of-type(2) > .radioBar-bMNUI- > .info-3LOr12 > .size16-1P40sf::before {
visibility: visible!important;
content: "ピンク"!important;
}
/* Use 4 space tabs */
code.codeView-1JPDeA, span.codeLine-14BKbG {
tab-size: 4!important;
}
/* Put || around spoilers */
span.spoilerText-3p6IlD::before, span.spoilerText-3p6IlD::after {
content: "||";
color: #777;
}
/* Change timestamps from background to <> */
span.timestamp-1Dd_pn {
background-color: unset;
}
span.timestamp-1Dd_pn::before {
content: "<";
color: #999;
}
span.timestamp-1Dd_pn::after{
content: ">";
color: #999;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment