diff --git a/services/web/public/stylesheets/components/navbar.less b/services/web/public/stylesheets/components/navbar.less index 113d67e7c2..47d76cc1f2 100755 --- a/services/web/public/stylesheets/components/navbar.less +++ b/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; } } diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less index 5135678a0f..817fa858ef 100644 --- a/services/web/public/stylesheets/core/_common-variables.less +++ b/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; diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index 6255d44371..43646ec542 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/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;