Slingshot categories color bug in dark theme

[DaneX92]

When Slingshot is opened for the first time, in category view, the categories are white which looks fine.

http://imgur.com/vYdXEs8

After that, every other time when Slingshot is opened categories are black which makes them difficult to see.

http://imgur.com/xmiUOgr

[DaneX92 (kupcodandroid)]

I played with elementary's css files for a while and actually figured it out. To correct this or similar bugs do the following.

1. Open /usr/share/themes/elementary/gtk-3.0/gtk-widgets-dark.css
2. Add following code at the end of the file: (feel free to change color values)

/* highlight color (similar to @colorAccent): #3C92FF */
/**** sidebar color customization ****/

/* default font color */
.source-list,
.source-list.view {
    color: shade (@text_color, 0.90);
}

/* hover item color */
.source-list.view:hover,
.source-list.view:focus:hover,
.source-list.category-expander:hover {
    color: #FFF;
}

/* selected item color */
.source-list.view:selected,
.source-list.view:selected:hover,
.source-list.view:focus:selected:hover,
.source-list.view:focus:selected {
    color: @colorAccent;
}

/* partition hover color fix */
.source-list.fill-block,
.source-list.fill-block:hover,
.source-list.fill-block:selected,
.source-list.fill-block:selected:hover,
.source-list.fill-block:selected:focus,
.source-list.fill-block:selected:focus:hover {
    background-image: none;
    background-color: mix (@colorAccent, @base_color, 0.25);
}

/*************************************/

/**** slingshot color customization ****/

/* default font color */
.popover .sidebar.view,
.popover .sidebar .view {
    color: shade (@text_color, 0.90);
}

/* hover item color */
.popover .sidebar.view:hover,
.popover .sidebar.view:focus:hover,
.popover .sidebar.category-expander:hover {
    color: #FFF;
}

/* selected item color */
.popover .sidebar.view:selected,
.popover .sidebar.view:selected:hover,
.popover .sidebar.view:focus:selected:hover,
.popover .sidebar.view:focus:selected {
    color: @colorAccent;
}

/*************************************/

/********** selected items **********/

/* @base_color @text_color */
*:selected {
    background-color: shade (@colorAccent, 0.80);
    color: @selected_fg_color;
}

/* @colorAccent @selected_fg_color */
*:selected:focus {
    background-color: alpha (@colorAccent, 0.9);
    color: @selected_fg_color;
}

/************************************/