From cde8ae754cbf6bebf570b86c7c447cffe5e16f77 Mon Sep 17 00:00:00 2001
From: Jim Myers <jfmyers01@gmail.com>
Date: Fri, 14 Aug 2020 13:22:16 -0400
Subject: [PATCH] Add dark/light modes to frame.

---
 src/frame/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frame/index.tsx b/src/frame/index.tsx
index e52ea6a..121d2be 100644
--- a/src/frame/index.tsx
+++ b/src/frame/index.tsx
@@ -2,6 +2,7 @@ import { h, Component } from "preact";
 
 type Props = {
   apiKey: string;
+  mode: string;
   url: string;
   width?: number;
   height?: number;
@@ -30,6 +31,7 @@ export default class Frame extends Component<Props, State> {
   static defaultProps = {
     width: "100%",
     height: "100%",
+    mode: "light",
     data: {},
     messageKey: "flipside",
     messagePayloadType: "linkAction",
@@ -68,6 +70,7 @@ export default class Frame extends Component<Props, State> {
     if (!this.ref) return;
 
     const widgetData = {
+      mode: this.props.mode,
       data: this.props.data,
       window: {
         location: {
@@ -100,7 +103,7 @@ export default class Frame extends Component<Props, State> {
 
   render(props: Props, state: State) {
     let url = props.url;
-    let urlParams = { api_key: props.apiKey };
+    let urlParams = { api_key: props.apiKey, mode: props.mode };
     if (
       props.data &&
       typeof props.data === "object" &&