Files
supabase/apps/www/components/CodeBlock/CodeBlock.utils.js
Francesco Sansalvadore 3b11b9e1d7 update functions page (#22111)
* add products pag subnav

* functions page first sections

* new functions page sections

* functions dx section images

* functions hero layout setup

* functions page hero animation

* final cta

* revisit functions page structure

* functions realtime logs animation

* functions query logs animation

* function metrics chart

* finish edge functions hero animation

* finish edge functions metrics graph

* update products cta section

* edge functions page code cleanup

* restore Panel

* restore code block bg

* pause timed sections when not in view to optimize perf

* create new code window component and add functions code snippets

* finish edge functions

* update functions page

* improve animation timing in functions page

* fix type error

* clean up functions page code

* update swiper and fix hydration errors

* fix swiper module import

* fix swiper css import

* image bg

* edge functions page details fix

* fix scroll bug

* edge functions page

* finalize edge functions page

* add anchors and improve semantics

* remove double prop

* add links to docs

* add link to edge runtime

* fix timed panel progress bar retrigger

* fix timed accordion progress bar retrigger
2024-04-10 11:51:26 +02:00

233 lines
4.2 KiB
JavaScript

const monokaiCustomTheme = {
dark: {
hljs: {
display: 'block',
overflowX: 'auto',
padding: '0.5em',
background: '#161616',
color: '#ddd',
},
'hljs-tag': {
color: '#569cd6',
},
'hljs-keyword': {
color: '#569cd6',
fontWeight: 'normal',
},
'hljs-selector-tag': {
color: '#569cd6',
fontWeight: 'normal',
},
'hljs-literal': {
color: '#569cd6',
fontWeight: 'normal',
},
'hljs-strong': {
color: '#569cd6',
},
'hljs-name': {
color: '#569cd6',
},
'hljs-code': {
color: '#66d9ef',
},
'hljs-class .hljs-title': {
color: 'gray',
},
'hljs-attribute': {
color: '#bf79db',
},
'hljs-symbol': {
color: '#bf79db',
},
'hljs-regexp': {
color: '#bf79db',
},
'hljs-link': {
color: '#bf79db',
},
'hljs-string': {
color: '#3ECF8E',
},
'hljs-bullet': {
color: '#3ECF8E',
},
'hljs-subst': {
color: '#3ECF8E',
},
'hljs-title': {
color: '#3ECF8E',
fontWeight: 'normal',
},
'hljs-section': {
color: '#3ECF8E',
fontWeight: 'normal',
},
'hljs-emphasis': {
color: '#3ECF8E',
},
'hljs-type': {
color: '#3ECF8E',
fontWeight: 'normal',
},
'hljs-built_in': {
color: '#3ECF8E',
},
'hljs-builtin-name': {
color: '#3ECF8E',
},
'hljs-selector-attr': {
color: '#3ECF8E',
},
'hljs-selector-pseudo': {
color: '#3ECF8E',
},
'hljs-addition': {
color: '#3ECF8E',
},
'hljs-variable': {
color: '#3ECF8E',
},
'hljs-template-tag': {
color: '#3ECF8E',
},
'hljs-template-variable': {
color: '#3ECF8E',
},
'hljs-comment': {
color: '#75715e',
},
'hljs-quote': {
color: '#75715e',
},
'hljs-deletion': {
color: '#75715e',
},
'hljs-meta': {
color: '#75715e',
},
'hljs-doctag': {
fontWeight: 'normal',
},
'hljs-selector-id': {
fontWeight: 'normal',
},
},
light: {
hljs: {
display: 'block',
overflowX: 'auto',
padding: '0.5em',
background: '#f9f9f9',
color: '#24292f',
},
'hljs-tag': {
color: '#0550ae',
},
'hljs-keyword': {
color: '#0550ae',
fontWeight: 'normal',
},
'hljs-selector-tag': {
color: '#0550ae',
fontWeight: 'normal',
},
'hljs-literal': {
color: '#0550ae',
fontWeight: 'normal',
},
'hljs-strong': {
color: '#0550ae',
},
'hljs-name': {
color: '#0550ae',
},
'hljs-code': {
color: '#66d9ef',
},
'hljs-class .hljs-title': {
color: 'gray',
},
'hljs-attribute': {
color: '#bf79db',
},
'hljs-symbol': {
color: '#bf79db',
},
'hljs-regexp': {
color: '#bf79db',
},
'hljs-link': {
color: '#bf79db',
},
'hljs-string': {
color: '#1B9657',
},
'hljs-bullet': {
color: '#1B9657',
},
'hljs-subst': {
color: '#1B9657',
},
'hljs-title': {
color: '#1B9657',
fontWeight: 'normal',
},
'hljs-section': {
color: '#1B9657',
fontWeight: 'normal',
},
'hljs-emphasis': {
color: '#1B9657',
},
'hljs-type': {
color: '#1B9657',
fontWeight: 'normal',
},
'hljs-built_in': {
color: '#1B9657',
},
'hljs-builtin-name': {
color: '#1B9657',
},
'hljs-selector-attr': {
color: '#1B9657',
},
'hljs-selector-pseudo': {
color: '#1B9657',
},
'hljs-addition': {
color: '#1B9657',
},
'hljs-variable': {
color: '#1B9657',
},
'hljs-template-tag': {
color: '#1B9657',
},
'hljs-template-variable': {
color: '#1B9657',
},
'hljs-comment': {
color: '#75715e',
},
'hljs-quote': {
color: '#75715e',
},
'hljs-deletion': {
color: '#75715e',
},
'hljs-meta': {
color: '#75715e',
},
'hljs-doctag': {
fontWeight: 'normal',
},
'hljs-selector-id': {
fontWeight: 'normal',
},
},
}
export default monokaiCustomTheme