added support for complete theming on webcards for both base and hover

src/assets/pages/styles/theme-base.scss

@@ -19,6 +19,18 @@ $enable-rounded: true !default;
   background-color: map-get($theme-colors, activecard);
 }
 
+.web-card-background:hover .text-header{
+  color: map-get($theme-colors, headertextcolorhover);
+}
+
+.web-card-background:hover .text-paragraph{
+  color: map-get($theme-colors, paragraphtextcolorhover);
+}
+
+.web-card-background:hover .web-card-image-background{
+  background-color: map-get($theme-colors, webcardimagebackgroundhover);
+}
+
 .web-card-image-background{
   background-color: map-get($theme-colors, webcardimagebackground);
   border-radius: 50%;

src/assets/pages/styles/theme-dark.scss

@@ -1,4 +1,3 @@
-
 $theme-colors: (
         "primary": #707070,
         "secondary": #303033,
@@ -11,10 +10,12 @@ $theme-colors: (
         "activecardfont":#e1e4e8,
         "searchfont": #808080,
         "webcardimagebackground": #aa33ff,
+        "webcardimagebackgroundhover": #aaff33,
+        "headertextcolor": #aaaaaa,
+        "headertextcolorhover": #000000,
         "paragraphtextcolor": #ffffff,
-        "headertextcolor": #aaaaaa
+        "paragraphtextcolorhover":#333333,
 );
 
 
-
 @import "theme-base";

src/assets/pages/styles/theme-light.scss

@@ -10,8 +10,11 @@ $theme-colors: (
         "activecardfont":#e1e4e8,
         "searchfont": #2c2c2c,
         "webcardimagebackground": #000000,
-        "paragraphtextcolor": #000000,
-        "headertextcolor": #444444
+        "webcardimagebackgroundhover": #aaff33,
+        "headertextcolor": #000,
+        "headertextcolorhover": #333,
+        "paragraphtextcolor": #444,
+        "paragraphtextcolorhover":#888,
 );