Update web test

Author: pomber

web/app/test/code.js

@@ -1,4 +1,4 @@
-import { highlight } from "@code-hike/lighter";
+import { getThemeColors, highlight } from "@code-hike/lighter";
 
 export async function Code({
   children,
@@ -8,16 +8,11 @@ export async function Code({
   lineNumbers,
   theme,
 }) {
-  const { lines, colors } = await highlight(children, lang, theme);
-  // console.log({ colors });
+  const { lines, style: s } = await highlight(children, lang, theme);
 
-  const {
-    foreground,
-    background,
-    colorScheme,
-    selectionBackground,
-    lineNumberForeground,
-  } = colors;
+  const colors = await getThemeColors(theme);
+
+  const { color, background } = s;
 
   const lineCount = lines.length;
   const digits = lineCount.toString().length;
@@ -44,21 +39,21 @@ export async function Code({
     <pre
       className={className}
       style={{
-        color: foreground,
+        color,
         background,
         // border: "1px solid " + background,
         padding: "1em",
         borderRadius: "4px",
-        colorScheme,
+        // colorScheme,
         ...style,
       }}
     >
       <style>{`
       code ::selection {
-        background-color: ${selectionBackground}
+        background-color: ${colors.editor.selectionBackground};
       }
       .bright-ln { 
-        color: ${lineNumberForeground}; 
+        color: ${colors.editorLineNumber.foreground}; 
         padding-right: 2ch; 
         display: inline-block;
         text-align: right;