update theme styles

src/constants.ts

@@ -102,3 +102,6 @@ export const WINDOWS_BINARY_BASE_URL =
 
 export const LATEST_SOURCES_BASE_URL = 'https://github.com/ethereum/go-ethereum/archive/';
 export const RELEASE_NOTES_BASE_URL = 'https://github.com/ethereum/go-ethereum/releases/tag/';
+
+// Code snippet class constants
+export const CLASSNAME_PREFIX = 'language-';

src/theme/foundations/textStyles.ts

@@ -135,14 +135,14 @@ export const textStyles = {
     fontSize: 'sm'
   },
   'inline-code-snippet': {
-    fontFamily: '"JetBrains Mono", monospace',
+    fontFamily: 'heading',
     fontWeight: 400,
     fontSize: 'md',
     lineHeight: 4,
     letterSpacing: '1%'
   },
   'code-block': {
-    fontFamily: '"JetBrains Mono", monospace',
+    fontFamily: 'heading',
     fontWeight: 400,
     fontSize: 'md',
     lineHeight: '21.12px',

src/theme/index.ts

@@ -18,6 +18,9 @@ const overrides = {
       body: {
         bg: 'bg',
         transition: 'all 200ms linear !important'
+      },
+      code: {
+        fontFamily: 'code !important'
       }
     })
   },
@@ -29,9 +32,9 @@ const overrides = {
       'button-bg': { _light: 'green.50', _dark: 'green.900' },
       body: { _light: 'gray.800', _dark: 'yellow.50' },
       'code-bg': { _light: 'gray.200', _dark: 'gray.700' },
-      'code-bg-contrast': { _light: 'gray.800', _dark: 'gray.900' },
+      'terminal-bg': { _light: 'gray.800', _dark: 'gray.900' },
-      'code-text': { _light: 'green.50', _dark: 'green.50' },
+      'terminal-text': { _light: 'green.50', _dark: 'green.200' },
-      bg: { _light: 'yellow.50', _dark: 'gray.800' },
+      bg: { _light: 'yellow.50', _dark: 'gray.800' }
     }
   }
 };

src/utils/getProgrammingLanguageName.ts

@@ -1,4 +1,5 @@
-const CLASSNAME_PREFIX = 'language-';
+import { CLASSNAME_PREFIX } from '../constants';
+
 const DEFAULT = 'bash';
 const TERMINAL = 'terminal';
 const JS = ['javascript', 'js', 'jsx', 'ts', 'tsx'];

src/utils/index.ts

@@ -0,0 +1 @@
+export * from './getProgrammingLanguageName';