joplin-css/userchrome.css

/* Overriding text highlight color */
.CodeMirror.CodeMirror.CodeMirror .CodeMirror-line::selection, .CodeMirror.CodeMirror.CodeMirror .CodeMirror-line > span::selection, .CodeMirror.CodeMirror.CodeMirror .CodeMirror-line > span > span::selection {
  background: #f63f05 !important;
}


/* Fixes a display bug where the last few letters of a full-width line can't be seen */
.CodeMirror-lines {
	/* width: 96% !important */
	width: 92% !important;
	margin: auto !important;
	padding-right: 15px !important;
}

.codeMirrorEditor {
	background: var(--main) !important;
}



/* Based on arcticicestudio's Nord theme */
/* https://github.com/arcticicestudio/nord */


.cm-s-material-darker .CodeMirror-gutters {
	background: #2e3440;
	border-right: 0px;
}

.cm-s-material-darker .CodeMirror-guttermarker {
	color: #4c566a;
}

.cm-s-material-darker .CodeMirror-guttermarker-subtle {
	color: #4c566a;
}

.cm-s-material-darker .CodeMirror-linenumber {
	color: #4c566a;
}

.cm-s-material-darker .CodeMirror-cursor {
	border-left: 1px solid #f8f8f0 !important;
}


/* Normal Text */
.cm-s-material-darker .cm-variable-2 {
	color: var(--text) !important;
}

/* .cm-s-material-darker span{
	color: var(--text-p) !important;
} */
.cm-s-material-darker .cm-variable {
	color: #82b1c2 !important;
}

/* .cm-s-material-darker .cm-variable-2 {
	color: var(--tokens) !important;
} */

span.cm-comment.cm-variable-2 {
	color: var(--primary) !important;
}

.cm-s-material-darker span.cm-atom {
	color: #b48ead !important;
}

.cm-s-material-darker span.cm-number {
	color: #b48ead !important;
}

.cm-s-material-darker span.cm-property,
.cm-s-material-darker span.cm-attribute {
	color: #8FBCBB !important;
}

.cm-s-material-darker span.cm-keyword {
	color: #5c93a3 !important;
}

.cm-s-material-darker span.cm-builtin {
	color: #81A1C1 !important;
}

.cm-s-material-darker span.cm-string {
	color: #A3BE8C !important;
}

.cm-s-material-darker span.cm-def {
	color: #7cbbd1 !important;
}

.cm-s-material-darker span.cm-bracket {
	color: #81A1C1 !important;
}

.cm-s-material-darker span.cm-tag {
	color: #bf616a !important;
}

.cm-s-material-darker span.cm-operator {
	color: #7896b4 !important;
}

/* HEADERS */
.cm-s-material-darker .cm-header.cm-rm-header-token {
	display: none !important;
}

.cm-s-material-darker .cm-header.cm-rm-header-token+span::before {
	opacity: 0.25 !important;
	margin-left: -24px !important;
	font-size: var(--header-size) !important;
}

.cm-s-material-darker .cm-rm-header-token.cm-header-1+span::before {
	content: 'h1 ' !important;
}

.cm-s-material-darker .cm-rm-header-token.cm-header-2+span::before {
	content: 'h2 ' !important;
}

.cm-s-material-darker .cm-rm-header-token.cm-header-3+span::before {
	content: 'h3 ' !important;
}

.cm-s-material-darker .cm-rm-header-token.cm-header-4+span::before {
	content: 'h4 ' !important;
}

.cm-s-material-darker .cm-rm-header-token.cm-header-5+span::before {
	content: 'h5 ' !important;
}

.cm-s-material-darker .cm-rm-header-token.cm-header-6+span::before {
	content: 'h6 ' !important;
}

/* Leading h# tag color */
.cm-s-material-darker .cm-header.cm-rm-header-token+span::before {
  color: white !important;
}

.cm-s-material-darker span.cm-header-1 {
  color: #d80450 !important;
	/*color: var(--h1) !important;*/
}

.cm-s-material-darker span.cm-header-2 {
  color: #d80450 !important;
	/*color: var(--h2) !important;*/
}

.cm-s-material-darker span.cm-header-3 {
  color: #d80450 !important;
	/*color: var(--h3) !important;*/
}

.cm-s-material-darker span.cm-header-4 {
  color: #d80450 !important;
	/*color: var(--h4) !important;*/
}

.cm-s-material-darker span.cm-header-5 {
  color: #d80450 !important;
	/*color: var(--h5) !important;*/
}

.cm-s-material-darker span.cm-header-6 {
  color: #d80450 !important;
/*color: var(--h6) !important;*/
}

/* Strong(bold) */
.cm-variable-2.cm-strong,
.cm-strong {
	color: var(--strong) !important;
}

/* Links */
.cm-s-material-darker .cm-rm-link {
	color: var(--url) !important;
}

.cm-s-material-darker .cm-url.cm-rm-link {
	color: var(--links) !important;
}

/* url dark url for windows */
.cm-s-material-darker .cm-string.cm-url {
	color: var(--links) !important;
}

/* Links Text*/
.cm-s-material-darker span.cm-link-text {
	color: var(--link-text) !important;
}

/* Image file name */
.cm-s-material-darker .cm-image {
	color: var(--image-text) !important;
}

/* Checkboxes */
.cm-s-material-darker .cm-variable-2.cm-rm-list-token {
	color: var(--tokens) !important;
}

span.cm-hr {
	color: var(--separator) !important;
	font-family: monospace !important;
	letter-spacing: 1em !important;
}

.cm-s-material-darker span.cm-error {
	background: #bf616a;
	color: #f8f8f0;
}

.cm-s-material-darker .CodeMirror-activeline-background {
	background: #3b4252;
}

.cm-s-material-darker .CodeMirror-matchingbracket {
	text-decoration: underline;
	color: white !important;
}

/* for ==highlight== */
span.cm-rm-highlight{
	color: var(--dark-grey) !important;
}
span.cm-header.cm-rm-highlight{
	color: var(--dark-grey) !important;
}

@media (max-width: 800px) {

	.kYItFT {
		flex-direction: row !important;
		align-items: flex-start;
	}

	.kMMyuz {
		border-top: 1px solid #555555;
		width: auto !important;
	}
}