Pink Ecosia by frugbug

/* ==UserStyle==
@name         Pink Ecosia
@version      20250121.16.52
@namespace    https://userstyles.world/user/frugbug
@description  Gives the Ecosia search engine a pink makeover
@author       frugbug
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.ecosia.org/") {
/*personal style common variables*/
:root {
  --primary: rgb(198, 91, 115);
  --secondary: rgb(239, 167, 184);
  --background: rgb(17, 14, 16);
  --background-darker: rgb(12, 10, 11);
  --background-brighter: rgb(45, 36, 42);
  --box: rgb(30, 26, 29);
  --box-highlight: rgba(63, 54, 61, 0.8);
  --box-highlight-solid: rgba(63, 54, 61, 1);
  --box-highlight-bright: rgba(100, 81, 95, .8);
  --bright-text: rgb(255, 216, 225);
  --muted-text: rgb(204, 177, 184);
  --button: rgb(58, 49, 56);
  --swiper-theme-color: rgb(175, 68, 109);
  --rounding: 8px;
  
  --primary-v: 198 91 115;
  --secondary-v: 239 167 184;
  --background-v: 17 14 16;
  --background-darker-v: 12 10 11;
  --box-v: 30 26 29;
  --box-highlight-v: 63 54 61 0.8;
  --bright-text-v: 255 216 225;
  --muted-text-v: 204 177 184;
  --button-v: 58 49 56;
  --swiper-theme-color-v: 175 68 109;
  --rounding-v: 8;
}

.dark {
    --color-brand-primary: var(--secondary);
    --color-brand-secondary: var(--primary);
/*     --color-error: #fd4256; */
/*     --color-success: #5dd25e; */
/*     --color-disabled: #4c4c4c; */
    --color-button-background-primary: var(--primary);
    --color-button-background-primary-active: var(--secondary);
    --color-button-background-primary-hover: var(--secondary);
    --color-button-background-secondary: var(--box);
    --color-button-background-secondary-active: var(--box-highlight-bright);
    --color-button-background-secondary-hover: var(--box-highlight);
    --color-button-background-transparent-hover: var(--box-highlight);
/*     --color-button-background-transparent-active: rgba(222, 222, 217, .32); */
/*     --color-button-background-negative: #FCB3AF; */
/*     --color-button-background-negative-hover: #FD8786; */
/*     --color-button-background-negative-active: #FD4256; */
    --color-button-content-primary: var(--background);
    --color-button-content-secondary: #aa9ca3;
    --color-button-content-tertiary: var(--secondary);
    --color-button-border: var(--box-highlight-bright);
    --color-background-primary: var(--box);
/*     --color-background-inverse-primary: #f0f0eb; */
    --color-highlighter: rgb(var(--primary-v) / 0.4);
    --color-highlight-primary: rgb(var(--primary-v) / 0.4);
    --color-background-secondary: var(--background);
    --color-background-tertiary: var(--background);
/*     --color-background-quaternary: #333333; */
/*     --color-background-brand-primary: #5dd25e; */
/*     --color-background-brand-secondary: #668a7a; */
    --color-background-brand-secondary-alt: var(--box-highlight);
    --color-background-elevation-1: var(--box-highlight-solid);
/*     --color-overlay-secondary: rgba(255, 255, 255, .7); */
/*     --color-text-primary: #ffffff; */
/*     --color-text-inverse-primary: #1a1a1a; */
/*     --color-text-brand-secondary: #ffffff; */
/*     --color-text-secondary: #deded9; */
/*     --color-text-inverse-secondary: #333333; */
/*     --color-text-overline-primary: #f7bc00; */
    --color-link-primary: var(--secondary);
    --color-link-secondary: #deded9;
/*     --color-link-inverse: #333333; */
/*     --color-url: #ffffff; */
    --color-link-results-default: #ffaacd;
    --color-link-results-visited: #af85d7;
/*     --color-decorative-icon: #ffffff; */
    --color-decorative-border-1: var(--box-highlight);
/*     --color-focused: #0094c7; */
    --color-form-border-default: var(--box-highlight);
    --color-form-border-hover: var(--box-highlight-bright);
    --color-form-border-primary-active: var(--secondary);
/*     --color-tripadvisor-rating: #84e9bd; */
/*     --color-tree-counter-tree-short-primary: #003c03; */
/*     --color-tree-counter-tree-short: var(--color-tree-counter-tree-short-primary); */
/*     --color-tree-counter-tree-tall: #40521f; */
/*     --color-personal-counter-progress-background: var(--color-disabled); */
/*     --color-green-leaf-icon-color-top: #afe9b0; */
/*     --color-green-leaf-icon-color-bottom: #5dd25e; */
/*     --color-fossil-fuel-icon-color-top: #e5dcde; */
/*     --color-fossil-fuel-icon-color-bottom: #cbbabe; */
    --color-link-results-default-variant-1: #ffaacd;
    --color-link-results-visited-variant-1: #af85d7;
/*     --color-link-results-default-variant-2: #83D1FD; */
/*     --color-link-results-visited-variant-2: #D28CF2; */
}

.dark .main-nav__dropdown.dropdown.dropdown--side-right {
  background-color: var(--background-brighter);
}

.dark .web[data-v-36d94819],
.dark p.news-result__description,
.dark p.video-result__description{
  font-weight: 250;
}

.dark .footer-card__illustration[data-v-b0686807] {
  filter: hue-rotate(220deg) saturate(0.65);
}

.dark .forest-section__forest--visible[data-v-257a806c] {
  filter: sepia(0.9) saturate(2) hue-rotate(270deg);
}

/* ecosia browser pitch page */
.dark .wave-separator--variant-secondary.wave-separator--visible[data-v-7044392c],
.dark .wave-separator--variant-tertiary.wave-separator--visible[data-v-7044392c],
.dark .wave-separator--variant-primary.wave-separator--visible[data-v-7044392c] {
  filter: sepia(1) hue-rotate(258deg) saturate(0.69) brightness(1.095);
}

.dark .browser-card-image, .slider__slide, .privacy-section__image {
  filter: hue-rotate(225deg);
}

/* images page */
a.image-preview__image-link {
  transition: background 1s;
}

a.image-preview__image-link:hover {
  background: repeating-linear-gradient(
    45deg,
    transparent 0px,
    rgba(255, 255, 255, 0.1) 1px,
    rgba(255, 255, 255, 0.1) 2px,
    transparent 3px,
    transparent 8px
  );
}

/* ai chat */
.dark .message__user[data-v-dc358529] {
  background-color: var(--primary);
}

.dark .message__assistant.standard-mode[data-v-dc358529],
.dark .text.standard-mode[data-v-c8068626],
.dark .container.standard-mode[data-v-c8068626],
.dark .mode.standard[data-v-1f442830] {
  background-color: var(--box-highlight-solid);
}

.dark textarea[data-v-1d32c05f]:disabled,
.dark .conversation__controls-input-container--disabled[data-v-5262ee33] {
/*   color: var(--color-disabled); */
  background-color: var(--box-highlight-solid);
}
}