Merge pull request #474 from code-hike/lighter-101

Update @code-hike/lighter dependency to version 1.0.1

Author: pomber

.changeset/eight-readers-battle.md

@@ -0,0 +1,5 @@
+---
+"codehike": patch
+---
+
+Add `color-scheme` to `highlight` result

packages/codehike/package.json

@@ -53,7 +53,7 @@
     "check-exports": "attw --pack ."
   },
   "dependencies": {
-    "@code-hike/lighter": "1.0.0",
+    "@code-hike/lighter": "1.0.1",
     "diff": "^5.1.0",
     "estree-util-visit": "^2.0.0",
     "mdast-util-mdx-jsx": "^3.0.0",

packages/codehike/tests/md-suite/inline-code-highlighted.7.compiled-jsx.jsx

@@ -30,6 +30,7 @@ function _createMdxContent(props) {
             style: {
               color: "#c9d1d9",
               background: "#0d1117",
+              colorScheme: "dark",
             },
           }}
         />
@@ -59,6 +60,7 @@ function _createMdxContent(props) {
             style: {
               color: "#c9d1d9",
               background: "#0d1117",
+              colorScheme: "dark",
             },
           }}
         />
@@ -95,6 +97,7 @@ function _createMdxContent(props) {
             style: {
               color: "#c9d1d9",
               background: "#0d1117",
+              colorScheme: "dark",
             },
           }}
         />
@@ -122,6 +125,7 @@ function _createMdxContent(props) {
             style: {
               color: "#c9d1d9",
               background: "#0d1117",
+              colorScheme: "dark",
             },
           }}
         />

packages/codehike/tests/md-suite/inline-code-highlighted.9.rendered.html

@@ -1,5 +1,5 @@
 <p>
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #ff7b72">var</span>
     <span style="color: #c9d1d9">x</span>
     <span style="color: #ff7b72">=</span>
@@ -8,7 +8,7 @@
 </p>
 <p>
   hello
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #c9d1d9">&lt;</span>
     <span style="color: #7ee787">div</span>
     <span style="color: #79c0ff">class</span>
@@ -22,7 +22,7 @@
 </p>
 <p>
   two lines
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #ff7b72">var</span>
     <span style="color: #c9d1d9">x</span>
     <span style="color: #ff7b72">=</span>
@@ -35,7 +35,7 @@
 </p>
 <p>
   extra meta
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #ff7b72">var</span>
     <span style="color: #c9d1d9">x</span>
     <span style="color: #ff7b72">=</span>

packages/codehike/tests/md-suite/inline-code.9.rendered.html

@@ -1,5 +1,5 @@
 <p>
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #ff7b72">var</span>
     <span style="color: #c9d1d9">x</span>
     <span style="color: #ff7b72">=</span>
@@ -8,7 +8,7 @@
 </p>
 <p>
   hello
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #c9d1d9">&lt;</span>
     <span style="color: #7ee787">div</span>
     <span style="color: #79c0ff">class</span>
@@ -22,7 +22,7 @@
 </p>
 <p>
   two lines
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #ff7b72">var</span>
     <span style="color: #c9d1d9">x</span>
     <span style="color: #ff7b72">=</span>
@@ -35,7 +35,7 @@
 </p>
 <p>
   extra meta
-  <code style="color: #c9d1d9; background: #0d1117">
+  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
     <span style="color: #ff7b72">var</span>
     <span style="color: #c9d1d9">x</span>
     <span style="color: #ff7b72">=</span>

packages/codehike/tests/md-suite/syntax-highlight.7.compiled-jsx.jsx

@@ -36,6 +36,7 @@ function _createMdxContent(props) {
           style: {
             color: "#c9d1d9",
             background: "#0d1117",
+            colorScheme: "dark",
           },
         }}
       />
@@ -70,6 +71,7 @@ function _createMdxContent(props) {
       style: {
         color: "#c9d1d9",
         background: "#0d1117",
+        colorScheme: "dark",
       },
     },
   }