From 837007132dce7808c0917df9df40a20a75432e36 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sat, 16 Dec 2023 18:59:30 +0100
Subject: [PATCH] [FloatingButton] Better default colors.

---
 .../backend/http/webapp/src/components/Action/vars.scss    | 3 ---
 .../http/webapp/src/components/elements/FloatingButton.vue | 7 +++----
 .../http/webapp/src/components/panels/Alarm/Index.vue      | 2 +-
 platypush/backend/http/webapp/src/style/themes/light.scss  | 3 +++
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/Action/vars.scss b/platypush/backend/http/webapp/src/components/Action/vars.scss
index eba7ce21..a49e74d7 100644
--- a/platypush/backend/http/webapp/src/components/Action/vars.scss
+++ b/platypush/backend/http/webapp/src/components/Action/vars.scss
@@ -14,6 +14,3 @@ $section-title-bg: rgba(0, 0, 0, .04);
 $params-desktop-width: 30em;
 $params-tablet-width: 20em;
 $request-headers-btn-width: 7.5em;
-$action-tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%);
-$action-tile-fg: white;
-$action-tile-hover-bg: linear-gradient(90deg, rgba(41,216,159,1) 0%, rgba(9,188,138,1) 70%);
diff --git a/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue b/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
index d9ec52dc..4679fc38 100644
--- a/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
+++ b/platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
@@ -45,8 +45,8 @@ export default {
   margin: auto 1em 1em auto;
 
   button {
-    background: $active-glow-bg-2 !important;
-    color: $selected-fg !important;
+    background: $tile-bg !important;
+    color: $tile-fg !important;
     width: 4em;
     height: 4em;
     border-radius: 2em;
@@ -55,8 +55,7 @@ export default {
     box-shadow: $border-shadow-bottom-right;
 
     &:hover {
-      background: $hover-bg-2 !important;
-      color: $hover-fg !important;
+      background: $tile-hover-bg !important;
     }
   }
 
diff --git a/platypush/backend/http/webapp/src/components/panels/Alarm/Index.vue b/platypush/backend/http/webapp/src/components/panels/Alarm/Index.vue
index 60eee8ae..5bd41696 100644
--- a/platypush/backend/http/webapp/src/components/panels/Alarm/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Alarm/Index.vue
@@ -20,7 +20,7 @@
     @close="selectedAlarm = null"
     v-if="modalVisible" />
 
-  <FloatingButton icon-class="fa fa-plus" text="Add Alarm"
+  <FloatingButton icon-class="fa fa-stopwatch" text="Add Alarm"
                   @click="addAlarmModalVisible = true" />
 </template>
 
diff --git a/platypush/backend/http/webapp/src/style/themes/light.scss b/platypush/backend/http/webapp/src/style/themes/light.scss
index 1b68a0eb..b803f668 100644
--- a/platypush/backend/http/webapp/src/style/themes/light.scss
+++ b/platypush/backend/http/webapp/src/style/themes/light.scss
@@ -8,6 +8,9 @@ $default-bg-6: #e4eae8 !default;
 $default-bg-7: #e4e4e4 !default;
 $ok-fg: #17ad17 !default;
 $error-fg: #ad1717 !default;
+$tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%);
+$tile-fg: white;
+$tile-hover-bg: linear-gradient(90deg, rgba(41,216,159,1) 0%, rgba(9,188,138,1) 70%);
 
 $default-fg: black !default;
 $default-fg-2: #23513a !default;