[GH-ISSUE #811] [THEME] Update to Catppuccin Theme #506

New issue

Closed

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

kerem commented

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

Owner

Originally created by @WitherCubes on GitHub (Jul 10, 2022).
Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/811

Originally assigned to: @benbusby on GitHub.

Catppuccin Whoogle repo

:root {
    /* LIGHT THEME COLORS */
    --whoogle-logo: #4c4f69;
    --whoogle-page-bg: #eff1f5;
    --whoogle-element-bg: #bcc0cc;
    --whoogle-text: #4c4f69;
    --whoogle-contrast-text: #5c5f77;
    --whoogle-secondary-text: #6c6f85;
    --whoogle-result-bg: #ccd0da;
    --whoogle-result-title: #7287fd;
    --whoogle-result-url: #dc8a78;
    --whoogle-result-visited: #e64553;

    /* DARK THEME COLORS */
    --whoogle-dark-logo: #cdd6f4;
    --whoogle-dark-page-bg: #1e1e2e;
    --whoogle-dark-element-bg: #45475a;
    --whoogle-dark-text: #cdd6f4;
    --whoogle-dark-contrast-text: #bac2de;
    --whoogle-dark-secondary-text: #a6adc8;
    --whoogle-dark-result-bg: #313244;
    --whoogle-dark-result-title: #b4befe;
    --whoogle-dark-result-url: #f5e0dc;
    --whoogle-dark-result-visited: #eba0ac;
}

#whoogle-w {
    fill: #89b4fa;
}

#whoogle-h {
    fill: #f38ba8;
}

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

#whoogle-o-2 {
    fill: #89b4fa;
}

#whoogle-g {
    fill: #a6e3a1;
}

#whoogle-l {
    fill: #f38ba8;
}

#whoogle-e {
    fill: #f9e2af;
}

Originally created by @WitherCubes on GitHub (Jul 10, 2022). Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/811 Originally assigned to: @benbusby on GitHub. [Catppuccin Whoogle repo](https://github.com/catppuccin/whoogle) ```css :root { /* LIGHT THEME COLORS */ --whoogle-logo: #4c4f69; --whoogle-page-bg: #eff1f5; --whoogle-element-bg: #bcc0cc; --whoogle-text: #4c4f69; --whoogle-contrast-text: #5c5f77; --whoogle-secondary-text: #6c6f85; --whoogle-result-bg: #ccd0da; --whoogle-result-title: #7287fd; --whoogle-result-url: #dc8a78; --whoogle-result-visited: #e64553; /* DARK THEME COLORS */ --whoogle-dark-logo: #cdd6f4; --whoogle-dark-page-bg: #1e1e2e; --whoogle-dark-element-bg: #45475a; --whoogle-dark-text: #cdd6f4; --whoogle-dark-contrast-text: #bac2de; --whoogle-dark-secondary-text: #a6adc8; --whoogle-dark-result-bg: #313244; --whoogle-dark-result-title: #b4befe; --whoogle-dark-result-url: #f5e0dc; --whoogle-dark-result-visited: #eba0ac; } #whoogle-w { fill: #89b4fa; } #whoogle-h { fill: #f38ba8; } #whoogle-o-1 { fill: #f9e2af; } #whoogle-o-2 { fill: #89b4fa; } #whoogle-g { fill: #a6e3a1; } #whoogle-l { fill: #f38ba8; } #whoogle-e { fill: #f9e2af; } ```