From b45c009e37fd8673d181989ff32208bd87e493f9 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Mon, 19 Feb 2018 12:24:58 +0100
Subject: [PATCH] Fix mobile menu header colors (#113)

---
 skins/elastic/styles/colors.less          | 3 +++
 skins/elastic/styles/widgets/dialogs.less | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less
index 072dd654c..37ed25729 100644
--- a/skins/elastic/styles/colors.less
+++ b/skins/elastic/styles/colors.less
@@ -10,6 +10,7 @@
  */
 
 @color-main:                #37beff;
+@color-main-dark:           darken(@color-main, 35%);
 @color-black:               #161b1d;
 @color-font:                @color-black;
 @color-link:                #00acff;
@@ -117,6 +118,8 @@
 @color-popover-shadow:              @color-black-shade-bg;
 @color-popover-separator:           @color-black-shade-text;
 @color-popover-separator-background: @color-black-shade-bg;
+@color-popover-mobile-header:               #fff;
+@color-popover-mobile-header-background:    @color-main-dark;
 
 
 // Dialogs
diff --git a/skins/elastic/styles/widgets/dialogs.less b/skins/elastic/styles/widgets/dialogs.less
index f7925ce91..ae5c709de 100644
--- a/skins/elastic/styles/widgets/dialogs.less
+++ b/skins/elastic/styles/widgets/dialogs.less
@@ -111,12 +111,13 @@ html.layout-phone {
     .popover-header {
         display: block;
         border-radius: 0;
+        border: 0;
         padding: 0 .5em;
         height: @layout-touch-header-height;
         line-height: @layout-touch-header-height;
         font-size: @layout-touch-header-font-size;
-        color: @color-popover-header;
-        background-color: @color-popover-header-background;
+        color: @color-popover-mobile-header;
+        background-color: @color-popover-mobile-header-background;
 
         a {
             display: inline-block;