FirstSteps::2 Made Exercise clearer; Made CodeBlock background darker…

… to signify that you can write there; Added placeholder to CodeBlock
LyonSyonII · Nov 17, 2023 · 5eaf847 · 5eaf847
1 parent 5868d4d
commit 5eaf847
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/codemirror-themes/github-light.ts b/src/codemirror-themes/github-light.ts
@@ -6,7 +6,7 @@ import { tags as t } from "@lezer/highlight";
 export const config = {
   name: "githubLight",
   dark: false,
-  background: "#fff",
+  background: "#f5f5f5",
   foreground: "#444d56",
   selection: "#0366d625",
   cursor: "#044289",

diff --git a/src/components/CodeBlock.svelte b/src/components/CodeBlock.svelte
@@ -94,6 +94,7 @@
     theme={$theme === "dark" ? githubDark : githubLight}
     basic={showLineNumbers}
     editable={!running}
+    placeholder="Enter your code here..."
   />
 
   <button

diff --git a/src/content/docs/first-steps/2-the-adventurers-guild.mdx b/src/content/docs/first-steps/2-the-adventurers-guild.mdx
@@ -35,7 +35,7 @@ export function SimpleQuestion({
     </QuestionCard>
   );
 }
-export function FreeQuestion({ question, code, correct }) {
+export function FreeQuestion({ question, code = "", correct }) {
   const setup = `
         if __VALUE__ {
             println!("${correct}");