developers.google.com dark by ramazanaktolu

/* ==UserStyle==
@name           developers.google.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Google developer dark
@author         Me
==/UserStyle== */
@-moz-document domain("developers.google.com") {
    /* Insert code here... */
    :root {
        --devsite-code-font-family: Roboto Mono, monospace;
        --devsite-primary-font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
        --devsite-heading-color: #99b2ff;
        --devsite-h1-margin: 40px 0 20px;
        --devsite-h2-margin: 40px 0 20px;
        --devsite-h3-margin: 32px 0 16px;
        --devsite-h4-font: 500 16px/24px var(--devsite-primary-font-family);
        --devsite-h5-font: 700 14px/24px var(--devsite-primary-font-family);
        --devsite-h6-font: 500 14px/24px var(--devsite-primary-font-family);
        --devsite-background-0: #303030;
        --devsite-background-1: #0e0e0e;
        --devsite-background-2: #242525;
        --devsite-background-3: #222323;
        --devsite-background-4: #1e2125;
        --devsite-background-5: #22242a;
        --devsite-primary-text-color: #e6e7e9;
        --devsite-primary-text-rgba: rgba(246, 243, 243, .87);
        --devsite-secondary-text-color: #61876e;
        --devsite-secondary-text-rgba: rgba(201, 195, 195, .85);
        --devsite-tertiary-text-color: #aebdcf;
        --devsite-tertiary-text-rgba: rgba(199, 178, 178, .76);
        --devsite-inverted-text-color: #080707;
        --devsite-inverted-text-color-hover: hsla(0, 4%, 5%, .7);
        --devsite-inverted-text-rgba: hsla(0, 6%, 18%, .7);
        --devsite-primary-border: 1px solid #7289b6;
        --devsite-secondary-border: 1px solid #758eb4;
        --devsite-elevation-key-shadow-color: rgba(60, 64, 67, .3);
        --devsite-elevation-ambient-shadow-color: rgba(60, 64, 67, .15);
        --devsite-elevation-inset-shadow-color: hsla(210, 6%, 63%, .5);
        --tenant-background-1: #1d1c1c;
        --tenant-background-2: #2e2f30;
        --tenant-background-3: #363c3f;
        --tenant-primary-text-color: #e5e7ed;
        --tenant-secondary-text-color: #adb1b6;
        --tenant-inverted-text-color: #1d1b1b;
        --tenant-primary-border: 1px solid #dadce0;
        --tenant-secondary-border: 1px solid #e8eaed;
        --devsite-link-background: #5a85c5;
        --devsite-link-background-active: #e8f0fe;
        --devsite-link-color: #67daa0;
        --devsite-contrast-link-color: #18bc4e;
        --devsite-button-background-hover: #3d4043;
        --devsite-button-background-active: #585b5f;
        --devsite-button-color: #1a73e8;
        --devsite-banner-archived-background: #fce8e6;
        --devsite-banner-archived-color: #a50e0e;
        --devsite-banner-confidential-background: #feefe3;
        --devsite-banner-confidential-color: #a50e0e;
        --devsite-banner-deprecated-background: #fef7e0;
        --devsite-banner-deprecated-color: #a50e0e;
        --devsite-button-primary-color: #2c2828;
        --devsite-notice-margin: 16px 0;
        --devsite-notice-padding-block: 15px;
        --devsite-notice-padding-inline: 60px 24px;
        --devsite-book-nav-background: var(--devsite-background-1);
        --devsite-concierge-top: 48px;
        --devsite-concierge-width-closed: 54px;
        --devsite-concierge-width-open: 387px;
        --devsite-concierge-width: 0px;
        --devsite-card-background: var(--devsite-background-1);
        --devsite-card-header-background: var(--devsite-background-3);
        --devsite-checkbox-border-radius: 2px;
        --devsite-checkbox-icon-canvas-border-radius: 50%;
        --devsite-checkbox-icon-canvas-offset-x: -9px;
        --devsite-checkbox-icon-canvas-offset-y: -9px;
        --devsite-checkbox-icon-canvas-size: 36px;
        --devsite-checkbox-margin-block: -2px 2px;
        --devsite-checkbox-margin-inline: 0 8px;
        --devsite-checkbox-offset-x: 3px;
        --devsite-checkbox-offset-y: -3px;
        --devsite-checkbox-size: 18px;
        --devsite-feature-tooltip-background-color: #1a73e8;
        --devsite-feature-tooltip-offset-y: 3px;
        --devsite-input-background: var(--devsite-background-1);
        --devsite-input-border: var(--devsite-secondary-border);
        --devsite-landing-row-item-gap: 24px;
        --devsite-mdc-line-height: 56px;
        --devsite-scrollbar-thumb-background: hsla(207, 5%, 52%, .26);
        --devsite-select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="4" viewBox="0 0 20 4"><path d="M0,0l4,4l4-4H0z" fill="%23202124"/></svg>');
        --devsite-select-border-radius: 2px;
        --devsite-note-notice-background: #6c7689;
        --devsite-note-notice-border-color: transparent;
        --devsite-note-notice-color: #dfcc93;
    }

    .button,
    .devsite-footer-utility-button > a,
    button,
    input[type=button],
    input[type=file],
    input[type=image],
    input[type=reset],
    input[type=submit] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -webkit-align-self: var(--devsite-button-align-self);
        -ms-flex-item-align: var(--devsite-button-align-self);
        align-self: var(--devsite-button-align-self);
        background: var(--devsite-button-background, var(--devsite-background-1));
        border: var(--devsite-button-border, 0);
        border-radius: var(--devsite-button-border-radius, 2px);
        box-shadow: var(--devsite-button-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color));
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #a8cdc5;
        cursor: pointer;
        display: inline-block;
        font: var(--devsite-button-font, 500 14px/36px var(--devsite-primary-font-family));
        height: var(--devsite-button-height, 36px);
        letter-spacing: var(--devsite-button-letter-spacing, 0);
        line-height: var(--devsite-button-line-height, 36px);
        margin: var(--devsite-button-margin, 0);
        -webkit-margin-end: var(--devsite-button-margin-x-end);
        -moz-margin-end: var(--devsite-button-margin-x-end);
        margin-inline-end: var(--devsite-button-margin-x-end);
        max-width: var(--devsite-button-max-width, none);
        min-width: 36px;
        outline: 0;
        overflow: hidden;
        padding: var(--devsite-button-padding, 0 16px);
        text-align: center;
        text-decoration: none;
        text-overflow: ellipsis;
        text-transform: var(--devsite-button-text-transform, uppercase);
        -webkit-transition: background-color .2s, border .2s, box-shadow .2s;
        transition: background-color .2s, border .2s, box-shadow .2s;
        vertical-align: middle;
        white-space: nowrap;
        width: var(--devsite-button-width, auto);
    }

    devsite-code,
    devsite-content {
        --devsite-code-background: #39515d;
        --devsite-code-color: #ffffff;
        --devsite-var-color: #d01884;
    }

    [theme=white] {
        --devsite-primary-color: #1b1919;
        --devsite-secondary-color: #c3c4c9;
        --devsite-cta-background: var(--devsite-link-color);
        --devsite-feedback-icon-background: var(--devsite-link-color);
        --devsite-header-border: 1px solid #bdc1c6;
        --devsite-header-foreground-lower: var(--devsite-secondary-text-color);
        --devsite-header-foreground-lower-hover: var(--devsite-primary-text-color);
        --devsite-header-foreground-lower-active: var(--devsite-primary-text-color);
        --devsite-progress-background-color: #5f6368;
        --devsite-toc-border: #039be5;
        --devsite-user-avatar-background: var(--devsite-link-color);
        --devsite-user-avatar-color: var(--devsite-inverted-text-color)
    }
    table {
        --devsite-alt-table-cell-background: rgb(21 29 33 / 75%);
        --devsite-h2-border: 0;
        --devsite-responsive-table-first-column-background: #4c4e4f;
        --devsite-table-cell-background: hsl(0deg 1.15% 21.16% / 95%);
        --devsite-table-heading-background: #292b2d;
    }
}