Merge pull request #122 from mendix/nc/fab-dark-mode-styling

Floating Action Button dark mode styling

Author: pratikgoyal9

package.json

@@ -1,6 +1,6 @@
 {
     "name": "atlas-ui-framework",
-    "version": "2.7.2",
+    "version": "2.7.3",
     "description": "Mendix Atlas UI is the foundation of making beautiful apps with Mendix. For more information about the framework go to https://atlas.mendix.com.",
     "main": "",
     "scripts": {

styles/native/ts/core/widgets/floatingactionbutton.ts

@@ -1,5 +1,6 @@
 import { FloatingActionButtonType } from "../../types/widgets";
 import { background, brand, contrast, font } from "../variables";
+
 /*
 
 DISCLAIMER:
@@ -67,6 +68,8 @@ export const com_mendix_widget_native_floatingactionbutton_FloatingActionButton:
     secondaryButtonCaptionContainer: {
         // All ViewStyle properties are allowed
         marginHorizontal: 5,
+        backgroundColor: background.secondary,
+        borderColor: background.secondary,
         elevation: 2,
         shadowOpacity: 0.3,
         shadowRadius: 4,