Can Forge Custom UI iframe blend in with the background?

Forge Forge Rookies
, ,
1

Massive noob question here, I’ve noticed that my UI Kit Forge app blends seamlessly with the background (across light/dark theme), whereas my Custom UI app is a box which, in dark mode, is visibly set apart from the background and doesn’t span the whole viewport width. Hence, two questions:

  • Is there a way to achieve the same integration with the background on Custom UI?
  • Can I deduce that apps which integrate and span the whole width of the screen were made using UI Kit?

Thanks everyone :slight_smile:

2

I can answer the first question:

Question:
Is there a way to achieve the same integration with the background on Custom UI?

Answer:
Yes. Modify your index.html and set the body background style to transparent:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>…</title>
<style type="text/css">
body {background-color: transparent!important;}
</style>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
2 Likes