[GH-ISSUE #516] [THEME] Chroma #333

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

Originally created by @ironboy1 on GitHub (Nov 1, 2021).
Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/516

Originally assigned to: @benbusby on GitHub.

Use the following template to design your theme, replacing the blank spaces with the colors of your choice.

preview-chroma_dark_search
preview-chroma_dark_results

:root {
    /* LIGHT THEME COLORS */
    /*        coming soon....         */

    /* DARK THEME COLORS */
    --whoogle-dark-logo: #8751a1;
    --whoogle-dark-page-bg: #011627;
    --whoogle-dark-element-bg: #040A19;
    --whoogle-dark-text: #24b89d;
    --whoogle-dark-contrast-text: #4186c6;
    --whoogle-dark-secondary-text: #8751a1;
    --whoogle-dark-result-bg: #040A19;
    --whoogle-dark-result-title: #4186c6;
    --whoogle-dark-result-url: #f48075;
    --whoogle-dark-result-visited: #eb3488;
    --whoogle-dark-divider: #4186c6;
}
#whoogle-w {
    fill: #4186c6;
}

#whoogle-h {
    fill: #eb3488;
}

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

#whoogle-o-2 {
    fill: #8751a1;
}

#whoogle-g {
    fill: #24b89d;
}

#whoogle-l {
    fill: #eb3488;
}

#whoogle-e {
    fill: #4186c6;
}
Originally created by @ironboy1 on GitHub (Nov 1, 2021). Original GitHub issue: https://github.com/benbusby/whoogle-search/issues/516 Originally assigned to: @benbusby on GitHub. Use the following template to design your theme, replacing the blank spaces with the colors of your choice. ![preview-chroma_dark_search](https://user-images.githubusercontent.com/17266524/139607394-b7f22dd3-cd15-4a3f-8cb1-dfc69ba94069.jpg) ![preview-chroma_dark_results](https://user-images.githubusercontent.com/17266524/139607397-ece76c94-5a5f-4cc9-aea7-0da13dc4e4e4.jpg) ```css :root { /* LIGHT THEME COLORS */ /* coming soon.... */ /* DARK THEME COLORS */ --whoogle-dark-logo: #8751a1; --whoogle-dark-page-bg: #011627; --whoogle-dark-element-bg: #040A19; --whoogle-dark-text: #24b89d; --whoogle-dark-contrast-text: #4186c6; --whoogle-dark-secondary-text: #8751a1; --whoogle-dark-result-bg: #040A19; --whoogle-dark-result-title: #4186c6; --whoogle-dark-result-url: #f48075; --whoogle-dark-result-visited: #eb3488; --whoogle-dark-divider: #4186c6; } #whoogle-w { fill: #4186c6; } #whoogle-h { fill: #eb3488; } #whoogle-o-1 { fill: #f48075; } #whoogle-o-2 { fill: #8751a1; } #whoogle-g { fill: #24b89d; } #whoogle-l { fill: #eb3488; } #whoogle-e { fill: #4186c6; } ```
kerem 2026-02-25 20:35:28 +03:00
  • closed this issue
  • added the
    theme
    label
Author
Owner

@benbusby commented on GitHub (Nov 1, 2021):

Thank you! Added to the wiki

<!-- gh-comment-id:956751416 --> @benbusby commented on GitHub (Nov 1, 2021): Thank you! Added to [the wiki](https://github.com/benbusby/whoogle-search/wiki/User-Contributed-CSS-Themes)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/whoogle-search#333
No description provided.