Github Markdown Styles Override

github.css

:root {
	--md-heading-color: #fcce24;
	--md-bg-color: #000;
	--md-text-color: #c6c6c6;
	--md-list-marker-color: #f29429;
	--md-border-radius: 8px;
	--md-table-header-bg: rgb(255 255 255 / 0.1);
	--md-table-body-bg: transparent;
	--md-table-body-bg-even: rgb(255 255 255 / 0.07);
	--md-inline-code-bg: rgb(255 255 255 / 0.2);
	--md-inline-code-color: #fff;
	--md-code-block-bg: #242424;
	--md-code-block-text-color: #f0f6fc;
	--md-link-color: #e3920a;
	--md-alert-note-color: #184653;
	--md-alert-tip-color: #114403;
	--md-alert-important-color: #563B4D;
	--md-alert-warning-color: #575931;
	--md-alert-caution-color: #57342C;
}

.TimelineItem:has(.timeline-comment-group .markdown-body) {
	--bgColor-default: var(--md-bg-color);
	--bgColor-muted: var(--md-code-block-bg);
}
.js-snippet-clipboard-copy-unpositioned:has(.markdown-body),
.file .Box-body:has(.markdown-body) {
	background-color: var(--md-bg-color);
	--bgColor-muted: var(--md-code-block-bg);
}


.markdown-body,
.markdown-body {
	color: var(--md-text-color);

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: var(--md-heading-color);
	}
	ul li::marker {
		color: var(--md-list-marker-color);
	}
	a {
		color: var(--md-link-color);
	}
	code {
		background-color: var(--md-inline-code-bg);
		color: var(--md-inline-code-color);
	}

	.markdown-alert {
		--borderColor-accent-emphasis: var(--x-alert-color);
		--fgColor-accent: color-mix(in oklab, var(--x-alert-color), white 60%);
		background-color: color-mix(
			in oklab,
			var(--x-alert-color),
			transparent 60%
		);
		border-radius: var(--md-border-radius);
		padding-block: 12px;

		p.markdown-alert-title {
			font-weight: bold;
		}
	}
	.markdown-alert.markdown-alert-note {
		--x-alert-color: var(--md-alert-note-color);
	}
	.markdown-alert.markdown-alert-tip {
		--x-alert-color: var(--md-alert-tip-color);
	}
	.markdown-alert.markdown-alert-important {
		--x-alert-color: var(--md-alert-important-color);
	}
	.markdown-alert.markdown-alert-warning {
		--x-alert-color: var(--md-alert-warning-color);
	}
	.markdown-alert.markdown-alert-caution {
		--x-alert-color: var(--md-alert-caution-color);
	}
	pre code {
		background-color: transparent;
		color: var(--md-code-block-text-color);
	}
	table {
		border-collapse: separate;
		border-spacing: 0;
		border-radius: var(--md-border-radius);
		overflow: clip;
		th:first-child {
			border-top-left-radius: var(--md-border-radius);
		}
		th:last-child {
			border-top-right-radius: var(--md-border-radius);
		}
		tr:last-child td:first-child {
			border-bottom-left-radius: var(--md-border-radius);
		}
		tr:last-child td:last-child {
			border-bottom-right-radius: var(--md-border-radius);
		}
		thead th {
			background-color: var(--md-table-header-bg);
		}
		tbody tr {
			background-color: var(--md-table-body-bg);
		}
		tbody tr:nth-child(2n) {
			background-color: var(--md-table-body-bg-even);
		}
	}
}