diff --git a/bob_party/src/components/ButtonChangeSkin.tsx b/bob_party/src/components/ButtonChangeSkin.tsx
new file mode 100644
index 0000000..e9e72c4
--- /dev/null
+++ b/bob_party/src/components/ButtonChangeSkin.tsx
@@ -0,0 +1,16 @@
+import { FC} from "react"
+import { Pressable, Text} from "react-native"
+import React from "react"
+import styles from "./style/ButtonChangeSkin.style"
+
+export const ButtonChangeSkin:
+FC<{ onPress: any;}>
+=
+({onPress}) =>
+     {
+    return (
+      <Pressable style={styles.button} onPress={onPress}>
+        <Text style={styles.text}>Changer de skin</Text>
+      </Pressable>
+    );
+  }
\ No newline at end of file
diff --git a/bob_party/src/components/style/ButtonChangeSkin.style.js b/bob_party/src/components/style/ButtonChangeSkin.style.js
new file mode 100644
index 0000000..990fc3b
--- /dev/null
+++ b/bob_party/src/components/style/ButtonChangeSkin.style.js
@@ -0,0 +1,20 @@
+import { StyleSheet } from 'react-native';
+
+export default StyleSheet.create({
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 3,
+        marginTop: 5,
+        marginHorizontal: 10,
+        borderRadius: 10,
+        backgroundColor: '#2D2C33',
+      },
+      text: {
+        fontSize: 16,
+        lineHeight: 21,
+        fontWeight: 'bold',
+        letterSpacing: 0.25,
+        color: 'white',
+      },
+});
\ No newline at end of file