Super Productivity - Dracula by benherbst

/* ==UserStyle==
@name         Super Productivity - Dracula 
@version      20220114.21.30
@namespace    userstyles.world/user/benherbst
@description  Dracula theme for Super Productivity. Copied from https://github.com/johannesjo/super-productivity-themes/blob/main/dist/dracula/dracula.css
@author       benherbst
@license      MIT License
==/UserStyle== */

@-moz-document domain("super-productivity.com") {
body,body .page-wrapper,body.isDarkTheme,body.isDarkTheme .page-wrapper,body.isDarkTheme.isDisableBackgroundGradient .page-wrapper,body.isDisableBackgroundGradient .page-wrapper,body.isEnabledBackgroundGradient .page-wrapper,body.isLightTheme .page-wrapper,body.isLightTheme.isDisableBackgroundGradient .page-wrapper,body.isMac.isEnabledBackgroundGradient .page-wrapper,body.isWeb.isEnabledBackgroundGradient .page-wrapper{color:var(--color-foreground)}.isLightTheme .first-line:hover .hover-controls::before,body .first-line:hover .hover-controls::before,body.isDarkTheme .first-line:hover .hover-controls::before,body.isDarkTheme.isDisableBackgroundGradient .first-line:hover .hover-controls::before,body.isDarkTheme.isDisableBackgroundGradient::before,body.isDarkTheme::before,body.isDisableBackgroundGradient .first-line:hover .hover-controls::before,body.isDisableBackgroundGradient::before,body.isEnabledBackgroundGradient .first-line:hover .hover-controls::before,body.isEnabledBackgroundGradient::before,body.isLightTheme .first-line:hover .hover-controls::before,body.isLightTheme.isDisableBackgroundGradient .first-line:hover .hover-controls::before,body.isLightTheme.isDisableBackgroundGradient::before,body.isLightTheme::before,body.isMac.isEnabledBackgroundGradient .first-line:hover .hover-controls::before,body.isMac.isEnabledBackgroundGradient::before,body.isWeb.isEnabledBackgroundGradient .first-line:hover .hover-controls::before,body.isWeb.isEnabledBackgroundGradient::before,body::before{display:none}:root{--color-white:#fff;--color-foreground:#ebebeb;--color-background-sidebar:#2e2e2e;--color-border-sidebar:#2e2e2e;--color-border-divider-sidebar:#2e2e2e;--color-background-main:#121212;--color-background-panels:#222;--color-border-panels:#3d3d3d;--color-background-slide-toggle-bar-disabled:#444;--color-background-setting-buttons:#424242;--color-background-banner:#383838;--color-background-task:#1e1e1e;--color-disabled-dates:rgba(255, 255, 255, .4);--color-tag-title:rgba(255, 255, 255, .6);--color-large-toggle-panels:#272727;--color-large-toggle-panels-inputs:#2c2c2c;--color-inputs-focused:var(--color-background-task);--color-purple:#ff4081;--color-accent:var(--color-purple);--palette-accent-500:var(--color-accent);--color-info-bar:var(--color-tag-title);--color-current:#44475a;--color-background:#282a36;--color-foreground:#f8f8f2;--color-comment:#6272a4;--color-cyan:#8be9fd;--color-green:#50fa7b;--color-orange:#ffb86c;--color-pink:#ff79c6;--color-purple:#bd93f9;--color-red:#f55;--color-yellow:#f1fa8c;--color-background-main:#282a36;--color-background-sidebar:#232830;--color-border-sidebar:#232830;--color-border-divider-sidebar:#232830;--color-background-panels:#22242e;--color-border-panels:#232830;--color-background-slide-toggle-bar-disabled:#444;--color-background-setting-buttons:#313342;--color-background-banner:#313342;--color-background-task:#262935;--color-tag-title:rgba(255, 255, 255, .6);--color-large-toggle-panels:#22242e;--color-large-toggle-panels-inputs:#22242e;--color-disabled-dates:rgba(255, 255, 255, .4);--color-accent:var(--color-purple);--color-info-bar:var(--color-tag-title)}*{box-shadow:none!important}body,body.isDarkTheme,body.isDarkTheme.isDisableBackgroundGradient,body.isDisableBackgroundGradient,body.isEnabledBackgroundGradient,body.isLightTheme,body.isLightTheme.isDisableBackgroundGradient,body.isMac.isEnabledBackgroundGradient,body.isWeb.isEnabledBackgroundGradient{background-color:var(--color-background-main)}body .version-footer a[href],body.isDarkTheme .version-footer a[href],body.isDarkTheme.isDisableBackgroundGradient .version-footer a[href],body.isDisableBackgroundGradient .version-footer a[href],body.isEnabledBackgroundGradient .version-footer a[href],body.isLightTheme .version-footer a[href],body.isLightTheme.isDisableBackgroundGradient .version-footer a[href],body.isMac.isEnabledBackgroundGradient .version-footer a[href],body.isWeb.isEnabledBackgroundGradient .version-footer a[href]{color:var(--color-accent);text-decoration:none}body :focus .input-item,body :focus .mat-expansion-panel,body :focus>.inner-wrapper>.box,body.isDarkTheme :focus .input-item,body.isDarkTheme :focus .mat-expansion-panel,body.isDarkTheme :focus>.inner-wrapper>.box,body.isDarkTheme.isDisableBackgroundGradient :focus .input-item,body.isDarkTheme.isDisableBackgroundGradient :focus .mat-expansion-panel,body.isDarkTheme.isDisableBackgroundGradient :focus>.inner-wrapper>.box,body.isDarkTheme.isDisableBackgroundGradient.isNoTouchOnly :focus>.inner-wrapper>.box,body.isDarkTheme.isDisableBackgroundGradient.isNoTouchOnly:focus>.inner-wrapper>.box,body.isDarkTheme.isNoTouchOnly :focus>.inner-wrapper>.box,body.isDarkTheme.isNoTouchOnly:focus>.inner-wrapper>.box,body.isDisableBackgroundGradient :focus .input-item,body.isDisableBackgroundGradient :focus .mat-expansion-panel,body.isDisableBackgroundGradient :focus>.inner-wrapper>.box,body.isDisableBackgroundGradient.isNoTouchOnly :focus>.inner-wrapper>.box,body.isDisableBackgroundGradient.isNoTouchOnly:focus>.inner-wrapper>.box,body.isEnabledBackgroundGradient :focus .input-item,body.isEnabledBackgroundGradient :focus .mat-expansion-panel,body.isEnabledBackgroundGradient :focus>.inner-wrapper>.box,body.isEnabledBackgroundGradient.isNoTouchOnly :focus>.inner-wrapper>.box,body.isEnabledBackgroundGradient.isNoTouchOnly:focus>.inner-wrapper>.box,body.isLightTheme :focus .input-item,body.isLightTheme :focus .mat-expansion-panel,body.isLightTheme :focus>.inner-wrapper>.box,body.isLightTheme.isDisableBackgroundGradient :focus .input-item,body.isLightTheme.isDisableBackgroundGradient :focus .mat-expansion-panel,body.isLightTheme.isDisableBackgroundGradient :focus>.inner-wrapper>.box,body.isLightTheme.isDisableBackgroundGradient.isNoTouchOnly :focus>.inner-wrapper>.box,body.isLightTheme.isDisableBackgroundGradient.isNoTouchOnly:focus>.inner-wrapper>.box,body.isLightTheme.isNoTouchOnly :focus>.inner-wrapper>.box,body.isLightTheme.isNoTouchOnly:focus>.inner-wrapper>.box,body.isMac.isEnabledBackgroundGradient :focus .input-item,body.isMac.isEnabledBackgroundGradient :focus .mat-expansion-panel,body.isMac.isEnabledBackgroundGradient :focus>.inner-wrapper>.box,body.isMac.isEnabledBackgroundGradient.isNoTouchOnly :focus>.inner-wrapper>.box,body.isMac.isEnabledBackgroundGradient.isNoTouchOnly:focus>.inner-wrapper>.box,body.isNoTouchOnly :focus>.inner-wrapper>.box,body.isNoTouchOnly:focus>.inner-wrapper>.box,body.isWeb.isEnabledBackgroundGradient :focus .input-item,body.isWeb.isEnabledBackgroundGradient :focus .mat-expansion-panel,body.isWeb.isEnabledBackgroundGradient :focus>.inner-wrapper>.box,body.isWeb.isEnabledBackgroundGradient.isNoTouchOnly :focus>.inner-wrapper>.box,body.isWeb.isEnabledBackgroundGradient.isNoTouchOnly:focus>.inner-wrapper>.box{border-color:var(--color-accent)!important}body .bg-accent,body.isDarkTheme .bg-accent,body.isDarkTheme.isDisableBackgroundGradient .bg-accent,body.isDisableBackgroundGradient .bg-accent,body.isEnabledBackgroundGradient .bg-accent,body.isLightTheme .bg-accent,body.isLightTheme.isDisableBackgroundGradient .bg-accent,body.isMac.isEnabledBackgroundGradient .bg-accent,body.isWeb.isEnabledBackgroundGradient .bg-accent{background-color:var(--color-accent)}body .project .project-color:not([style]),body .project .tag-color:not([style]),body .project.isActiveContext .project-color:not([style]),body .project.isActiveContext .tag-color:not([style]),body .project.isActiveRoute::before:not([style]),body .project:hover .project-color:not([style]),body .project:hover .tag-color:not([style]),body .route-link .project-color:not([style]),body .route-link .tag-color:not([style]),body .route-link.isActiveContext .project-color:not([style]),body .route-link.isActiveContext .tag-color:not([style]),body .route-link.isActiveRoute::before:not([style]),body .route-link:hover .project-color:not([style]),body .route-link:hover .tag-color:not([style]),body .tag .project-color:not([style]),body .tag .tag-color:not([style]),body .tag.isActiveContext .project-color:not([style]),body .tag.isActiveContext .tag-color:not([style]),body .tag.isActiveRoute::before:not([style]),body .tag:hover .project-color:not([style]),body .tag:hover .tag-color:not([style]),body.isDarkTheme .project .project-color:not([style]),body.isDarkTheme .project .tag-color:not([style]),body.isDarkTheme .project.isActiveContext .project-color:not([style]),body.isDarkTheme .project.isActiveContext .tag-color:not([style]),body.isDarkTheme .project.isActiveRoute::before:not([style]),body.isDarkTheme .project:hover .project-color:not([style]),body.isDarkTheme .project:hover .tag-color:not([style]),body.isDarkTheme .route-link .project-color:not([style]),body.isDarkTheme .route-link .tag-color:not([style]),body.isDarkTheme .route-link.isActiveContext .project-color:not([style]),body.isDarkTheme .route-link.isActiveContext .tag-color:not([style]),body.isDarkTheme .route-link.isActiveRoute::before:not([style]),body.isDarkTheme .route-link:hover .project-color:not([style]),body.isDarkTheme .route-link:hover .tag-color:not([style]),body.isDarkTheme .tag .project-color:not([style]),body.isDarkTheme .tag .tag-color:not([style]),body.isDarkTheme .tag.isActiveContext .project-color:not([style]),body.isDarkTheme .tag.isActiveContext .tag-color:not([style]),body.isDarkTheme .tag.isActiveRoute::before:not([style]),body.isDarkTheme .tag:hover .project-color:not([style]),body.isDarkTheme .tag:hover .tag-color:not([style]),body.isDarkTheme.isDisableBackgroundGradient .project .project-color:not([style]),body.isDarkTheme...