Make the text-only title customizable; pick nice colours for the OL version.

services/web/public/stylesheets/components/navbar.less

@@ -174,9 +174,9 @@
     font-size: 20px;
     display: inline-block;
     margin-top: 2px;
-    color: #666;
+    color: @navbar-title-color;
     &:hover, &:active, &:focus {
-        color: #333;
+        color: @navbar-title-color-hover;
         text-decoration: none;
     }
 }

services/web/public/stylesheets/core/_common-variables.less

@@ -815,6 +815,8 @@
 @text-small-color: @gray;
 
 // Navbar
+@navbar-title-color         : #666;
+@navbar-title-color-hover   : #333;
 @navbar-default-padding     : 1rem 2rem;
 @navbar-brand-width         : 180px;
 @navbar-btn-font-size       : @font-size-base * 0.8;

services/web/public/stylesheets/core/ol-variables.less

@@ -22,11 +22,13 @@
 @ol-type-color  : @ol-blue-gray-3;
 
 // Navbar customization
-@navbar-brand-width     : 130px;
-@navbar-default-color   : #FFF;
-@navbar-default-bg      : @ol-blue-gray-6;
-@navbar-default-border  : transparent;
-@navbar-brand-image-url : url(/img/ol-brand/overleaf-white.svg);
+@navbar-title-color       : @ol-blue-gray-1;
+@navbar-title-color-hover : @ol-blue-gray-2;
+@navbar-brand-width       : 130px;
+@navbar-default-color     : #FFF;
+@navbar-default-bg        : @ol-blue-gray-6;
+@navbar-default-border    : transparent;
+@navbar-brand-image-url   : url(/img/ol-brand/overleaf-white.svg);
 
 // Backgrounds
 @body-bg                : #FFF;