diff --git a/src/assets/community.less b/src/assets/community.less
index 0247b36..5a6b8da 100644
--- a/src/assets/community.less
+++ b/src/assets/community.less
@@ -8,6 +8,7 @@
 @general-search-form-background: fade(@global-primary-background, 15%);
 @hero-background-image: none;
 @hero-background-position: top center;
+@hero-fonts-mode:dark;
 #joinAndInviteBtn {
   position: fixed;
   right: 0;
@@ -55,3 +56,8 @@
   background-image:  @hero-background-image;
   background-position: @hero-background-position;
 }
+
+.heroBackground when (@hero-fonts-mode = light) {
+  .hook-inverse();
+}
+