diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss
index 07e2ec9..ad50b44 100644
--- a/src/assets/pages/styles/theme-base.scss
+++ b/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%;
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index 0473b1d..588908f 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/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";
\ No newline at end of file
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index a6f1afe..700a065 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/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,
 );