[UI] fix logo black background (#647)

Author: mykalmax

web/client/src/library/components/logo/SqlMesh.tsx

@@ -29,6 +29,7 @@ function LogoSqlMesh({
       className={className}
       viewBox="0 0 240 72"
       xmlns="http://www.w3.org/2000/svg"
+      fill="none"
     >
       <title>SQLMesh logo</title>
       <path

web/client/src/workers/sqlglot/worker.ts

@@ -1,24 +1,30 @@
-const global = self as any
-global.importScripts('https://cdn.jsdelivr.net/pyodide/v0.22.1/full/pyodide.js')
+declare function importScripts(...urls: string[]): void
+
+importScripts('https://cdn.jsdelivr.net/pyodide/v0.22.1/full/pyodide.js')
+
+const scope = self as any
 
 async function loadPyodideAndPackages(): Promise<any[]> {
-  global.pyodide = await global.loadPyodide()
-  await global.pyodide.loadPackage('micropip')
+  scope.pyodide = await scope.loadPyodide()
+
+  await scope.pyodide.loadPackage('micropip')
+
+  const micropip = scope.pyodide.pyimport('micropip')
 
-  const micropip = global.pyodide.pyimport('micropip')
   await micropip.install('sqlglot')
+
   const file = await (
     await fetch(new URL('./sqlglot.py', import.meta.url))
   ).text()
 
-  global.postMessage({ topic: 'init' })
+  scope.postMessage({ topic: 'init' })
 
-  return Array.from(global.pyodide.runPython(file))
+  return Array.from(scope.pyodide.runPython(file))
 }
 
 const pyodideReadyPromise = loadPyodideAndPackages()
 
-global.onmessage = async (e: MessageEvent) => {
+scope.onmessage = async (e: MessageEvent) => {
   const [parse, get_dialect, dialects] = await pyodideReadyPromise
 
   if (e.data.topic === 'parse') {
@@ -33,7 +39,7 @@ global.onmessage = async (e: MessageEvent) => {
       }
     }
 
-    global.postMessage({
+    scope.postMessage({
       topic: 'parse',
       payload,
     })
@@ -44,7 +50,7 @@ global.onmessage = async (e: MessageEvent) => {
       get_dialect(e.data.payload),
     )
 
-    global.postMessage({
+    scope.postMessage({
       topic: 'dialect',
       payload: {
         types: `${types} `.toLowerCase(),
@@ -54,7 +60,7 @@ global.onmessage = async (e: MessageEvent) => {
   }
 
   if (e.data.topic === 'dialects') {
-    global.postMessage({
+    scope.postMessage({
       topic: 'dialects',
       payload: {
         dialects: JSON.parse(dialects),