From 74bd8fa0db5ad5dd4bafe2495a2596de36b84c14 Mon Sep 17 00:00:00 2001 From: Niels Lyngsoe Date: Thu, 24 Jan 2019 15:11:34 +0100 Subject: [PATCH] added 2019 brand colors --- .../application/umb-app-header.less | 2 +- .../src/less/sections.less | 4 ++-- .../src/less/variables.less | 20 ++++++++++++++++--- 3 files changed, 20 insertions(+), 6 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-app-header.less b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-app-header.less index a033e8abef..1e3aa332fa 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-app-header.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-app-header.less @@ -1,5 +1,5 @@ .umb-app-header { - background: @purple; + background: @blueNight; display: flex; align-items: center; justify-content: space-between; diff --git a/src/Umbraco.Web.UI.Client/src/less/sections.less b/src/Umbraco.Web.UI.Client/src/less/sections.less index ac41f69998..a639d06d5a 100644 --- a/src/Umbraco.Web.UI.Client/src/less/sections.less +++ b/src/Umbraco.Web.UI.Client/src/less/sections.less @@ -36,7 +36,7 @@ ul.sections>li>a::after { content: ""; height: 4px; width: 100%; - background-color: @turquoise; + background-color: @ui-active; position: absolute; bottom: -4px; border-radius: 3px 3px 0 0; @@ -93,7 +93,7 @@ ul.sections-tray>li>a::after { content: ""; width: 4px; height: 100%; - background-color: @turquoise; + background-color: @ui-active; position: absolute; border-radius: 0 3px 3px 0; opacity: 0; diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less index 513c645365..a7360148a9 100644 --- a/src/Umbraco.Web.UI.Client/src/less/variables.less +++ b/src/Umbraco.Web.UI.Client/src/less/variables.less @@ -27,13 +27,27 @@ @blue: #2E8AEA; -@blueDark: #0064CD; +@blueDark: #3544b1;// updated 2019 +@blueExtraDark: #1b264f;// added 2019 @blueLight: #ADD8E6; +@blueNight: #162335;// added 2019 @green: #46A546; @red: #9D261D; -@yellow: #FFC40D; -@orange: #DF7F48; +@yellow: #fad634;// updated 2019 +@orange: #f79c37;// updated 2019 @pink: #C3325F; +@pinkLight: #f5c1bc;// added 2019 +@brown: #9d8057;// added 2019 + +@u-grey: #f2ebe6;// added 2019 +@u-white: #f9f7f4;// added 2019 + + +// Accent colors +// ------------------------- + +@ui-active: @pinkLight; +@ui-selected: @pinkLight; // Colors