fix light themes

Author: SaraVieira

packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddFont/FontPicker/List.tsx

@@ -9,7 +9,7 @@ type Props = {
   expanded: boolean;
 };
 
-const FontList: FunctionComponent<Props> = ({
+export const FontList: FunctionComponent<Props> = ({
   fonts,
   onSelection,
   activeFontFamily,
@@ -56,5 +56,3 @@ const FontList: FunctionComponent<Props> = ({
     </>
   );
 };
-
-export default FontList;

packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddFont/FontPicker/elements.ts

@@ -103,7 +103,9 @@ export const SelectedFont = styled.button<{ done?: boolean }>`
     css`
       :after {
         content: '';
-        background-image: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.50007 4L1.27146e-07 1.35122e-07L7 -4.76837e-07L3.50007 4Z' fill='white'/%3E%3C/svg%3E%0A");
+        background-image: url("${`data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.50007 4L1.27146e-07 1.35122e-07L7 -4.76837e-07L3.50007 4Z' fill='${
+          props.theme.light ? 'black' : 'white'
+        }'/%3E%3C/svg%3E%0A`}");
         width: 7px;
         height: 4px;
         position: absolute;

packages/app/src/app/pages/Sandbox/Editor/Workspace/Dependencies/AddFont/FontPicker/index.tsx

@@ -7,7 +7,7 @@ import {
 import React, { useState, useEffect } from 'react';
 import OutsideClickHandler from 'react-outside-click-handler';
 import { SelectedFont } from './elements';
-import FontList from './List';
+import { FontList } from './List';
 
 export const FontPicker = ({
   activeFontFamily = FONT_FAMILY_DEFAULT,