1<!DOCTYPE html> 2<html> 3 <head> 4 <title>Trace Example</title> 5 <style> 6 * { 7 box-sizing: border-box; 8 } 9 10 html, 11 body { 12 height: 100%; 13 margin: 0; 14 padding: 0; 15 } 16 </style> 17 <script type="text/javascript"> 18 // Light = 1,Dark = 2,HighContrast = 3 19 window.addEventListener('message', (event) => { 20 const message = event.data; 21 let spApplication = document.getElementsByTagName('sp-application')[0]; 22 spApplication.vs = true; 23 switch (message.colorThemeKind) { 24 case 1: 25 spApplication.dark = false; 26 break; 27 case 2: 28 spApplication.dark = true; 29 break; 30 default: 31 spApplication.dark = true; 32 break; 33 } 34 }); 35 </script> 36 </head> 37 <body> 38 <script type="text/javascript"> 39 'use strict'; 40 sessionStorage.clear(); 41 let req = new XMLHttpRequest(); 42 req.open('GET', document.location, false); 43 req.send(null); 44 window.version = req.getResponseHeader('data-version') || ''; 45 </script> 46 <script src="trace/SpApplication.js" type="module"></script> 47 <sp-application wasm query-sql></sp-application> 48 </body> 49</html> 50