chore: revert previous changes

Author: coseeian

src/components/AnnotatedCode/index.astro

@@ -1,8 +1,5 @@
 ---
 import { codeToHtml } from 'shiki';
-import "../../../styles/global.scss";
-
-
 import { JSDOM } from 'jsdom';
 const { props } = Astro;
 
@@ -55,12 +52,9 @@ const code = rows.map((row) => row.code).join('');
 // Convert it to HTML with style tags
 const html = await codeToHtml(code, {
   lang: props.lang || 'javascript',
-  theme: props.theme || 'github-light-high-contrast',
+  theme: props.theme || 'github-light',
 })
 
-console.log("Shiki theme in use:", props.theme || 'github-light-high-contrast');
-console.log(html.slice(0, 300));
-
 // Turn it into a DOM tree we can query
 const parsed = new JSDOM(html)
 const dom = parsed.window.document

src/components/CodeEmbed/index.jsx

@@ -8,9 +8,6 @@ import { CodeFrame } from "./frame";
 import { CopyCodeButton } from "../CopyCodeButton";
 import CircleButton from "../CircleButton";
 import { Icon } from "../Icon";
-import { githubLight } from '@uiw/codemirror-theme-github';
-
-
 /*
  * A more featured code embed component that uses CodeMirror
  *
@@ -126,7 +123,7 @@ export const CodeEmbed = (props) => {
       <div className="code-editor-container relative w-full">
         <CodeMirror
           value={codeString}
-          theme= {githubLight}
+          theme="light"
           width="100%"
           minimalSetup={{
             highlightSpecialChars: false,

src/components/Nav/styles.module.scss

@@ -287,7 +287,3 @@
   margin-top: 10px;
 }
 
-/* Force 'function' keyword to have better contrast */
-code span[style*="#D73A49"] {
-  color: #000 !important;
-}

src/content/tutorials/en/layered-rendering-with-framebuffers.mdx

@@ -191,11 +191,7 @@ function draw() {
 
 By default, `p5.Framebuffer`s are not drawn to the screen. The main canvas is the only thing shown at the end of `draw()`. To make the contents of a `p5.Framebuffer` visible, it has to be stamped upon the main canvas. This is typically done with a call to `image(yourFramebuffer, x, y, width, height)`. Similar to the main canvas, a `p5.Framebuffer` only gets cleared when you ask it to be cleared, so you can stamp it on the main canvas as many times as you want, like in the example below.
 
-<AnnotatedCode
-  lang="javascript"
-  columns={true}
-  theme="light-plus"
-  code={({ begin, end }) =>
+<AnnotatedCode lang="javascript" columns={true} code={({ begin, end }) =>
 `${begin('header')}
 
 ${end('header')}