Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New feature "search box" doesn't look good with dark GTK themes. #1561

Closed
chax opened this issue Apr 26, 2019 · 16 comments · Fixed by #1563
Closed

New feature "search box" doesn't look good with dark GTK themes. #1561

chax opened this issue Apr 26, 2019 · 16 comments · Fixed by #1563
Milestone

Comments

@chax
Copy link

chax commented Apr 26, 2019

Hi, i just tested this new feature and i must say search box doesn't look good with dark theme because overlay background is light-colored and dark themes usually have light-colored fonts, so it's barely visible and it's very hard to read what you type. At first i thought it's not working because i couldn't see the text at all until i really focused my eyes on the search box. Also, background is not transparent as the rest of the terminal, so it looks really ugly and it really stands out from the rest of design. At least make background the right color (the one provided by the current selected GTK theme).

  • Guake Version: 3.6.0
  • System: Solus Budgie
    • i packaged Guake myself to test new 3.6.0 features, this version is still not in official Solus package repository

This is probably due to hardcoded value of background color as can be seen here:

guake/guake/boxes.py

Lines 118 to 121 in 0bba1b0

b'#search-frame border {'
b' padding: 5px 5px 5px 5px;'
b' background-color: #CFCFCF;'
b'}')

@mlouielu
Copy link
Collaborator

mlouielu commented Apr 26, 2019

Hi @chax, can you help to upload a picture of your Guake? (with search match)

So we have three problems:

  • Terminal background color isn't correct
  • Search highlight color didn't fit your theme, and
  • Search box background color

right?

thanks

@chax
Copy link
Author

chax commented Apr 26, 2019

image

@mlouielu
Copy link
Collaborator

@chax thanks for your picture, I'll take a look to fix this.

So, terminal didn't affect, but:

  • Search box's text entry cannot see the text
  • Search box background color isn't fit to theme

@chax
Copy link
Author

chax commented Apr 26, 2019

That is correct assessment.

@chax
Copy link
Author

chax commented Apr 26, 2019

i tried to replace line 120 b' background-color: #CFCFCF;'
with line b' border: none;'
and for me, it looks much better already
i will provide screenshot so you can see for youself.

@chax
Copy link
Author

chax commented Apr 26, 2019

image

@gsemet
Copy link
Member

gsemet commented Apr 26, 2019

Ok. I have no pbl on "Adwaita" theme.

Capture du 2019-04-26 13-29-18

We probably do no want to hardcode any background color and take the one from the theme

@gsemet gsemet added this to the -- NEXT VERSION -- milestone Apr 26, 2019
@chax
Copy link
Author

chax commented Apr 26, 2019

Then this should be easy fix, should i expect next release 3.6.1 soon?

@mlouielu
Copy link
Collaborator

Remove hardcode background-color with Adwaita theme:
Selection_967

The Gtk.Frame will get no color when looking at it. Trying to fix this with both light/dark theme

@chax
Copy link
Author

chax commented Apr 26, 2019

It also looks better without borders, therefore i set border: none

gsemet added a commit that referenced this issue Apr 26, 2019
@gsemet
Copy link
Member

gsemet commented Apr 26, 2019

Here what I have on HEAD:
Capture du 2019-04-26 14-56-27
Capture du 2019-04-26 14-56-54
Capture du 2019-04-26 14-57-18

@chax
Copy link
Author

chax commented Apr 26, 2019

Nice, much better already, but i also like how it looks without background. Can you make than as a checkbox option somewhere in settings to have no background at all? If that would be to complicated, i'm good with this solution also. At least it takes theme colors now, so it's consistent with rest of design.

@gsemet
Copy link
Member

gsemet commented Apr 26, 2019

I tried transparency it displays the background not the terminal. Don't know how to do it better, but @mlouielu PR does the job with the background color. I release 3.6.1 asap

@chax
Copy link
Author

chax commented Apr 26, 2019

Very good, this was very fast response in solving this issue. Thanks to both @gsemet and @mlouielu in fixing this so quickly. I'm waiting for 3.6.1, so i can do the packaging for Solus.

@mlouielu
Copy link
Collaborator

No problem, thanks for you quickly report on this :)

I think for transparent the search box & un-padding search box should open another feature request issue.

@chax
Copy link
Author

chax commented Apr 26, 2019

Yep, for now, this is perfect.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants