ossn-widget is a global code themes/goblue/plugins/default/widget/view.php https://github.com/opensource-socialnetwork/opensource-socialnetwork/blob/v5.x/themes/goblue/plugins/default/widget/view.php

Thanks for the suggestion of writing an override.
However the problem is I cannot find the element that I need to use in order to correctly change the color.
eg: the birthdays widget has
.ossn-widget
.widget-contents
.ossn-widget .widget-contents

and when I change any of them using your suggestion the sidebar disappears.
Is it possible to give me the exact class and correct css please?

Those hover effect maybe from boostrap, what you can do is to write your css if any element have class, and override the reaction of hover

.example:hover {
//override with !important tag
}

.

Hi, Thanks for the response. I am already doing this.
I just can't find the hover reference in the developers console. That's my problem.
When I inspect the element with the hover the results in the developers console don't show me what is causing the hover effect and colors.
Do you by chance know what the reference is?
Any help would be most appreciated. :-)

You can change theme css in your themes directory. themes/Awesome/plugins/default/css/
You can open your browser developers console and find the css string. Then using some tool search for that string in your OSSN files.