Dark Digital Ocean Tutorials by LiCuru

/* ==UserStyle==
@name           www.digitalocean.com - 04/08/2023 23:41:28
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("www.digitalocean.com") {
    
    /*background color*/
    body, nav.gSGeJY, nav.cSwsjk {
        background-color:#0b0b33;
    }
    
    /* top info */
    .jtzsUN{
        background-color:black;
    }
    
    /* the navbar */
    button.lmtGxX, button.hvlCiv{
        color:skyblue;
    }
    
    button.lmtGxX:hover{
        background-color:midnightblue;
        color:powderblue;
    }
    
    /* the navbar */
    /* 'Log in' */
    .lUfdp{
        color:skyblue;
    }
    
    /* the navbar */
    /*Sign Up button */
    .faaZku{
        background-color:midnightblue;
        color:powderblue;
    }
    
    /* the navbar */
    /* 'Search Community' */
    .gavkGr{
        background-color:black;
        border-color:cornflowerblue;
        color:cornflowerblue;
    }
    
    /*hover hero on navbar*/
    div.jOCxwZ, div.yeIaE, div.bwKEnF{
       background: black;
    }
        
    div.ContainerStyles__StyledContainer-sc-1vejnbq-0 p{
        color:skyblue;
    }
    
    div.ContainerStyles__StyledContainer-sc-1vejnbq-0 a{
        color:aqua;
        border-bottom-color:aqua;
    }
    
    div.ContainerStyles__StyledContainer-sc-1vejnbq-0 a:hover{
        color:lightblue;
    }
    
    .hNJdji:hover{
        background-color:black;
        border-style:solid;
        border-width: 1.2px;
        border-color:aqua;
        border-color:darkcyan;
    }
    
    .hNJdji span:first-of-type{
        color:darkcyan;
    }
    
    .hNJdji span:last-of-type{
        color:cornflowerblue;
    }
    
    .blddHC{
        background-color:black;
        border-top-color:black;
    }
    
    /* left side tab */
    /* 'CONTENTS' */
    .bZxRnn{
        color:lightskyblue;
    }
    
    /* left side tab */
    /* options */
    .dkxFVZ{
        color:darkcyan;
    }
    
    .dkxFVZ:hover{
        color:lightblue;
    }
    
    .dkxFVZ:active{
        color:lightskyblue;
    }
    
    .faTdvV{
        color:lightskyblue;
    }
    
    .faTdvV:hover{
        color:ghostwhite;
    }
    
    /* left side tab */
    /* scrollbar */
    .cBlame{
        scrollbar-color:skyblue;
    }
    
    /* // Tutorial  // */
    .jZQPWS{
        color:lightblue;
    }
    
    .bKjNvr{
        color:lightblue;
    }
    
    .loCxRe{
        color:darkcyan;
    }
    /* tags */
    .hsDNcC{
        background: black;
    }
    
    .css-1hq57w3-control, .css-y8nmu9-control{
        background-color: black;
        color:lightskyblue;
        border-color:darkcyan;
        border-style:solid;
        border-width: 1.2px;
        font-size:15.5px;
        font-weight:bold;
        box-shadow:none;
    }
    
    .css-y8nmu9-control:hover{
        background-color: darkcyan;
        color: black;
        border-color: transparent;
    }
    
    .kOZLDb .react-select__single-value::before {
        color:lightskyblue;
    }
    
    /* warning div after cover img and before article */
    .kxoNTl{
        background-color: transparent;
        border-color:darkcyan;
        border-style:solid;
        border-width: 1.2px;
    }
    
    .lnIAJu{
        color:lightseagreen;
    }
    
    .nrqxW{
        color:lightskyblue;
    }
    
    
    /* warning div after cover img and before article */
    /* dropdown menu */
    /* .nonclicked-class, .clicked-class */
    .css-romc89-control, .css-j5g2rf-control{
        background-color: black;
        color:lightskyblue;
        border-color:darkcyan;
        border-style:solid;
        border-width: 1.2px;
        font-size:15.5px;
        font-weight:bold;
        box-shadow:none;
    }
    
    /* dropdown menu */
    /* .nonclicked-class and .clicked-class */
    .css-romc89-control:hover, .css-j5g2rf-control:hover{
        color: lightseagreen;
    }
    

    /*dropdown menu - options*/
    /* .the_options_container div */
    .css-qr46ko div{
        border-style:none !important;
    }
    
    .react-select_menu, .css-zqyc92-menu, .css-wmbnk-option, .css-hkyg9z-option{
        background-color: black;
        color:lightskyblue;
        border-color: transparent;
    }
    
    .react-select_menu:hover, .css-wmbnk-option:hover, .css-hkyg9z-option:hover, .react-select__option:hover, .css-1u4lm3x-option:hover{
        background-color: darkcyan;
        color: black;
        border-color: transparent;
    }
    
    .react-select-2-listbox{
        display:block;
    }
    
    .Markdown_markdown__wHGCe pre.environment-local{
        background: black;
    }
    
    .Markdown_markdown__wHGCe pre.environment-local.prefixed code ol li::before{
        color:lightcyan;
    }
    
    .Markdown_markdown__wHGCe pre[class*="environment-"] > code .token.function{
        color:cyan;
    }
    
    .Markdown_markdown__wHGCe pre.environment-local code{
        color:lightcyan;
    }
    
    .Markdown_markdown__wHGCe pre[class*="environment-"] mark{
        background:darkcyan;
    }
    
    /* light themed code snippet - turned to dark theme */
    /* Copy button */
    .Markdown_markdown__wHGCe .code-toolbar > .toolbar > .toolbar-item > button{
        background:deepskyblue;
        color: midnightblue;
    }
    
    
    /* note warning */
    .Markdown_markdown__wHGCe .callout.info, .Markdown_markdown__wHGCe .callout.info p, .callout{
        background-color:#012727 !important;
        color:lavender;
    }
    
    .Markdown_markdown__wHGCe .callout.info a{
        border-bottom-style:none;
        color:aqua;
    }
    
    /* typing mentions within <p> tag */
    .Markdown_markdown__wHGCe code{
        background-color:navy;
        color:mediumspringgreen;
    }
    
    /**/
    .gmvvkI p strong{
        color:aquamarine;
    }
    
    .ddpKqx, .fhbbJW{
        border-color:lightskyblue;
    }
    
    /* article end line */
    .fhbbJW {
        border-color:lightskyblue;
    }
    
    /* 'About the authors' */
    .jQjcAa{
        background-color:#00001c;
        border-style:none;
        border-width:1.3px;
        border-color:#378d70;
        color:ghostwhite;
        
        box-shadow: 0 0 .2rem #00001c,
            0 0 .2rem #00001c,
            0 0 2rem #00001c,
            0 0 0.8rem #00001c,
            0 0 2.8rem #00001c,
            inset 0 0 1.3rem #00001c;
    }
    
    /* 'About the authors' */
    /* Title */
    .dAUTqy .jGibah{
        color:#7bd6b7;
        font-weight:normal;
        text-shadow:
            0 0 1.75px #7bd6b7,
            0 0 2.25px #7bd6b7,
            0 0 7.75px #0fa,
            0 0 10.5px #0fa,
            0 0 21px #0fa;
    }
    
    .lkfiWD a{
        color:lightskyblue !important;
        text-shadow:   
            0 0 1.75px lightskyblue,
            0 0 2.25px lightskyblue,
            0 0 7.75px deepskyblue,
            0 0 10.5px deepskyblue,
            0 0 21px deepskyblue;
        /*
        text-shadow:   
            0 0 1.75px #e29af4,
            0 0 2.25px #d871f2,
            0 0 7.75px #d871f2,
            0 0 10.5px #d871f2,
            0 0 21px #d871f2;
        */
    }
    
    .lkfiWD p{
        color:lightskyblue !important;
        text-shadow:   
            0 0 1.75px lightskyblue,
            0 0 2.25px lightskyblue,
            0 0 7.75px deepskyblue,
            0 0 10.5px deepskyblue,
            0 0 21px deepskyblue;
    }
    
    .esFaHc{
        background: black;
    }
    
    /* 'Still looking for an answer?'' */
    .bsZzJD{
        background: transparent;
        box-shadow:none;
    }
    
    /* 'Still looking for an answer?'' */
    /* text */
    .fducWu{
        color: darkcyan;
    }
    
    /* 'Still looking for an answer?'' */
    /* button */
    .cKtsWH{
        background-color: black;
        color:lightskyblue;
        border-color:darkcyan !important;
        border-style:solid;
        border-width: 1.2px;
        font-size:15.5px;
        font-weight:bold;
        box-shadow:none;
    }
    
    .cKtsWH:hover{
        color: darkcyan !important;
    }
    
    /* dividing line */ 
    .cicpeb{
        border-style: none;
    }
    
    .ftHvul{
        background:transparent;
    }
    
    /* 'Was this helpful?'' */
    /* text */
    .iWYLlo{
        color:darkcyan;
    }
    
    /* button */
    .eajotA{
        border-color:darkcyan !important;
    }
    
    /* social media icons */
    
    .LazyLink___StyledA2-sc-yi29t7-1 svg {
        fill:darkcyan !important;
        stroke:darkcyan !important;
    }
    
    .eajotA{
        background-color: black;
        color:lightskyblue;
        border-color:darkcyan;
        border-style:solid;
        border-width: 1.2px;
        font-size:15.5px;
        font-weight:bold;
        box-shadow:none;
    }
    
    .eajotA:hover{
        color: darkcyan !important;
        background-color: black;
        border-color:darkcyan;
    }
    
    /* 'Comments' */
    .ButtonStyles__StyledButton-sc-4h9jsk-0, .dAAioC, .TutorialTabs___StyledButton-sc-6fpjf1-0, .cLpwcu, .darkblue{
        color:darkcyan !important;
    }
    
    /* end line */
    .hWeJt{
        border-color:darkcyan;
    }
    
    svg.TutorialTabs___StyledSvg-sc-6fpjf1-1, .iupekr{
        background-color: darkcyan !important;
    }
    
    .TutorialTabs___StyledLine-sc-6fpjf1-2, .UVzer, .selected{
        stroke:darkcyan !important;
    }
    
    /* 'Leave a comment' */
    .kZeBHQ{
        color:#7bd6b7;
    }
    
    /* 'Leave a comment' input div */
    .dWQUwR{
        background-color: black;
        border-style:none;
        
    }
    
    /* 'Leave a comment' input div */
    /* top edit buttons*/
    .gcpKDS{
        color:#7bd6b7;
    }
    
    .gcpKDS:hover{
        color:#7bd6b7;
    }
    
    /* 'Leave a comment' input div */
    /* top edit buttons*/
    .geyCH{
        border-bottom-color: #7bd...