diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less index 2b2347aac0..184e50270c 100644 --- a/services/web/public/stylesheets/app/editor.less +++ b/services/web/public/stylesheets/app/editor.less @@ -80,9 +80,9 @@ .loading-screen-brand { position: relative; width: 100%; - padding-top: 115.44%; + padding-top: @editor-loading-logo-padding-top; height: 0; - background: url(/img/ol-brand/overleaf-o-grey.svg) no-repeat bottom / 100%; + background: @editor-loading-logo-background-url no-repeat bottom / 100%; &::after { content: ''; @@ -91,7 +91,7 @@ right: 0; bottom: 0; left: 0; - background: url(/img/ol-brand/overleaf-o.svg) no-repeat bottom / 100%; + background: @editor-loading-logo-background-url no-repeat bottom / 100%; transition: height .5s; } } diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less index d6516fdf63..3cefc3dad3 100644 --- a/services/web/public/stylesheets/core/ol-variables.less +++ b/services/web/public/stylesheets/core/ol-variables.less @@ -28,4 +28,7 @@ @brand-warning: @orange; @brand-danger: #E03A06; -@import "./_common-variables.less"; \ No newline at end of file +@editor-loading-logo-padding-top: 115.44%; +@editor-loading-logo-background-url: url(/img/ol-brand/overleaf-o-grey.svg); + +@import "./_common-variables.less"; diff --git a/services/web/public/stylesheets/core/variables.less b/services/web/public/stylesheets/core/variables.less index aca526bb19..e75c947738 100755 --- a/services/web/public/stylesheets/core/variables.less +++ b/services/web/public/stylesheets/core/variables.less @@ -25,4 +25,7 @@ @brand-warning: @orange; @brand-danger: #E03A06; -@import "_common-variables.less"; \ No newline at end of file +@editor-loading-logo-padding-top: 86.2%; +@editor-loading-logo-background-url: url(/img/brand/lion-grey.svg); + +@import "_common-variables.less";