Update styles

ngeenx · Nov 12, 2024 · a402b8c · a402b8c
1 parent c1b50e9
commit a402b8c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/docs/react/usage.mdx b/docs/docs/react/usage.mdx
@@ -10,7 +10,7 @@ Use the following steps to use the Calendar Heatmap in your Vue project.
 
 Import `NxCalendarHeatmap` component in your app.
 
-```html  title="App.tsx"
+```typescript  title="App.tsx"
 import React, { useState, useEffect, useCallback } from 'react';
 
 // highlight-next-line
@@ -64,7 +64,7 @@ Data must be provided by the parent component. There is no internal API call to
 
 :::
 
-```html  title="App.tsx"
+```typescript  title="App.tsx"
 import React, { useState, useEffect, useCallback } from 'react';
 
 // highlight-next-line

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -14,7 +14,7 @@
   --ifm-color-primary-lighter: #359962;
   --ifm-color-primary-lightest: #3cad6e;
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: #f5faa8;
+  --docusaurus-highlighted-code-line-bg: #96f7b7;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -26,7 +26,7 @@
   --ifm-color-primary-light: #29d5b0;
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
-  --docusaurus-highlighted-code-line-bg: #08453d;
+  --docusaurus-highlighted-code-line-bg: #2c764c;
 }
 
 .preview-image {