Stylus Dark by polydot

/* ==UserStyle==
@name         Stylus Dark
@version      20220503.14.37
@namespace    userstyles.world/user/polydot
@description  Dark theme for Stylus editor
@author       polydot
@license      No License
==/UserStyle== */

@-moz-document url-prefix("moz-extension://6000d203-082d-48a7-a19d-ab01478097f6/") {
* {
	color: hsl(0, 0%, 71%);
}

#stylus-edit,
body {
	background: #2b2b2b!important;
}

#name,
button {
	background: #515151!important;
	border: 2px solid #9c9c9c;
	padding: 12px 7px 12px 4px;
	border-radius: 7px;
	color: white;
}

#name:hover,
button:hover {
	border: 2px solid #fff!important;
}

.svg-icon.checked {
	fill: #92ff00;
	margin: 5px 0px 0px 2px;
}

input[type="checkbox"]:not(.slider) {
	background: #515151!important;
	border: 2px solid #9c9c9c;
	padding: 6px;
	margin: 1px 0px 0px -2px;
	border-radius: 100%;
	color: white;
}

input[type="checkbox"]:not(.slider):hover {
	border: 2px solid #fff;
}

label {
	padding: 3px 0px 2px 19px;
}

#basic-info-enabled svg {
	left: 4px;
}

.svg-icon,
.svg-icon.info:hover,
.svg-icon.settings:hover,
.svg-icon.select-arrow {
	fill: #fff;
	margin-right: 3px;
}

select {
	background: #515151!important;
	border: 2px solid #9c9c9c;
	border-radius: 7px;
	color: white;
}

#usw-url,
a,
.disabled a:hover {
	color: #a1f85d!important;
}

#header {
	border-right: 2px dashed #595959;
}

.CodeMirror {
	border: 4px ridge #595959;
	border-radius: 12px
}

:focus,
.CodeMirror-focused,
textarea[data-focused-via-click]:focus,
input:not([type])[data-focused-via-click]:focus,
input[type="text"][data-focused-via-click]:focus,
input[type="search"][data-focused-via-click]:focus,
input[type="number"][data-focused-via-click]:focus {
	box-shadow: #92ff00 0px 0px 0px 1px, #a1f85d 0px 0px 3px 1px;
}

input:not([type]),
input[type="search"] {
	background: #515151!important;
	border: 2px solid #9c9c9c;
	border-radius: 7px;
	color: white;
}

#stylus-popup {
	border: 4px ridge #595959;
	background: #2b2b2b!important;
}

#installed,
#help-popup .title {
	border-bottom: 4px ridge #595959;
}

#help-popup {
	border: 4px ridge #595959;
	border-radius: 12px;
	background: #2b2b2b!important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(140px - 50%), -50%);
}

#help-popup .contents {
	padding: 2px!important;
}
}