Please improve the UI/UX design for the Webpage and Homepage

[7549brijesh]

I am Sorry!!! I am not satisfied with User Interface
Can you please Improve a UI a Little bit more because I am love with whoogle but the UI makes me sad
I know there is option for customising the interface via css but I think UI should be clean and awesome out of the box

Forgive me!! If I am expecting too much!

[alefvanoon]

Whats your problem?


It's so cute!

[7549brijesh]

Wow it looks awesome!!!!!!! what did you do?

[Albonycal]

yea, but I use this for myself

[7549brijesh]

can you tell me how did you do that?

[Albonycal]

I made my own html file :D
you can also download it ;-;

[7549brijesh]

my is so boring

[alefvanoon]

Just use CSS to customize your instance.
This is my instance CSS(https://s.alefvanoon.xyz):

:root {
    /* LIGHT THEME COLORS */
    --whoogle-logo: #685e79;
    --whoogle-page-bg: #ffffff;
    --whoogle-element-bg: #4285f4;
    --whoogle-text: #000000;
    --whoogle-contrast-text: #ffffff;
    --whoogle-secondary-text: #70757a;
    --whoogle-result-bg: #ffffff;
    --whoogle-result-title: #1967d2;
    --whoogle-result-url: #0d652d;
    --whoogle-result-visited: #4b11a8;

    /* DARK THEME COLORS */
    --whoogle-dark-logo: #685e79;
    --whoogle-dark-page-bg: #101020;
    --whoogle-dark-element-bg: #0c54cb;
    --whoogle-dark-text: #ffffff;
    --whoogle-dark-contrast-text: #ffffff;
    --whoogle-dark-secondary-text: #bbbbbb;
    --whoogle-dark-result-bg: #212131;
    --whoogle-dark-result-title: #64a7f6;
    --whoogle-dark-result-url: #34a853;
    --whoogle-dark-result-visited: #bbbbff;
}

#whoogle-w {
    fill: #4285f4;
}

#whoogle-h {
    fill: #ea4335;
}

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

#whoogle-o-2 {
    fill: #4285f4;
}

#whoogle-g {
    fill: #34a853;
}

#whoogle-l {
    fill: #ea4335;
}

#whoogle-e {
    fill: #fbbc05;
}

[7549brijesh]

thanks for help

[dokbua]

Would be nice to have the result on a full width or responsive page instead of narrow column in the middle.