Skip to content

Ecosia Purple Mode by lopis

Screenshot of Ecosia Purple Mode

Details

Authorlopis

LicenseNo License

Categorywww.ecosia.org

Created

Updated

Size3.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Ecosia purple theme based on the default dark theme.

Notes

Userstyle doesn't have notes.

Source code

/* ==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;
}
}

Reviews

No reviews yet.