[GH-ISSUE #660] [THEME] Rosé Pine #420

New issue

Closed

opened 2026-02-25 20:35:43 +03:00 by kerem · 1 comment

kerem commented

2026-02-25 20:35:43 +03:00

Owner

Originally created by @ThatOneCalculator on GitHub (Feb 17, 2022).
Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/660

Originally assigned to: @benbusby on GitHub.

As seen on https://github.com/rose-pine/whoogle

:root {
    /* LIGHT THEME COLORS */
    --whoogle-logo: #c4a7e7;
    --whoogle-page-bg: #faf4ed;
    --whoogle-element-bg: #f2e9e1;
    --whoogle-text: #575279;
    --whoogle-contrast-text: #1f1d2e;
    --whoogle-secondary-text: #797593;
    --whoogle-result-bg: #faf4ed;
    --whoogle-result-title: #d7827e;
    --whoogle-result-url: #286983;
    --whoogle-result-visited: #907aa9;

    /* DARK THEME COLORS */
    --whoogle-dark-logo: #c4a7e7;
    --whoogle-dark-page-bg: #191724;
    --whoogle-dark-element-bg: #1f1d2e;
    --whoogle-dark-text: #e0def4;
    --whoogle-dark-contrast-text: #e0def4;
    --whoogle-dark-secondary-text: #908caa;
    --whoogle-dark-result-bg: #393552;
    --whoogle-dark-result-title: #9ccfd8;
    --whoogle-dark-result-url: #3e8fb0;
    --whoogle-dark-result-visited: #c4a7e7;
}

#whoogle-w {
    fill: #eb6f92;
}

#whoogle-h {
    fill: #f6c177;
}

#whoogle-o-1 {
    fill: #ebbcba;
}

#whoogle-o-2 {
    fill: #31748f;
}

#whoogle-g {
    fill: #9ccfd8;
}

#whoogle-l {
    fill: #c4a7e7;
}

#whoogle-e {
    fill: #908caa;
}

Originally created by @ThatOneCalculator on GitHub (Feb 17, 2022). Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/660 Originally assigned to: @benbusby on GitHub. As seen on https://github.com/rose-pine/whoogle ```css :root { /* LIGHT THEME COLORS */ --whoogle-logo: #c4a7e7; --whoogle-page-bg: #faf4ed; --whoogle-element-bg: #f2e9e1; --whoogle-text: #575279; --whoogle-contrast-text: #1f1d2e; --whoogle-secondary-text: #797593; --whoogle-result-bg: #faf4ed; --whoogle-result-title: #d7827e; --whoogle-result-url: #286983; --whoogle-result-visited: #907aa9; /* DARK THEME COLORS */ --whoogle-dark-logo: #c4a7e7; --whoogle-dark-page-bg: #191724; --whoogle-dark-element-bg: #1f1d2e; --whoogle-dark-text: #e0def4; --whoogle-dark-contrast-text: #e0def4; --whoogle-dark-secondary-text: #908caa; --whoogle-dark-result-bg: #393552; --whoogle-dark-result-title: #9ccfd8; --whoogle-dark-result-url: #3e8fb0; --whoogle-dark-result-visited: #c4a7e7; } #whoogle-w { fill: #eb6f92; } #whoogle-h { fill: #f6c177; } #whoogle-o-1 { fill: #ebbcba; } #whoogle-o-2 { fill: #31748f; } #whoogle-g { fill: #9ccfd8; } #whoogle-l { fill: #c4a7e7; } #whoogle-e { fill: #908caa; } ```