From bce99709ec18e830a1129a2bca103c2b882b6e64 Mon Sep 17 00:00:00 2001
From: andreas kainz <kainz.a@gmail.com>
Date: Sun, 6 Mar 2022 22:15:36 +0100
Subject: [PATCH] Mobile use --color-primary instead of #0b87e7

Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I95a4ddadd56b7aee97e2fbb8ba349aaca1bd4ed2
---
 browser/css/color-palette.css | 2 +-
 browser/css/cool.css          | 4 ++--
 browser/css/device-mobile.css | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/browser/css/color-palette.css b/browser/css/color-palette.css
index 67f6a5179..c3a7104d6 100644
--- a/browser/css/color-palette.css
+++ b/browser/css/color-palette.css
@@ -20,7 +20,7 @@
 	--color-background-darker: #c0bfbc;  /* hover */
 	--color-background-lighter: #fff; /* toolbar, dialog, disabled */
 
-	--color-primary: #1C99E0; /* border-color */
+	--color-primary: #0b87e7; /* border-color */
 	--color-primary-text: #fff; /* text color when primary-lighter is background */
 	--color-primary-dark: #0063b1;
 	--color-primary-darker: #004b86;
diff --git a/browser/css/cool.css b/browser/css/cool.css
index 7d8a3880e..831d36f54 100644
--- a/browser/css/cool.css
+++ b/browser/css/cool.css
@@ -245,7 +245,7 @@ nav.spreadsheet-color-indicator ~ #sidebar-dock-wrapper {
 	height: 56px;
 	right: 16px;
 	bottom: 16px;
-	background-color: #0b87e7;
+	background-color: var(--color-primary);
 	border-radius: 50%;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 	z-index: 1001;
@@ -823,7 +823,7 @@ nav.drawing-color-indicator ~ #main-document-content .cool-annotation-reply-coun
 	background: #99CCFF;
 }
 .drop-down-field-list-item:hover {
-	background: #0b87e7;
+	background-color: var(--color-primary);
 }
 
 .word-wrap-for-vex-dialog {
diff --git a/browser/css/device-mobile.css b/browser/css/device-mobile.css
index 92dbe3528..c0c94b9d9 100644
--- a/browser/css/device-mobile.css
+++ b/browser/css/device-mobile.css
@@ -70,7 +70,7 @@ input#follow-checkbox:checked ~ .checkmark:after {
 	display: block;
 }
 input#follow-checkbox:checked ~ .checkmark {
-	background-color: #0b87e7;
+	background-color: var(--color-primary);
 }
 #userlist_table + hr { display: none;}
 div#w2ui-overlay-actionbar.w2ui-overlay{