huxley.css

:root {
	--titlebar-height: 35px;
	--titlebar-offset: 70px;
}

*,
*::before,
*::after {
	-webkit-user-select: none;
	box-sizing: border-box;
}

body {
	cursor: default;
	font-size: 14px;
	font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco",
			"Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande",
			sans-serif;
	line-height: 1;
	margin: 0;
	color: #272C31;
	background-color: #FFF;
}

.titlebar {
	-webkit-app-region: drag;
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	height: var(--titlebar-height);
	line-height: var(--titlebar-height);
	padding-left: var(--titlebar-offset);
	text-align: center;
	background: linear-gradient(to bottom, #F6F7F9, #EEF0F2);
}

.editor {
	max-width: 655px;
	width: calc(100% - 5.555%);
	margin-left: 5.555%;
	margin-right: 5.555%;
}

.platform-macos .editorContainer {
	overflow: auto;
	margin-top: var(--titlebar-height);
	height: calc(100vh - var(--titlebar-height));
}

.CodeMirror {
	font-size: 16px;
	font-family: "Fira Code", monospace;
	line-height: 1.7;
	width: 100%;
	height: 100%;
	color: #343a40;
	background: transparent;
}

.CodeMirror-activeline-background {
	background-color: transparent;
}

.CodeMirror-activeline * {
	font-variant-ligatures: none;
}

@media screen and (min-width: 768px) {
	.editor {
		margin-left: auto;
		margin-right: auto;
	}

	.CodeMirror {
		font-size: 18px;
		line-height: 1.9;
	}
}

.CodeMirror-lines {
	margin: 48px 0;
}

/* Syntax Theme */
.cm-s-huxley-light {
	color: #272C31;
}

.cm-s-huxley-light .cm-em,
.cm-s-huxley-light .cm-strong,
.cm-s-huxley-light .cm-tag,
.cm-s-huxley-light .cm-comment {
	color: #737B84;
}