platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 47 Pull Requests Packages Projects 4 Releases Wiki Activity

[FloatingButton] Better default colors.

This commit is contained in:
Fabio Manganiello 2023-12-16 18:59:30 +01:00
parent 3bc27a505f
commit 837007132d
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
4 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
platypush/backend/http/webapp/src/components/Action/vars.scss
View File

@ -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%);

7
platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
View File

@ -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;
}
}

2
platypush/backend/http/webapp/src/components/panels/Alarm/Index.vue
View File

@ -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>

3
platypush/backend/http/webapp/src/style/themes/light.scss
View File

@ -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;