docs: polish highlight color

huozhi · Jul 30, 2024 · 75379e1 · 75379e1
1 parent 1797e94
commit 75379e1
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 47 deletions.
diff --git a/docs/app/carousel.js b/docs/app/carousel.js
@@ -46,7 +46,7 @@ const element = (
 )
 `,
     {
-      highlightedLines: []
+      highlightedLines: [7]
     }
   ],
   [
@@ -64,7 +64,7 @@ function* foo(index) {
 }
 `,
     {
-      highlightedLines: []
+      highlightedLines: [2]
     }
   ],
 
@@ -126,7 +126,9 @@ function CodeFrame({ code, title = 'Untitled', index, highlightedLines = [] }) {
     <div className='code-frame'>
       <style>
         {highlightedLines.map(line => 
-          `.code-label--${index} .code-frame .sh__line:nth-child(${line}) { background: rgba(0,0,0,.1); }`)
+          `.code-label--${index} .code-frame .sh__line:nth-child(${line}) {
+            background: #fcf5dc;
+          }`)
           .join('\n') + '\n'
         }
       </style>
@@ -156,7 +158,7 @@ export default function Carousel() {
 
   useEffect(() => {
     const timer = setInterval(() => {
-      setSelected((selected + 1) % examples.length)
+      // setSelected((selected + 1) % examples.length)
     } , 2500)
     return () => clearInterval(timer)
   }, [selected])

diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "codice": "^0.2.0",
-    "next": "14.2.3",
+    "next": "14.2.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sugar-high": "link:./",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml