---
# System prepended metadata

title: INVALID Darkmode for Warren

---


<style>
    .rbrdr{
        border:solid 1px #f26666;
        display:inline-block;
        padding: 0 5px ;
    }
    .bbrdr{
        border:solid 1px #13B6E8;
        display:inline-block;
        padding: 0 5px ;
    }
    ::-webkit-scrollbar {
        width: 9px;
        background-color: #7d7d7c;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #f2d279;
    }
    .wrapper{
        width:100%;
        box-shadow: 
            -100px 100px  #444444,
            100px -100px  #444444,
            100px 100px  #444444,
            -100px -100px  #444444;
    }
    .code{
        background-color:#333;
    }
    .markdown-body h2{
        color:#7e9afc;
    }
    h3{
        color:#68de97;
    }
    @-webkit-keyframes A
    {
        0%  {  color:#fc4444;
                padding-left:0px}
        5%	{	color:;
                padding-left:5px;}
        10% {  color:#fc7844;
                padding-left:10px}
        15%	{	color:;
                padding-left:15px;}
        20% {  color:#fc7844;
                padding-left:20px}
        25%	{	color:;
                padding-left:25px;}
        30% {  color:#e7fc44;
                padding-left:30px}
        35%	{	color:;
                padding-left:35px;}
        40% {  color:#e7fc44;
                padding-left:40px}
        45%	{	color:;
                padding-left:45px;}
        50% {  color:#7bfc44;
                padding-left:50px}
        55%	{	color:;
                padding-left:45px;}
        60% {  color:#44fc9a;
                padding-left:40px}
        65%	{	color:;
                padding-left:35px;}
        70% {  color:#44fc9a;
                padding-left:30px}
        75%	{	color:;
                padding-left:25px;}
        80% {  color: #44fc9a;
                padding-left:20px}
        85%	{	color:;
                padding-left:15x;}
        90% {  color: #9144fc;
                padding-left:10px}
        95%	{	color:;
                padding-left:5px;}
       100% {  color: #fc44d7;
                padding-left:0px}
    }
    #animation_title{
        -webkit-user-select: none;
        animation: A 3s ease 0s infinite alternate;
        -webkit-animation: A 3s ease 0s infinite alternate;
    }
    .NOselect{    
        -webkit-user-select: none;
    }
    html, body, .ui-content {
        background-color: #333;
        color: #ccc;
    }

    .markdown-body h1,
    .markdown-body h4,
    .markdown-body h5,
    .markdown-body h6 {
        color: #fff;
    }

    .markdown-body h1,
    .markdown-body h2 {
        border-bottom-color: #ffffff69;
    }

    .markdown-body h1 .octicon-link,
    .markdown-body h2 .octicon-link,
    .markdown-body h3 .octicon-link,
    .markdown-body h4 .octicon-link,
    .markdown-body h5 .octicon-link,
    .markdown-body h6 .octicon-link {
        color: #fff;
    }

    .markdown-body img {
        background-color: transparent;
    }

    .ui-toc-dropdown .nav>.active:focus>a, 
    .ui-toc-dropdown .nav>.active:hover>a, 
    .ui-toc-dropdown .nav>.active>a {
        color: white;
        border-left: 2px solid white;
    }
    .markdown-body code, code {
        color: #dfdfdf !important;
        background-color: #424a55;
     }
     .markdown-body pre {
        background-color: #333435;
        border: 1px solid #555 !important;
        color: #dfdfdf;
     }
     .markdown-body blockquote {
        color: #ddd;
        border-left-color: #777;
        font-size: 16px;
      }
    .token.operator {
        color: #DCDCDC;
        background: transparent;
    }
    .token.number {
        color: #aa77bb;
        background: transparent;
    }
    .token.directive-hash{
        color: #fc6084;
        background: transparent;
    }
    .token.keyword{
        color: #fc6084;
        background: transparent;
    }
    .token.string{
        color: #ffeeaa;
        background: transparent;
    }
    .token.function{
        color: #9fd4e0;
        background: transparent;
    }
    .token.comment{
        color: #808080;
        background: transparent;
    }
    .token.operator{
        color: #fc6084;
        background: transparent;
    }
    .token.constant {
        color: #aa77bb;
        background: transparent;
    }
    .wrapper{
        background: #333435;
    }

    .expand-toggle:hover, 
    .expand-toggle:focus, 
    .back-to-top:hover, 
    .back-to-top:focus, 
    .go-to-bottom:hover, 
    .go-to-bottom:focus {
        color: white;
    }


    .ui-toc-dropdown {
        background-color: #333;
    }

    .ui-toc-label.btn {
        background-color: #191919;
        color: white;
    }

    .ui-toc-dropdown .nav>li>a:focus, 
    .ui-toc-dropdown .nav>li>a:hover {
        color: white;
        border-left: 1px solid white;
    }

    .markdown-body blockquote {
        color: #bcbcbc;
    }

    .markdown-body table tr {
        background-color: #5f5f5f;
    }

    .markdown-body table tr:nth-child(2n) {
        background-color: #4f4f4f;
    }

    .markdown-body code,
    .markdown-body tt {
        color: #eee;
        background-color: rgba(230, 230, 230, 0.36);
    }

    a,
    .open-files-container li.selected a {
        color: #5EB7E0;
    }
    .program{
        color: #68de97;
    }
    .pgreen{
        color: #68de97;
    }
    .pred{
        color:#e87058;        
    }
    .pblue{
        color:#7294e0;
    }
    .white{
        color:#ddd;
    }
    span{
        font-weight: 700;
    }
</style>