diff --git a/.gitignore b/.gitignore
index 1abbf67..ae9d298 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,6 @@ storybook-static
 lib
 suir.stories.js
 styleguide
+
+*.iml
+*.idea
diff --git a/semantic/src/themes/tripwire/modules/modal.variables b/semantic/src/themes/tripwire/modules/modal.variables
index 44b471b..bcd87eb 100644
--- a/semantic/src/themes/tripwire/modules/modal.variables
+++ b/semantic/src/themes/tripwire/modules/modal.variables
@@ -29,8 +29,8 @@
 @headerVerticalPadding: 1.25rem;
 @headerHorizontalPadding: 1.5rem;
 @headerPadding: @headerVerticalPadding @headerHorizontalPadding;
-@headerBackground: @white;
-@headerColor: @darkTextColor;
+@headerBackground: @blue;
+@headerColor: @white;
 @headerFontSize: @huge;
 @headerBoxShadow: none;
 @headerFontWeight: bold;
@@ -64,7 +64,7 @@
 /* Inner Close Position (Tablet/Mobile) */
 @innerCloseTop: (@headerVerticalPadding - @closeHitBoxOffset + (@lineHeight - 1em));
 @innerCloseRight: 1rem;
-@innerCloseColor: @textColor;
+@innerCloseColor: @white;
 
 /* Mobile Positions */
 @mobileHeaderPadding: 0.75rem 1rem;
diff --git a/src/components/suir/modal/Modal.examples.md b/src/components/suir/modal/Modal.examples.md
new file mode 100644
index 0000000..8c032ba
--- /dev/null
+++ b/src/components/suir/modal/Modal.examples.md
@@ -0,0 +1,18 @@
+## Full screen modal dialog with close button
+
+    const Modal = require('semantic-ui-react').Modal;
+    const Header = require('semantic-ui-react').Header;
+    const Button = require('semantic-ui-react').Button;
+    
+    <Modal size='fullscreen' trigger={<Button>Show Modal</Button>} closeIcon='close'>
+    <Modal.Header>Select a Photo</Modal.Header>
+    <Modal.Content>
+      <Modal.Description>
+        <Header>Default Profile Image</Header>
+        <p>We've found the following gravatar image associated with your e-mail address.</p>
+        <p>Is it okay to use this photo?</p>
+      </Modal.Description>
+    </Modal.Content>
+    </Modal>
+    
+    
diff --git a/src/components/suir/modal/Modal.js b/src/components/suir/modal/Modal.js
new file mode 100644
index 0000000..a501dff
--- /dev/null
+++ b/src/components/suir/modal/Modal.js
@@ -0,0 +1,2 @@
+import Modal from 'semantic-ui-react/dist/commonjs/modules/Modal'
+export default Modal