refactoring.guru dark theme by etzeo

/* ==UserStyle==
@name         refactoring.guru dark theme
@version      20211026.16.08
@namespace    userstyles.world/user/etzeo
@description  Dark theme for refactoring.guru
@author       etzeo
@license      No License
==/UserStyle== */

@-moz-document domain("refactoring.guru") {
body {
    background-color: #181818;
    color: #C9D1D9;
}

.navigation {
    background-color: #202020;
    border-bottom: solid 1px #313131;
}

.structure-container {
    box-shadow: 0 0 20px 20px #1C1C1C;
    background: #1C1C1C;
}

.pattern-name {
    color: #ccc;
}

.pattern-card-bottom{
    color: #bbb;
}

.dp1-h-1{
    color: #fff;
}

.ref-h1{
    background: #181818;
}

.ref4-bg{
    background: rgba(24,24,24,.9);
}

.dp4-bg{
    background: rgba(24,24,24,.9);
}

.dp5-bg{
    background: rgba(24,24,24,.9);
}

.dp6-bg{
    background: rgb(24, 24, 24, .9);
}

.structure ol li {
    background: rgb(50, 50, 50); 
}

.text .h1 strong, .text .h2 strong, .text .h3 strong, .text .h4 strong, .text h1 strong, .text h2 strong, .text h3 strong, .text h4 strong {
    color: #FFF;
}

.banner-bg::before{
    background: #181818;
}

/* Code block styling */

code, pre.code {
    background: #1E1E1E;
}

.cm-s-default .cm-doc {
    color: #6F9956;
}

.cm-s-default .cm-comment {
    color: #6F9956;
}

.cm-s-default .cm-keyword {
    color: #629CD6;
}

.cm-s-default .cm-property {
    color: #DBDCAA;
}

.cm-s-default .cm-type {
    color: #64C9B1;
}

.cm-s-default .cm-string {
    color: #C99177;
}

.cm-s-default .cm-string-2 {
    color: #C99177;
}

.cm-s-default .cm-def {
    color: #65C1FF;
}

.cm-s-default .cm-def1 {
    color: #64C9B1;
}

.cm-s-default .cm-def2 {
    color: #64C9B1;
}

.cm-s-default .cm-def3 {
    color: #A5DCFE;
}

.cm-s-default .cm-variable {
    color: #64C9B1;
}

.cm-s-default .cm-variable-2 {
    color: #65C1FF;
}

.cm-s-default .cm-atom {
    color: #629CD6;
}

.cm-s-default .cm-operator {
    color: #D4D4D4;
}

.cm-s-default .cm-number {
    color: #B7CEA8;
}

.CodeMirror {
    color: #D4D4D4;
}


.footer {
    background-color: #202020;
/*     color:  */
}

.footer-second {
    background: #333;
}

/* Visited Link */
.text .dt a:visited, .text h1 a:visited, .text h2 a:visited, .text h3 a:visited, .text h4 a:visited, .text h5 a:visited, .text li a:visited, .text p a:visited, .text table a:visited {
    color: #bbb;
}

/* New Links Color */
.text .dt a, .text h1 a, .text h2 a, .text h3 a, .text h4 a, .text h5 a, .text li a, .text p a, .text table a {
    color: #ccc
}

/* New Links onHover */
.text .dt a:focus, .text .dt a:hover, .text h1 a:focus, .text h1 a:hover, .text h2 a:focus, .text h2 a:hover, .text h3 a:focus, .text h3 a:hover, .text h4 a:focus, .text h4 a:hover, .text h5 a:focus, .text h5 a:hover, .text li a:focus, .text li a:hover, .text p a:focus, .text p a:hover, .text table a:focus, .text table a:hover {
    color: #fff;
    box-shadow: inset 0 -2px 0 #aaa;
}

/* Link underline */
.text .dt a, .text h1 a, .text h2 a, .text h3 a, .text h4 a, .text h5 a, .text li a, .text p a, .text table a {
    box-shadow: inset 0 -2px 0 #777;
}

/* Visited Link Catalog */
.text .link-list a:visited {
    color: #bbb;
}

/* Visited Links onHover Catalog */
.text .link-list a:hover {
    color: #FFF;
    box-shadow: inset 0 -2px 0 #aaa;
}

/* New Link Catalog */
.text .link-list a {
    font-weight: 700;
    color: #ccc;
    box-shadow: inset 0 -2px 0 #777;
}




}