From 2ce46facb8021ac20dcb100fbdf6a0bfdb0bd305 Mon Sep 17 00:00:00 2001
From: ebrillhart <emma.brillhart@gmail.com>
Date: Mon, 27 Aug 2018 10:37:08 -0700
Subject: [PATCH 1/4] fullscreen button should reflect applied colors now

---
 .../__snapshots__/fullscreen.test.js.snap     | 13 +++----
 .../__snapshots__/manager.test.js.snap        | 39 +++++++++----------
 src/components/fullscreen-button.js           |  4 +-
 src/components/fullscreen.js                  |  4 +-
 src/themes/default/screen.js                  |  2 +-
 5 files changed, 30 insertions(+), 32 deletions(-)

diff --git a/src/components/__snapshots__/fullscreen.test.js.snap b/src/components/__snapshots__/fullscreen.test.js.snap
index ce0a75a44..b2f625bc7 100644
--- a/src/components/__snapshots__/fullscreen.test.js.snap
+++ b/src/components/__snapshots__/fullscreen.test.js.snap
@@ -4,27 +4,26 @@ exports[`<Fullscreen /> should render correctly. 1`] = `
 <Fullscreen>
   <Styled(FullscreenButton)
     onClick={[Function]}
-    style={undefined}
+    styles={undefined}
     viewBox="0 0 512 512"
   >
     <FullscreenButton
-      className="css-12n5ud e4v3eea0"
+      className="css-1do7l3k e4v3eea0"
       onClick={[Function]}
-      style={undefined}
+      styles={undefined}
       viewBox="0 0 512 512"
     >
       <Styled(button)
         aria-label="Toggle full screen"
-        className="css-12n5ud e4v3eea0"
+        className="css-1do7l3k e4v3eea0"
         onClick={[Function]}
-        style={undefined}
+        styles={undefined}
         viewBox="0 0 512 512"
       >
         <button
           aria-label="Toggle full screen"
-          className="e4v3eea0 css-1hv29sw ev51h780"
+          className="e4v3eea0 css-11noi9c ev51h780"
           onClick={[Function]}
-          style={undefined}
           viewBox="0 0 512 512"
         >
           <svg
diff --git a/src/components/__snapshots__/manager.test.js.snap b/src/components/__snapshots__/manager.test.js.snap
index 2884b20d5..50bafbe05 100644
--- a/src/components/__snapshots__/manager.test.js.snap
+++ b/src/components/__snapshots__/manager.test.js.snap
@@ -335,27 +335,26 @@ exports[`<Manager /> should render correctly. 1`] = `
         <Fullscreen>
           <Styled(FullscreenButton)
             onClick={[Function]}
-            style={undefined}
+            styles={undefined}
             viewBox="0 0 512 512"
           >
             <FullscreenButton
-              className="css-12n5ud e4v3eea0"
+              className="css-1do7l3k e4v3eea0"
               onClick={[Function]}
-              style={undefined}
+              styles={undefined}
               viewBox="0 0 512 512"
             >
               <Styled(button)
                 aria-label="Toggle full screen"
-                className="css-12n5ud e4v3eea0"
+                className="css-1do7l3k e4v3eea0"
                 onClick={[Function]}
-                style={undefined}
+                styles={undefined}
                 viewBox="0 0 512 512"
               >
                 <button
                   aria-label="Toggle full screen"
-                  className="e4v3eea0 css-1hv29sw ev51h780"
+                  className="e4v3eea0 css-11noi9c ev51h780"
                   onClick={[Function]}
-                  style={undefined}
                   viewBox="0 0 512 512"
                 >
                   <svg
