/* ==UserStyle== @name Discord @description Makes Discord be pink when in light theme @match https://discord.com/* ==/UserStyle== */ /* * 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-IwJfxR { 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-1SWlCJ .scroller-1Bvpku, .theme-light .scroller-RmtA4e.thin-1ybCId, .theme-light .members-1998pB, .theme-light .members-1998pB .content-3YMskv, .theme-light .macButtons-2MuSAC { 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; }