Notification Pop-up Colors

[EbonJaeger]

Hello,

With this theme I have noticed that notification pop-ups seem to have a transparent background, and anything in the notification is unreadable; the text color seems to be white. Here is a picture as an example:

Environment:
OS: Elementary OS Loki (0.4.1)
DE: Pantheon
GTK+: 3.18.9

[Elbullazul]

@Gnat008 yeah, it's a recurrent issue with elementary. I have not tried it out, but this fixed it for Numix. Can you try it and post the result?

Add the following code to gtk-widgets.css in macOS-Sierra/gtk-3.0

/******************
** custom -fix**
*******************/
/***********
** Gala **
************/

.gala-notification {
    border: none;
    border-radius: 4px;
    background-color: transparent;
    background-image: linear-gradient(to bottom,
                                  alpha (@bg_color, 0.98),
                                  alpha (@bg_color, 0.98) 80%,
                                  alpha (shade(@bg_color, 0.94), 0.98)
                                  );
    box-shadow: inset 0 0 0 1px alpha (@bg_highlight_color, 0.10),
                inset 0 1px 0 0 alpha (@bg_highlight_color, 0.90),
                inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.30),
                0 0 0 1px alpha (#000, 0.20),
                0 3px 6px alpha (#000, 0.16),
                0 3px 6px alpha (#000, 0.23);
}

.gala-notification .title, .gala-notification .label {
    color: @text_color;
}

.gala-button {
    padding: 3px;
    color: #fff;
    border: none;
    border-radius: 100px;
    background-image: linear-gradient(to bottom,
                                  #7e7e7e,
                                  #3e3e3e
                                  );
    box-shadow: inset 0 0 0 1px alpha (#fff, 0.02),
                inset 0 1px 0 0 alpha (#fff, 0.07),
                inset 0 -1px 0 0 alpha (#fff, 0.01),
                0 0 0 1px alpha (#000, 0.40),
                0 3px 6px alpha (#000, 0.16),
                0 3px 6px alpha (#000, 0.23);
    text-shadow: 0 1px 1px alpha (#000, 0.6);
}

/*************
** Geary **
*************/

ConversationListView {
    -GtkWidget-focus-line-width: 1px;
    -GtkTreeView-grid-line-width: 0;
}

ConversationListView.view.cell {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: alpha (#000, 0.2);
}

ConversationListView.view.cell:selected:focus {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: shade (@colorAccent, 0.8);
}

colors may be different, but if the fix is successful I will rebase ot to use the theme colors

[EbonJaeger]

@Elbullazul That seems to have worked:

Thanks for the quick fix! You do awesome work!

[Elbullazul]

@Gnat008 thanks, I will adapt the code this afternoon and push the final fix

thanks for your feedback!