diff --git a/userchrome.css b/userchrome.css
deleted file mode 120000
index 12013a1..0000000
--- a/userchrome.css
+++ /dev/null
@@ -1 +0,0 @@
-/Users/kris/.config/joplin-desktop/userchrome.css
\ No newline at end of file
diff --git a/userchrome.css b/userchrome.css
new file mode 100644
index 0000000..fba4d88
--- /dev/null
+++ b/userchrome.css
@@ -0,0 +1,252 @@
+/* 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;
+	}
+}