Feedly Dark Material Purple by smiller171

/* ==UserStyle==
@name         Feedly Dark Material Purple
@version      20220616.20.18
@namespace    userstyles.world/user/smiller171
@description  Make the Feedly dark theme a bit nicer to look at
@preprocessor stylus
@author       smiller171
@license      MIT
@var  checkbox  hideUpgradeButton "Hide Upgrade Button" 0
==/UserStyle== */
@-moz-document domain("feedly.com") {
    .theme--dark {
        --stylish-material-dark-primary: rgba(229, 180, 255, 1);
        --stylish-material-dark-on-primary: rgba(77, 0, 122, 1);
        --stylish-material-dark-primary-container: rgba(106, 28, 154, 1);
        --stylish-material-dark-on-primary-container: rgba(245, 217, 255, 1);
        --stylish-material-dark-secondary: rgba(211, 193, 217, 1);
        --stylish-material-dark-on-secondary: rgba(56, 44, 63, 1);
        --stylish-material-dark-secondary-container: rgba(79, 66, 86, 1);
        --stylish-material-dark-on-secondary-container: rgba(239, 220, 245, 1);
        --stylish-material-dark-tertiary: rgba(139, 205, 255, 1);
        --stylish-material-dark-on-tertiary: rgba(0, 52, 80, 1);
        --stylish-material-dark-tertiary-container: rgba(0, 75, 113, 1);
        --stylish-material-dark-on-tertiary-container: rgba(201, 230, 255, 1);
        --stylish-material-dark-background: rgba(29, 27, 30, 1);
        --stylish-material-dark-on-background: rgba(232, 225, 229, 1);
        --stylish-material-dark-surface: rgba(29, 27, 30, 1);
        --stylish-material-dark-on-surface: rgba(232, 225, 229, 1);
        --stylish-material-dark-surface-variant: rgba(75, 68, 77, 1);
        --stylish-material-dark-on-surface-variant: rgba(205, 195, 205, 1);
        --stylish-material-dark-outline: rgba(151, 142, 152, 1);
        --stylish-material-dark-surface-1: rgba(229, 180, 255, 0.05);
        --stylish-material-dark-surface-2: rgba(229, 180, 255, 0.08);
        --stylish-material-dark-surface-3: rgba(229, 180, 255, 0.11);
        --stylish-material-dark-surface-4: rgba(229, 180, 255, 0.12);
        --stylish-material-dark-surface-5: rgba(229, 180, 255, 0.14);

        --feedly-icon-color-default: var(--stylish-material-dark-on-surface);
        --feedly-icon-color-accent: var(--stylish-material-dark-primary);
    }

    .theme--dark,
    .home.theme--dark,
    .theme--dark .entryholder,
    .theme--dark .floatingEntryContent,
    .theme--dark #feedlyChrome,
    .theme--dark #feedlyPageHolderFX,
    .theme--dark #topHeaderBarFX {
        background-color: var(--stylish-material-dark-background);
        color: var(--stylish-material-dark-on-background);
        --feedly-icon-color-default: var(--stylish-material-dark-on-background);
    }

    .theme--dark .floatingEntryContent .floatingEntryScroller {
        background-color: var(--stylish-material-dark-surface-1);
        color: var(--stylish-material-dark-on-surface);
    }

    .theme--dark .floatingEntryScroller * {
        background-color: rgba(0, 0, 0, 0);
    }

    .theme--dark .entryholder .visitWebsiteButton {
        background-color: var(--stylish-material-dark-primary);
        color: var(--stylish-material-dark-on-primary);
        --feedly-icon-color-default: var(--stylish-material-dark-on-primary);
    }

    .theme--dark .LeftnavList {
        background-color: var(--stylish-material-dark-surface-1);
        color: var(--stylish-material-dark-on-surface);
        border-color: var(--stylish-material-dark-outline);
        --feedly-icon-color-default: var(--stylish-material-dark-on-surface);
    }

    .theme--dark #feedlyPageHolderFX .entry {
        background-color: var(--stylish-material-dark-surface-1);
        color: var(--stylish-material-dark-on-surface);
    }

    .theme--dark .LeftnavListRow--selected,
    .theme--dark .LeftnavListRow--selected:hover,
    .theme--dark .LeftnavListRow--selected .LeftnavListRow__count {
        color: var(--stylish-material-dark-primary);
        border-left-color: var(--stylish-material-dark-primary);
    }
    

    .theme--dark .fixed-bar,
    .theme--dark .TopHeaderBar,
    .theme--dark #headerBarFX,
    .theme--dark .ShareBar {
        background-color: var(--stylish-material-dark-primary-container);
        color: var(--stylish-material-dark-on-primary-container);
        --feedly-icon-color-default: var(--stylish-material-dark-on-primary-container);
        border: none;
        .header__sticky-heading {
            color: var(--stylish-material-dark-on-primary-container);
        }
    }

    .theme--dark .TopHeaderBar__actions button {
        --button-color: var(--stylish-material-dark-tertiary);
        color: var(--stylish-material-dark-on-tertiary);
        if hideUpgradeButton {
            display: none;
        }
    }
    
    .theme--dark .LeftnavPin__background,
    .theme--dark .LeftnavPin .icon,
    .theme--dark .LeftnavPin__background::before,
    .theme--dark .LeftnavPin__background::after {
        background-color: var(--stylish-material-dark-surface-variant);
        border-color: var(--stylish-material-dark-outline);
        color: var(--stylish-material-dark-on-surface-variant);
        --feedly-icon-color-default: var(--stylish-material-dark-on-surface-variant);
    }
    
    .theme--dark .EmptyState__actions .EmptyState__button {
        background-color: var(--stylish-material-dark-primary);
        color: var(--stylish-material-dark-on-primary);
        --feedly-icon-color-default: var(--stylish-material-dark-on-primary);
    }
    
    .theme--dark .LeftnavDock {
        background-color: var(--stylish-material-dark-background);
        color: var(--stylish-material-dark-on-background);
        --feedly-icon-color-default: var(--stylish-material-dark-on-background);
    }
    

    @css {
        .theme--dark .floatingEntryContent__tab--current {
            color: rgba(245, 217, 255, 1);
            --feedly-icon-color-default: rgba(245, 217, 255, 1);
            background-image: url(data:image/png;base64,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);
        }
    }
}