Custom EnlighterJS Theme modification based on "MooTwo.css"

Green.css

/* Origin: https://github.com/AndiDittrich/EnlighterJS/blob/v2.10.1/Source/Themes/MooTwo.css */
/* Line 16,17,33 are modified to change the background color */

/* Inline specific styles */
span.greenEnlighterJS{
    border-radius: 4px;
    background-color: #f0f0f1;
    border: solid 1px #f0f0f1;
}

/* LIST specific styles (BLOCK) */
ol.greenEnlighterJS, ul.greenEnlighterJS, .greenEnlighterJSWrapper pre{
    font-size: 11px;

    /* Background color of linenumbers */
    background-color: #d9ffdc;
    border: solid 1px #d9ffdc;
    border-radius: 7px;
}
.greenEnlighterJSWrapper pre{
    font-size: 14px;
    line-height: 22px;
    color: #313437;
}

/* line styles */
ol.greenEnlighterJS li, ul.greenEnlighterJS li{
    border: solid 0px #ffffff;
    line-height: 18px;
    color: #313437;

    /* Background color of highlighted code */
    background-color: #f0fff1;
    padding: 1px 5px 1px 14px;
}
ol.greenEnlighterJS li{
    list-style: decimal outside;
    color: #9c9ea0;
}

/* default symbol styles */
.greenEnlighterJS span{
    font-size: 14px;
    color: #313437;
}
/* Symbol Styles */
/* Delimiter e.g. <?php ?> */
.greenEnlighterJS .de1 {}
.greenEnlighterJS .de2 {}

/* Laanguage Kewords */
.greenEnlighterJS .kw1 { color: #b05098; font-weight: bold; }
.greenEnlighterJS .kw2 { color: #b05098; }
.greenEnlighterJS .kw3 { }
.greenEnlighterJS .kw4 { }

/* Comments */
.greenEnlighterJS .co1 { color: #9c9ea0; }
.greenEnlighterJS .co2 { color: #9c9ea0; }

/* Strings */
.greenEnlighterJS .st0 { color: #83a440; }
.greenEnlighterJS .st1 { color: #83a440; }
.greenEnlighterJS .st2 { color: #83a440; }

/* Numbers */
.greenEnlighterJS .nu0 { color: #429bc1; }

.greenEnlighterJS .me0 { color: #666666; }
.greenEnlighterJS .me1 { color: #666666; }

/* Brackets */
.greenEnlighterJS .br0 { color: #909090; }

/* Symbols */
.greenEnlighterJS .sy0 { color: #864c08; }

/* Escape Sequences */
.greenEnlighterJS .es0 { }

/* Regular Expression outside Strings */
.greenEnlighterJS .re0 { }

/* hover effect */
ol.greenEnlighterJS.hoverEnabled li:hover, ul.greenEnlighterJS.hoverEnabled li:hover {
    background-color: #e9e9e9;
}
/* special line highlight color */
ol.greenEnlighterJS li.specialline, ul.greenEnlighterJS li.specialline {
    background-color: #e9e9e9;
}

/* Tab Pane */
.greenEnlighterJSTabPane .controls{
    background-color: #585b5e;
    padding: 10px 0px 10px 0px;
    border-radius: 8px;
}
.greenEnlighterJSTabPane .controls ul{
    margin-left: 10px;
}
.greenEnlighterJSTabPane .controls li{
    border-radius: 0px;
    background-color: transparent;
    line-height: 20px;
    font-size: 15px;
    color: #f0f0f0;
}
.greenEnlighterJSTabPane .controls li:hover {

}
.greenEnlighterJSTabPane .controls li.selected{
    text-decoration: underline;
}