@@ -669,27 +668,26 @@ exports[`<Manager /> should render the overview configuration when specified. 1`
         <Fullscreen>
           <Styled(FullscreenButton)
             onClick={[Function]}
-            style={undefined}
+            styles={undefined}
             viewBox="0 0 512 512"
           >
             <FullscreenButton
-              className="css-12n5ud e4v3eea0"
+              className="css-1do7l3k e4v3eea0"
               onClick={[Function]}
-              style={undefined}
+              styles={undefined}
               viewBox="0 0 512 512"
             >
               <Styled(button)
                 aria-label="Toggle full screen"
-                className="css-12n5ud e4v3eea0"
+                className="css-1do7l3k e4v3eea0"
                 onClick={[Function]}
-                style={undefined}
+                styles={undefined}
                 viewBox="0 0 512 512"
               >
                 <button
                   aria-label="Toggle full screen"
-                  className="e4v3eea0 css-1hv29sw ev51h780"
+                  className="e4v3eea0 css-11noi9c ev51h780"
                   onClick={[Function]}
-                  style={undefined}
                   viewBox="0 0 512 512"
                 >
                   <svg
@@ -1093,27 +1091,26 @@ exports[`<Manager /> should render with slideset slides 1`] = `
         <Fullscreen>
           <Styled(FullscreenButton)
             onClick={[Function]}
-            style={undefined}
+            styles={undefined}
             viewBox="0 0 512 512"
           >
             <FullscreenButton
-              className="css-12n5ud e4v3eea0"
+              className="css-1do7l3k e4v3eea0"
               onClick={[Function]}
-              style={undefined}
+              styles={undefined}
               viewBox="0 0 512 512"
             >
               <Styled(button)
                 aria-label="Toggle full screen"
-                className="css-12n5ud e4v3eea0"
+                className="css-1do7l3k e4v3eea0"
                 onClick={[Function]}
-                style={undefined}
+                styles={undefined}
                 viewBox="0 0 512 512"
               >
                 <button
                   aria-label="Toggle full screen"
-                  className="e4v3eea0 css-1hv29sw ev51h780"
+                  className="e4v3eea0 css-11noi9c ev51h780"
                   onClick={[Function]}
-                  style={undefined}
                   viewBox="0 0 512 512"
                 >
                   <svg
diff --git a/src/components/fullscreen-button.js b/src/components/fullscreen-button.js
index b96394a8a..de4355d2a 100644
--- a/src/components/fullscreen-button.js
+++ b/src/components/fullscreen-button.js
@@ -23,7 +23,9 @@ const FullscreenButton = props => (
       <path d="M0 0h24v24H0z" fill="none" />
       <path
         d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"
-        fill="currentColor"
+        fill={
+          props.styles && props.styles.fill ? props.styles.fill : 'currentColor'
+        }
       />
     </svg>
   </Button>
diff --git a/src/components/fullscreen.js b/src/components/fullscreen.js
index 03a8f82d7..4cc7374f4 100644
--- a/src/components/fullscreen.js
+++ b/src/components/fullscreen.js
@@ -17,7 +17,7 @@ const StyledFullscreen = styled(FullscreenButton)`
   opacity: 0;
   transition: 300ms opacity ease;
   font-size: 30px;
-  color: #fff;
+  fill: #fff;
 
   &:hover {
     opacity: 1;
@@ -37,7 +37,7 @@ export class Fullscreen extends Component {
     return (
       <StyledFullscreen
         onClick={() => this.toggleFullscreen()}
-        style={this.context.styles.fullscreen}
+        styles={this.context.styles.fullscreen}
         viewBox="0 0 512 512"
       />
     );
diff --git a/src/themes/default/screen.js b/src/themes/default/screen.js
index 5aeb36343..2d83ade9e 100644
--- a/src/themes/default/screen.js
+++ b/src/themes/default/screen.js
@@ -59,7 +59,7 @@ const screen = (colorArgs = defaultColors, fontArgs = defaultFonts) => {
       }
     },
     fullscreen: {
-      fill: colors.tertiary
+      fill: colors.secondary
     },
     autoplay: {
       pause: {

From 0bb0c2ddefe133499754973a062ea8fe6667a80d Mon Sep 17 00:00:00 2001
From: ebrillhart <emma.brillhart@gmail.com>
Date: Mon, 27 Aug 2018 10:41:57 -0700
Subject: [PATCH 2/4] fill to color

---
 src/components/fullscreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/fullscreen.js b/src/components/fullscreen.js
index 4cc7374f4..b79b3bc2b 100644
--- a/src/components/fullscreen.js
+++ b/src/components/fullscreen.js
@@ -17,7 +17,7 @@ const StyledFullscreen = styled(FullscreenButton)`
   opacity: 0;
   transition: 300ms opacity ease;
   font-size: 30px;
-  fill: #fff;
+  color: #fff;
 
   &:hover {
     opacity: 1;

From 5ceef6c18c627640440afa50a2278c0343a9dc4b Mon Sep 17 00:00:00 2001
From: ebrillhart <emma.brillhart@gmail.com>
Date: Mon, 27 Aug 2018 10:43:23 -0700
Subject: [PATCH 3/4] adjust theme

---
 src/themes/default/screen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/themes/default/screen.js b/src/themes/default/screen.js
index 2d83ade9e..5aeb36343 100644
--- a/src/themes/default/screen.js
+++ b/src/themes/default/screen.js
@@ -59,7 +59,7 @@ const screen = (colorArgs = defaultColors, fontArgs = defaultFonts) => {
       }
     },
     fullscreen: {
-      fill: colors.secondary
+      fill: colors.tertiary
     },
     autoplay: {
       pause: {

From 3d394cd33e4e24c2af9f6dba25c61c9845302fe5 Mon Sep 17 00:00:00 2001
From: ebrillhart <emma.brillhart@gmail.com>
Date: Mon, 27 Aug 2018 10:49:03 -0700
Subject: [PATCH 4/4] update snapshots

---
 .../__snapshots__/fullscreen.test.js.snap      |  6 +++---
 .../__snapshots__/manager.test.js.snap         | 18 +++++++++---------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/__snapshots__/fullscreen.test.js.snap b/src/components/__snapshots__/fullscreen.test.js.snap
index b2f625bc7..967116891 100644
--- a/src/components/__snapshots__/fullscreen.test.js.snap
+++ b/src/components/__snapshots__/fullscreen.test.js.snap
@@ -8,21 +8,21 @@ exports[`<Fullscreen /> should render correctly. 1`] = `
     viewBox="0 0 512 512"
   >
     <FullscreenButton
-      className="css-1do7l3k e4v3eea0"
+      className="css-12n5ud e4v3eea0"
       onClick={[Function]}
       styles={undefined}
       viewBox="0 0 512 512"
     >
       <Styled(button)
         aria-label="Toggle full screen"
-        className="css-1do7l3k e4v3eea0"
+        className="css-12n5ud e4v3eea0"
         onClick={[Function]}
         styles={undefined}
         viewBox="0 0 512 512"
       >
         <button
           aria-label="Toggle full screen"
-          className="e4v3eea0 css-11noi9c ev51h780"
+          className="e4v3eea0 css-1hv29sw ev51h780"
           onClick={[Function]}
           viewBox="0 0 512 512"
         >
diff --git a/src/components/__snapshots__/manager.test.js.snap b/src/components/__snapshots__/manager.test.js.snap
index 50bafbe05..030c556b9 100644
--- a/src/components/__snapshots__/manager.test.js.snap
+++ b/src/components/__snapshots__/manager.test.js.snap
@@ -339,21 +339,21 @@ exports[`<Manager /> should render correctly. 1`] = `
             viewBox="0 0 512 512"
           >
             <FullscreenButton
-              className="css-1do7l3k e4v3eea0"
+              className="css-12n5ud e4v3eea0"
               onClick={[Function]}
               styles={undefined}
               viewBox="0 0 512 512"
             >
               <Styled(button)
                 aria-label="Toggle full screen"
-                className="css-1do7l3k e4v3eea0"
+                className="css-12n5ud e4v3eea0"
                 onClick={[Function]}
                 styles={undefined}
                 viewBox="0 0 512 512"
               >
                 <button
                   aria-label="Toggle full screen"
-                  className="e4v3eea0 css-11noi9c ev51h780"
+                  className="e4v3eea0 css-1hv29sw ev51h780"
                   onClick={[Function]}
                   viewBox="0 0 512 512"
                 >
@@ -672,21 +672,21 @@ exports[`<Manager /> should render the overview configuration when specified. 1`
             viewBox="0 0 512 512"
           >
             <FullscreenButton
-              className="css-1do7l3k e4v3eea0"
+              className="css-12n5ud e4v3eea0"
               onClick={[Function]}
               styles={undefined}
               viewBox="0 0 512 512"
             >
               <Styled(button)
                 aria-label="Toggle full screen"
-                className="css-1do7l3k e4v3eea0"
+                className="css-12n5ud e4v3eea0"
                 onClick={[Function]}
                 styles={undefined}
                 viewBox="0 0 512 512"
               >
                 <button
                   aria-label="Toggle full screen"
-                  className="e4v3eea0 css-11noi9c ev51h780"
+                  className="e4v3eea0 css-1hv29sw ev51h780"
                   onClick={[Function]}
                   viewBox="0 0 512 512"
                 >
@@ -1095,21 +1095,21 @@ exports[`<Manager /> should render with slideset slides 1`] = `
             viewBox="0 0 512 512"
           >
             <FullscreenButton
-              className="css-1do7l3k e4v3eea0"
+              className="css-12n5ud e4v3eea0"
               onClick={[Function]}
               styles={undefined}
               viewBox="0 0 512 512"
             >
               <Styled(button)
                 aria-label="Toggle full screen"
-                className="css-1do7l3k e4v3eea0"
+                className="css-12n5ud e4v3eea0"
                 onClick={[Function]}
                 styles={undefined}
                 viewBox="0 0 512 512"
               >
                 <button
                   aria-label="Toggle full screen"
-                  className="e4v3eea0 css-11noi9c ev51h780"
+                  className="e4v3eea0 css-1hv29sw ev51h780"
                   onClick={[Function]}
                   viewBox="0 0 512 512"
                 >