esp32.com dark by s-light

/* ==UserStyle==
@name         esp32.com dark
@version      20220110.12.12
@namespace    userstyles.world/user/s-light
@description  esp32 dark low-light / night eye friendly
@author       s-light
@license      No License
==/UserStyle== */

@-moz-document domain("esp32.com") {
html,
body {
    background-color: hsl(0, 0%, 0%);
    color: hsl(0, 0%, 80%);
}


#wrap {
    background-color: hsl(260, 100%, 8%);
    box-shadow: 0 0 15px hsl(260, 100%, 40%);
}

#page-header {
    background-color: transparent;
    color: hsl(0, 0%, 60%);
}

#page-body > h2,
#inner-body-with-sidebar > h2,
.section-memberlist form > h2 {
    background: transparent;
}

#page-footer.light-footer {
    background-color: transparent;
    color: inherit;
}



.bg1 {
    background-color: hsla(260, 100%, 100%, 0.15);
}

.bg2 {
    background-color: transparent;
}


h2 {
    color: inherit;
}

h3 {
    color: inherit;
}


#message-box textarea {
    color: inherit;
    height: 70vh !important;
}


.panel {
    margin: 0;
    padding:0.1em;
    background-color: transparent;
    color: inherit;
}

fieldset {
	margin-bottom: 0;
}

fieldset.fields1 div {
	margin: 0;
}

fieldset.submit-buttons {
	margin: 0;
}
fieldset.submit-buttons input {
	margin-bottom: 0;
}

#tabs .tab, #minitabs .tab {
	margin-right: 0.1em;
	margin-bottom: 0;
}

#tabs .tab > a {
	display: block;
	padding: 0 0 0 0.3em;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	min-width: 200px;
	height: auto;
    font-size: 1.5em;
	line-height: calc(120% + 2 * 0.1em);
	text-transform: lowercase;
}

#tabs .tab > a::before {
	font-size: 120%;
	position: relative;
	top: 0.1em;
	margin-right: 0.5em;
}


#tabs .tab > a span {
	margin: 0;
}






.inputbox {
    background-color: transparent;
    border-color: hsl(260, 100%, 30%);
    color: inherit;
}

select {
    border-color: hsl(260, 100%, 30%) !important;
    background-color: transparent;
    color: inherit;
}

a {
    color: inherit !important;
}

a.button1,
input.button1,
input.button3,
a.button2,
input.button2,
.button,
a.arrow-left,
a.arrow-right,
.panel a.button1,
.panel input.button1,
.panel a.button2,
.panel input.button2,
.panel input.button3,
.panel .button,
.panel a.arrow-left,
.panel a.arrow-right {
    border-color: hsl(260, 100%, 30%);
    color: inherit;
    background-color: transparent;
}



.search-box {
    border: 1px solid hsl(260, 100%, 30%) !important;
    background: transparent;
    overflow: hidden;
}

.search-header .button {
    border-color: HSL(260, 100%, 30%);
    color: inherit;
}

.pagination li a {
    color: inherit;
    background-color: transparent;
    border-color: inherit;
}

.post:target .content,
.content,
.postbody {
    color: inherit;
}

.postprofile {
    color: inherit;
}

blockquote {
    background-color: hsl(260, 100%, 20%);
    border-color: gray;
}

.stat-block {
	background-color: transparent;
}

.forumbg,
.forabg,
.socials li a:hover,
.cube-bg-2,
.section-index #nav-main .li-home > a,
#nav-main > li > a:hover,
#nav-main li.small-cube > a:hover,
#nav-main .dropdown-menu li a:hover,
#nav-main > li.dropdown:hover > a,
.dropdown-extended a.mark_read,
.section-faq #nav-main .li-useful > a,
.section-memberlist #nav-main .li-useful > a,
.section-viewforum #nav-main .li-forum > a,
.section-viewtopic #nav-main .li-forum > a,
.section-search #nav-main .li-forum > a,
#tabs .tab > a:hover,
#tabs .activetab > a,
#minitabs .activetab > a,
#minitabs .activetab > a:hover,
#navigation a:hover,
#navigation #active-subsection a,
body .options-panel #navigation .tab.activetab a,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-btn-theme,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-btn-theme,
.header2 #nav-main li.small-cube:first-child > a:hover,
.header2 #nav-main li.small-cube:last-child > a:hover,
#sidebar fieldset.quick-login input.button2:hover,
.op_navigation li.tab a:hover,
.op_navigation li.tab.activetab a {
    background-color: transparent;
}


.codebox_plus_wrap {
	color: black;
}


ul.forums,
ul.topics {
    background-color: transparent;
}

li.row {
    border-bottom-color: transparent;
}
}