diff --git a/platypush/backend/http/webapp/src/components/Action/vars.scss b/platypush/backend/http/webapp/src/components/Action/vars.scss index eba7ce218..a49e74d73 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 d9ec52dc3..4679fc382 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 60eee8ae1..5bd416960 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" /> - diff --git a/platypush/backend/http/webapp/src/style/themes/light.scss b/platypush/backend/http/webapp/src/style/themes/light.scss index 1b68a0ebb..b803f668a 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;