Ecosia Purple Mode by lopis

/* ==UserStyle==
@name         Ecosia Purple Mode
@version      20230605.11.22
@namespace    userstyles.world/user/lopis
@description  Ecosia purple theme based on the default dark theme.
@author       lopis
@license      No License
==/UserStyle== */

@-moz-document domain("www.ecosia.org") {
:root {
    --color1: #1F1D36;
    --color2: #3F3351;
    --color3: #864879;
    --color4: #E9A6A6;
}


.dark {
	--color-brand-primary: #864879;
	--color-brand-secondary: ##E9A6A6;
	--color-error: #fd4256;
	--color-success: #5dd25e;
	--color-disabled: #3F3351;
	--color-button-background-primary: #864879;
	--color-button-background-primary-active: #864879;
	--color-button-background-primary-hover: #864879;
	--color-button-background-secondary: #1F1D36;
	--color-button-background-secondary-active: #1F1D36;
	--color-button-background-secondary-hover: #1F1D36;
	--color-button-background-transparent-hover: rgba(233, 166, 166, .16);
	--color-button-background-transparent-active: rgba(233, 166, 166, .32);
	--color-button-content-primary: #1F1D36;
	--color-button-content-secondary: #e9d4d4;
	--color-button-content-tertiary: #E9A6A6;
	--color-button-border: #e9d4d4;
	--color-background-primary: #1F1D36;
	--color-highlighter: rgba(233, 166, 166, .32);
	--color-highlight-primary: rgba(233, 166, 166, .32);
	--color-background-secondary: #3F3351;
	--color-background-tertiary: #3F3351;
	--color-background-quaternary: #3F3351;
	--color-background-elevation-1: #3F3351;
	--color-overlay-primary: rgba(51,51,51,0.5);
	--color-overlay-secondary: hsla(0,0%,100%,0.7);
	--color-text-primary: #e9d4d4;
	--color-text-secondary: #886eaf;
	--color-text-tertiary: #fff;
	--color-link-primary: ##E9A6A6;
	--color-link-secondary: #E9A6A6;
	--color-url: #886eaf;
	--color-link-results-default: #E9A6A6;
	--color-link-results-visited: #84626e;
	--color-decorative-icon: #e9d4d4;
	--color-decorative-border-1: #3F3351;
	--color-focused: #d771c2;
	--color-form-border-default: #864879;
	--color-form-border-hover: #864879;
	--color-form-border-primary-active: #864879;
	--color-tripadvisor-rating: #864879;
	--color-tree-counter-tree-short-primary: #3F3351;
	--color-tree-counter-tree-short: var(--color-tree-counter-tree-short-primary);
	--color-tree-counter-tree-tall: #3F3351;
	--color-forest-background-addon: #1F1D36;
	--color-forest-background-secondary: #3F3351;
	--color-green-leaf-icon-color-top: #E9A6A6;
	--color-green-leaf-icon-color-bottom: #aa7272;
	--color-fossil-fuel-icon-color-top: #E9A6A6;
	--color-fossil-fuel-icon-color-bottom: #aa7272;
	--color-section-wrapper-background-gray: #1F1D36;
	--color-section-wrapper-background-dark-green: #3F3351;
	--color-section-wrapper-background-light-green: #3F3351;
	--color-section-header-title: #E9A6A6;
	--color-section-header-subtitle-variant: var(--color-text-primary);
    --color-above-fold-background-addon: var(--color-background-primary);
}

.wave-separator--variant-primary,
.wave-separator {
    mix-blend-mode: luminosity;
    background-blend-mode: luminosity !important;
}

.map-section {
    mix-blend-mode: luminosity;
}

img:not(:hover):not([src*=".svg"]):not(.) :not(.image-result__image) {
	mix-blend-mode: luminosity;
}
}