Merge pull request #475 from code-hike/next

✨ Update website ✨

Author: pomber

packages/codehike/CHANGELOG.md

@@ -1,5 +1,11 @@
 # codehike
 
+## 1.0.4
+
+### Patch Changes
+
+- [#474](https://github.com/code-hike/codehike/pull/474) [`d193364`](https://github.com/code-hike/codehike/commit/d193364129d3d4d18a58469e8f3795d9c4b02863) Thanks [@pomber](https://github.com/pomber)! - Add `color-scheme` to `highlight` result
+
 ## 1.0.3
 
 ### Patch Changes

packages/codehike/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codehike",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Build rich content websites with Markdown and React",
   "keywords": [
     "react",
@@ -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",
       },
     },
   }