User Style for app.simplenote.com that introduces a Dark theme and other visual tweaks. To be used with Stylus or similar extention

simplenote-dark-theme.css

::-moz-selection { background: #000; }
::selection { background: #000; }

:not(.published-wrap) > .wrapper > .app {
	background: #222;
}

.wrapper {
	height: 100vh;
}

.footer {
	display: none;
}

.app *,
.searchfield {
	border-color: #333;
	box-shadow: none;
}

.searchfield,
.as-input {
	color: #fff;
}

.note #txtarea, .note #historytxt {
	color: #fff;
}

.note #static_content {
	padding-bottom: 100px !important;
	background: #def;
	color: #000;
}

.note #static_content blockquote {
    border-left: 1px solid #000;
}

.note #static_content hr {
	background: #000;
}

.notes li {
	text-shadow: none;
}

.notes li .note-preview-title {
	color: #fff;
}

.notes li.selected,
.notes li:hover {
	background: #333;
}

#statusmsg {
	color: #fff;
	opacity: 0.8;
}



/*---------
UI changes
----------*/

.app {
	padding: 0;
	overflow: hidden;
}

.sidebar {
	float: left;
	margin-left: -250px;
	background: #222;
/* 	outline:1px solid yellow; */
	box-shadow: 20px 0 60px 0 #222;
}

.sidebar:hover {
	margin-left: 0;
}

.note #txtarea,
.note #historytxt,
#statusmsg {
	font-family: "Anonymous Pro", monospace !important;
}

.note #txtarea,
.note #historytxt,
.note #static_content {
	width: 100%;
	max-width: 825px;
	padding: 20px 40px;
	margin: 0 auto;
	font-size: 16px;
/* 	outline: 1px solid red; */
}

.note {
	clear: both;
	position: relative;
	left: 0;
	top: 75px;
	height: calc(100vh - 75px);
	width: 100%;
	display: block;
	padding: 0;
/* 	outline: 1px solid cyan; */
}

@media screen and (max-width:1300px) {
	.note #txtarea,
	.note #historytxt,
	.note #static_content {
		margin-left: 14%;	
	}
}

.toolbar {
	border: none;
}

.toolbar > *,
.sidebar,
.tagbar {
	opacity: 0.1;
	filter: grayscale(100%);
	transition: all 0.2s;
	transition-delay: 1.5s;
}

.toolbar:hover > *,
.toolbar .searchfield:focus,
.sidebar:hover,
.tagbar:hover {
	opacity: 1;
	filter: grayscale(0);
	transition-delay: 0.1s;
}


.note #static_content {
	font-family: "Alegreya", serif !important;
}

.note #static_content ul li {
	list-style: none;
}

.note #static_content ul li:before {
	content: "-";
	display: block;
	float: left;
	margin-right: 10px;
}

.note #static_content li > p {
	margin: 0 !important;
}

.note #static_content > p:first-child {
	opacity: 0.1;
}

.statusbar {
	position: absolute;
	bottom: 16px;
	right: 0;
	float: none;
/* 	outline:1px solid magenta; */
}

#statusmsg {
	font-size: 14px !important;
}