Ecosia purple theme based on the default dark theme.
Ecosia Purple Mode by lopis
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
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;
}
}