@jongwooo/prism-theme-github/themes/prism-github-skeleton.css

Prism syntax highlighter themes based on GitHub's style.

/**
 * GitHub's theme skeleton for prism.js
 * @author Jongwoo Han (@jongwooo)
 */

code[class*="language-"],
pre[class*="language-"] {
	background-color: var(--color-bg-code-block);
	color: var(--color-fg-default);
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;
	tab-size: 2;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	font-size: 0.875rem;
	font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	font-size: 1rem;
	background-color: var(--color-bg-inline-code-block);
	padding: 0.2em 0.3em;
	border-radius: 0.3em;
	white-space: normal;
}

@media (width <= 700px) {
	:not(pre) > code[class*="language-"] {
		font-size: 0.875rem;
	}
}

.token.comment,
.token.prolog,
.token.cdata {
	color: var(--color-gray);
}

.token.doctype,
.token.punctuation,
.token.entity {
	color: var(--color-fg-default);
}

.token.attr-name,
.token.class-name,
.token.boolean,
.token.constant,
.token.number,
.token.atrule {
	color: var(--color-blue);
}

.token.keyword {
	color: var(--color-indigo);
}

.token.property,
.token.tag,
.token.symbol,
.token.deleted,
.token.important {
	color: var(--color-green);
}

.token.selector,
.token.string,
.token.char,
.token.builtin,
.token.inserted,
.token.regex,
.token.attr-value,
.token.attr-value > .token.punctuation {
	color: var(--color-blue);
}

.token.variable,
.token.operator,
.token.function {
	color: var(--color-indigo);
}

.token.url {
	color: var(--color-green);
}

/* HTML overrides */
.token.attr-value > .token.punctuation.attr-equals,
.token.special-attr > .token.attr-value > .token.value.css {
	color: var(--color-fg-default);
}

/* CSS overrides */
.language-css .token.selector {
	color: var(--color-green);
}

.language-css .token.property {
	color: var(--color-blue);
}

.language-css .token.important,
.language-css .token.atrule .token.rule {
	color: var(--color-red);
}

/* JS overrides */
.language-js .token.keyword,
.language-javascript .token.keyword {
	color: var(--color-red);
}

.language-js .token.operator,
.language-js .token.constant,
.language-js .token.boolean,
.language-js .token.number,
.language-js .token.atrule,
.language-javascript .token.operator,
.language-javascript .token.constant,
.language-javascript .token.boolean,
.language-javascript .token.number,
.language-javascript .token.atrule {
	color: var(--color-blue);
}

.language-js .token.function,
.language-javascript .token.function {
	color: var(--color-purple);
}

.language-js .token.attr-name,
.language-js .token.class-name,
.language-js .token.function-variable,
.language-javascript .token.attr-name,
.language-javascript .token.class-name,
.language-javascript .token.function-variable {
	color: var(--color-brown);
}

/* JSX overrides */
.language-jsx .token.keyword {
	color: var(--color-red);
}

.language-jsx .token.function {
	color: var(--color-purple);
}

.language-jsx .token.function-variable {
	color: var(--color-brown);
}

.language-jsx .token.punctuation {
	color: var(--color-blue);
}

.language-jsx .token.attr-name,
.language-jsx .token.class-name {
	color: var(--color-green);
}

.language-jsx .token.string {
	color: var(--color-indigo);
}

/* JSON overrides */
.language-json .token.operator {
	color: var(--color-fg-default);
}

.language-json .token.null.keyword {
	color: var(--color-blue);
}

/* Java overrides */
.language-java .token.keyword {
	color: var(--color-red);
}

.language-java .token.operator,
.language-java .token.constant,
.language-java .token.boolean,
.language-java .token.number,
.language-java .token.atrule {
	color: var(--color-blue);
}

.language-java .token.function {
	color: var(--color-purple);
}

.language-java .token.attr-name,
.language-java .token.function-variable {
	color: var(--color-green);
}

/* Kotlin overrides */
.language-kotlin .token.keyword {
	color: var(--color-red);
}

.language-kotlin .token.operator,
.language-kotlin .token.constant,
.language-kotlin .token.boolean,
.language-kotlin .token.number,
.language-kotlin .token.atrule {
	color: var(--color-blue);
}

.language-kotlin .token.function {
	color: var(--color-purple);
}

.language-kotlin .token.attr-name,
.language-kotlin .token.function-variable {
	color: var(--color-green);
}

/* Go overrides */
.language-go .token.keyword {
	color: var(--color-red);
}

.language-go .token.operator,
.language-go .token.constant,
.language-go .token.boolean,
.language-go .token.number,
.language-go .token.atrule {
	color: var(--color-blue);
}

.language-go .token.function {
	color: var(--color-purple);
}

.language-go .token.attr-name,
.language-go .token.function-variable {
	color: var(--color-green);
}

/* YAML overrides */
.language-yml .token.atrule,
.language-yaml .token.atrule {
	color: var(--color-green);
}

/* Dockerfile overrides */
.language-dockerfile .token.keyword {
	color: var(--color-red);
}

.language-dockerfile .token.function {
	color: var(--color-purple);
}

.language-dockerfile .token.punctuation {
	color: var(--color-blue);
}

.language-dockerfile .token.attr-name,
.language-dockerfile .token.class-name {
	color: var(--color-green);
}

.language-dockerfile .token.string {
	color: var(--color-indigo);
}

/* HCL overrides */
.language-hcl .token.keyword {
	color: var(--color-red);
}

.language-hcl .token.keyword:not(:has(span)) {
	color: var(--color-purple);
}

.language-hcl .token.string {
	color: var(--color-indigo);
}

.language-hcl .token.property,
.language-hcl .token.punctuation {
	color: var(--color-fg-default);
}

/* General */
.token.bold {
	font-weight: bold;
}

.token.comment,
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.token.namespace {
	opacity: 0.8;
}