My Safari custom CSS

safari.css

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+KR:wght@500&family=Noto+Sans+SC:wght@500&family=Noto+Sans+TC:wght@500&display=swap');

@font-face {
	font-family: Noto Sans Hebrew;
	src: url("https://cdn.discordapp.com/attachments/625519299666378753/803296532996161587/NotoSansHebrew-Regular.ttf");
	font-weight: 500;
}

@font-face {
	font-family: Nintendo;
	src: url("https://cdn.discordapp.com/attachments/635773057197277194/726299015141916722/nintendo_NTLG-DB_001.ttf");
	font-weight: 500;
}

/* GitHub */
img.avatar.avatar-user:not(.bg-white) {
	background-color: transparent!important;
}
img.avatar-user {
	border-radius: 6px!important;
}

div#leaderboard_atf, div#leaderboard_btf, div.pw-tag.pw-in-article {
	display: none!important;
}

.AvatarStack--right .avatar {
	border-left: 0!important;
}

/* ニコニコ動画 */
.NicoSpotAdContainer {
	display: none;
}

/* GBAtemp */
li.pollOption > label > input,
dl.ctrlUnit label input[type=checkbox],
h3.nodeTitle > input[type=checkbox],
ul.modifyControls > li > input[type=radio],
input#DeleteAvatar,
ul.checkboxColumns > li > label > input[type=radio] {
	visibility: hidden;
}
li.pollOption > label > input::before,
dl.ctrlUnit label input[type=checkbox]::before,
h3.nodeTitle > input[type=checkbox]::before,
ul.modifyControls > li > input[type=radio]::before,
input#DeleteAvatar::before,
ul.checkboxColumns > li > label > input[type=radio]::before {
	visibility: visible;
}

/* Google Ads */
div[id^=google_ads_iframe] {
	display: none;
}

/*
 * Makes Discord be pink when in light theme, dark
 * theme is mostly completely unaffected except for
 * hiding the hover box thingy on the messages,
 * voice channels, and the channel invite buttons.
 *
 * I used [class*=thing] incase the weird padding stuff
 * changes with updates or something? No idea and didn't
 * want it to break.
 */

/* Hide voice channels, channel invites, and the thing when hovering a message */
a[aria-label~="(ボイスチャンネル)"] {
	visibility: hidden!important;
}
div[class*=buttonContainer], div[class*=containerDefault] div[class*=iconItem][aria-label=招待を作成] {
	display: none!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;
}

/* Force the background in a few hardcoded places */
.theme-light .uploadModal-2ifh8j,
.theme-light .root-1gCeng,
.theme-light .container-1D34oG {
	background-color: var(--background-primary)!important;
}
.theme-light .body-3iLsc4,
.theme-light .footer-1fjuF6,
.theme-light .footer-3mqk7D {
	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;
}