Need help customizing

[meetdilip]

Hi,

I just tried the Ant theme on 16.04 + Unity. Thanks for the awesome work.

I would like to customize it a bit to my liking. in the launcher, the icons are highlighted by a bubble. Is it possible to make them flat ? Some colour + transparency for highlighting.

I hope you will be able to help me out with this. Thanks for your time.

I solved changing colours using

For gtk < 3.20 :

Change the selected_bg_color variable in the gtk.css file (under Ant/gtk-3.0/)
Reload the theme.

[EliverLara]

Hi, to remove the "bubble" in the launcher icons:

• Download and extract this file.
• Copy the contents of the extracted folder in the unity folder under (Ant/unity/)
• Restart the theme

[meetdilip]

Thanks @EliverLara

Is it possible to remove rounded corners from the breadcrumbs ?

Also, can I make the highlighting at the top like this for breadcrumbs ?

[EliverLara]

Yes, for both check out the "csd.css" file under (Ant/gtk-3.0/widgets)

[meetdilip]

Thanks @EliverLara . I got the launcher bubbles removed. But there was no highlighting for the open apps. Which file defines it ?

[EliverLara]

I'm not sure about that, maybe this could be of more help, , I'm sorry.

[meetdilip]

I picked those launcher icons from Adapta. It works fine now.

I tried adding border-bottom to csd.css . It was not working however. Can you review this code, please ?

.titlebar .button,
.titlebar .button:active,
.titlebar .button:checked {
    padding: 5px;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #696
    color: @header_fg_color;
    font: bold;
}

.titlebar .button:hover,
.titlebar .button:active:hover,
.titlebar .button:checked,
.titlebar .button:active {
    border-bottom: 1px solid #696
    color: @selected_bg_color;
}

I am trying to replace the Ant-Red with a border bottom or top of a colour of my choice. Thanks.

[EliverLara]

I am not able to test the code right now because i'm using gtk3.20, but as a tip if the border property doesn't work try to use box-shadow to simulate the border, if that does not help, let me know

[meetdilip]

@EliverLara Can you tell me how to try border-bottom in gtk 3.2 as well ? I have Sass installed.

How can we check the gtk version ? Thanks.

Update :

Desktop: Unity 7.4.0 (Gtk 3.18.9-1ubuntu3.3)

[EliverLara]

For gtk3.20+ check out the "_header-bars.scss" file under (Ant/gtk-3.20/widgets)