Arc-theme: Menu hover

[gorenct]

Would it be possible to change menu hover color to blue, like in Google Chrome?
Would really appreciate it.

This is menu in Nautilus:

And this is menu in Google Chrome:

[Hangman228]

Same here on Ubuntu 16.04 Beta 2...

[DragoonZ]

same here

[ghost]

I too have the same issue in Arc Theme, otherwise the Theme is great.

[liepauls]

:+1:
I'd also like to point out, that dropdown menus don't have any borders or shadowing, so it looks kind of odd if the background color is white. Using Ubuntu 16.04, compiled from source.

Or maybe I should have opened new issue?

[Takehaniyasubiko]

I have the same issue as the person who posted above me.

I have no borders in drop-down menus, so they look terrible on white backgrounds. Fresh Ubuntu 16.04, complied from source.

[CrazyLemon]

This indeed is slightly annoying because you can't quickly see the highlighted item.

[linuxlite]

Agree with OP.

[daitakahashi]

The original issue might be solved by adding

.menu .menuitem:hover {
  color: #5c616c;
  background-color: rgba(0, 0, 0, 0.04);
  border: solid rgba(0, 0, 0, 0.08);
}

to .config/gtk-3.0/gtk.css and changing those three colors to whatever you want (of course you can change your local copy of arc theme, but it is good to conduct some experiments before).

For the second issue, you can try

.csd .menu {
  border: 1px solid #dcdfe3;
  padding: 0;
}

I saw the same menu issue on gedit, evolution, and unity panel. The above code solved the issue for those applications. But I did not see that issue on nautilus; so I have no idea if it can do something for above nautilus issue.

[CrazyLemon]

Tried that. In .config/gtk-3.0/gtk.css and overwriting original arc-themes gtk-dark.css with your changes and well..no change. Lost my mind today with GtkInspector trying to find the right class but no luck with that either.

[daitakahashi]

Colors in my previous post are taken from the arc theme. So you will not see any difference unless you edit those colors.

I use ubuntu 16.04 (gtk 3.18) in my office, and my code worked fine there. But gtk sometimes changes its API. If you use gtk 3.20, you can try to add menu menuitem:hover in addition to .menu .menuitem:hover, i.e.,

menu menuitem:hover, .menu .menuitem:hover {
  color: #ffffff;
  background-color: #5294e2;
  border: solid #5294e2;
}

I hope it will work for you.

[CrazyLemon]

I'm on also on Ubuntu 16.04 and no change. I did change do colors and nothing. I must be missing something. Thanks anyway.

[linuxlite]

@daitakahashi looks like those changes only affect gtk3 apps. Thunar etc remains unchanged.

[CrazyLemon]

So yea..it works! I didn't realised that you have to reboot after those changes.

[linuxlite]

Fixed gtk2 apps by recoloring /usr/share/themes/Arc/gtk-2.0/assets/menuitem.png to hex color: #5294E2, then rebooting. Now all Menus in Arc default are 5294E2 :)

[ElvisPresly]

it works :)

menu menuitem:hover,
    .menu menuitem:hover {
      color: #FFFFFF;
      background-color: #5294e2;
      border: solid rgba(0, 0, 0, 0.08);
      border-width: 1px 0 1px 0; }

[horst3180]

This is a duplicate of https://github.com/horst3180/arc-theme/issues/135

[clauded]

I tried the solution for the second problem:

.csd .menu {
  border: 1px solid #dcdfe3;
  padding: 0;
}

I works after after logout/login. Will this be included in future versions of the theme?

[horst3180]

The second issue is a unity bug (https://bugs.launchpad.net/ubuntu/+source/gtk+3.0/+bug/1574693). I won't include a workaround for this.