/* ==UserStyle==
@name ProtonMail DeepDark
@namespace gitlab.com/RaitaroH/ProtonMail-DeepDark
@homepageURL https://gitlab.com/RaitaroH/ProtonMail-DeepDark
@version 1.0.4
@updateURL https://gitlab.com/RaitaroH/ProtonMail-DeepDark/raw/master/ProtonMail-DeepDark.user.css
@description Emails should be written and read in the dark. May the dark be kinder on thine eyes. (PrtonMail dark theme)
@author RaitaroH
@license GNU-V3.0
==/UserStyle== */

    /*Main color variables*/
    :root
    {
        --main-color: #00adee;
        --main-background: #111111;
        --second-background: #181818;
        --hover-background: #232323;
        --main-text: #eff0f1;
        --dimmer-text: #CCCCCC;
    }

    /*Scrollbar fix for chrome*/
    body::-webkit-scrollbar-thumb
    {
        height: 56px;
        background: hsla(0, 0%, 53.3%, .4);
    }
    body::-webkit-scrollbar
    {
        width: 8px;
    }

    /*Changed text highlight*/
    ::selection
    {
        background: var(--main-color) !important;
        color: var(--main-text) !important;
    }
    ::-moz-selection
    {
        background: var(--main-color) !important;
        color: var(--main-text) !important;
    }
    input::-moz-selection, textarea::-moz-selection
    {
        background: var(--main-background) !important;
        color: var(--main-text) !important;
    }

    /*Outline for links*/
    a
    {
        color: var(--main-text) !important;
        outline-color: var(--main-color) !important;
    }
    a:hover
    {
        color: var(--main-color) !important;
    }

    /*Background for the entire page*/
    html, body
    {
        background: var(--main-background) !important;
        color: var(--main-text) !important;
    }

    p, li:not(.labelModal-item)
    {
        color: var(--dimmer-text) !important;
    }

    fa
    {
        fill: var(--main-text) !important;
    }
    fa:hover
    {
        fill: var(--main-color) !important;
    }

    /*Progress*/
    #sidebar-left
    {
        background: var(--hover-background) !important;
    }
    #header
    {
        background: var(--hover-background) !important;
    }
    li
    {
        background-color: var(--hover-background) !important;
    }