blacklight/platypush
1
0
Fork 0
forked from platypush/platypush
Code Issues Pull requests Projects Releases Packages Wiki Activity

[FloatingButton] Better default colors.

Browse source
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-desktop-width: 30em;
$params-tablet-width: 20em; $params-tablet-width: 20em;
$request-headers-btn-width: 7.5em; $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; margin: auto 1em 1em auto;
button { button {
background: $active-glow-bg-2 !important; background: $tile-bg !important;
color: $selected-fg !important; color: $tile-fg !important;
width: 4em; width: 4em;
height: 4em; height: 4em;
border-radius: 2em; border-radius: 2em;
@ -55,8 +55,7 @@ export default {
box-shadow: $border-shadow-bottom-right; box-shadow: $border-shadow-bottom-right;
&:hover { &:hover {
background: $hover-bg-2 !important; background: $tile-hover-bg !important;
color: $hover-fg !important;
} }
} }

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

@ -20,7 +20,7 @@
@close="selectedAlarm = null" @close="selectedAlarm = null"
v-if="modalVisible" /> v-if="modalVisible" />
<FloatingButton icon-class="fa fa-plus" text="Add Alarm" <FloatingButton icon-class="fa fa-stopwatch" text="Add Alarm"
@click="addAlarmModalVisible = true" /> @click="addAlarmModalVisible = true" />
</template> </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; $default-bg-7: #e4e4e4 !default;
$ok-fg: #17ad17 !default; $ok-fg: #17ad17 !default;
$error-fg: #ad1717 !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: black !default;
$default-fg-2: #23513a !default; $default-fg-2: #23513a !default;