Darken Proton Docs by royalba94

/* ==UserStyle==
@name           Darken Proton Docs
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Darken the docs editor and save your eyes!
@author         Royalba94
==/UserStyle== */

@-moz-document domain("docs.proton.me"), domain("docs-editor.proton.me") {
    /* Insert code here... */
    
:root, .ui-standard {
    --primary-minor-2: #696969;
    --primary-minor-1: #7e7e7f;
    --primary: #6d4aff;
    --primary-major-1: #6243e6;
    --primary-major-2: #573bcc;
    --primary-major-3: #4c34b3;
    --primary-contrast: #333232;
    --signal-danger-minor-2: #fcebee;
    --signal-danger-minor-1: #f8d6dc;
    --signal-danger: #dc3251;
    --signal-danger-major-1: #c62d49;
    --signal-danger-major-2: #b02841;
    --signal-danger-major-3: #9a2339;
    --signal-danger-contrast: #ffffff;
    --signal-warning-minor-2: #fff5e6;
    --signal-warning-minor-1: #ffebcc;
    --signal-warning: #ff9900;
    --signal-warning-major-1: #f27d00;
    --signal-warning-major-2: #e66300;
    --signal-warning-major-3: #d94c00;
    --signal-warning-contrast: #000000;
    --signal-success-minor-2: #e9f6f3;
    --signal-success-minor-1: #d2eee7;
    --signal-success: #1ea885;
    --signal-success-major-1: #1b9778;
    --signal-success-major-2: #18866a;
    --signal-success-major-3: #15765d;
    --signal-success-contrast: #ffffff;
    --signal-info-minor-2: #e9f5fa;
    --signal-info-minor-1: #d3ecf5;
    --signal-info: #239ece;
    --signal-info-major-1: #208eb9;
    --signal-info-major-2: #1c7ea5;
    --signal-info-major-3: #196f90;
    --signal-info-contrast: #ffffff;
    --interaction-norm-minor-2: #f0edff;
    --interaction-norm-minor-1: #e2dbff;
    --interaction-norm: #6d4aff;
    --interaction-norm-major-1: #6243e6;
    --interaction-norm-major-2: #573bcc;
    --interaction-norm-major-3: #4c34b3;
    --interaction-norm-contrast: #ffffff;
    --interaction-weak-minor-2: #f9f8f7;
    --interaction-weak-minor-1: #f5f3f2;
    --interaction-weak: #eae7e4;
    --interaction-weak-major-1: #dedbd9;
    --interaction-weak-major-2: #d3d0cd;
    --interaction-weak-major-3: #c7c4c2;
    --interaction-weak-contrast: #000000;
    --text-norm: #0c0c14;
    --text-weak: #282727;
    --text-hint: #8f8d8a;
    --text-disabled: #c2bfbc;
    --text-invert: white;
    --field-norm: #adaba8;
    --field-hover: #8f8d8a;
    --field-disabled: #d1cfcd;
    --focus-outline: #6d4aff;
    --focus-ring: rgba(109, 74, 255, 0.2);
    --border-norm: #282828;
    --border-weak: #555;
    --background-norm: #555555;
    --background-weak: #a1a1a1;
    --background-strong: #4b4b4b;
    --background-invert: #cacaca;
    --interaction-default: transparent;
    --interaction-default-hover: rgba(194, 193, 192, 0.2);
    --interaction-default-active: rgba(194, 192, 190, 0.35);
    --shadow-primary-color: 109 74 255;
    --shadow-norm-opacity: 0.1;
    --shadow-raised-opacity: 0.1;
    --shadow-lifted-opacity: 0.16;
    --backdrop-norm: rgba(38, 42, 51, 0.48);
    --optional-scrollbar-thumb-color: #6a6968;
    --optional-main-border-width: 0;
    --optional-background-lowered: #656565;
    --optional-background-elevated: #575757;
    --optional-email-item-read-text-color: #3d3c3c;
    --optional-email-item-selected-background-color: var( --interaction-norm-major-1 );
    --optional-email-item-selected-icon-background-color: var( --interaction-norm-major-3 );
    --optional-link-norm: initial;
    --optional-link-hover: initial;
    --optional-link-active: initial;
    --optional-mini-calendar-today-color: initial;
    --optional-logo-text-proton-color: initial;
    --optional-logo-text-product-color: initial;
    --optional-promotion-text-color: #15006f;
    --optional-promotion-text-weak: #50409b;
    --optional-promotion-interaction-hover: rgba(109, 74, 255, 0.08);
    --optional-promotion-background-start: rgba(109, 74, 255, 0.15);
    --optional-promotion-background-end: rgba(70, 26, 255, 0.04);
    --optional-bg-promotion-bw-button: var(--background-invert);
    --optional-text-promotion-bw-button: var(--text-invert);
}
    
.DocumentEditor {
    background: #555 !important;
    color: #000;
}
    
.bg-norm, .even\:bg-norm>:nth-child(2n), .odd\:bg-norm>:nth-child(odd) {
    background-color: #555 !important;
}
    
.button {
    background-color: #777;
}
    
}