type StyleType = React . HTMLAttributes < HTMLElement > [ 'style' ] & { Opacity ? : string ; } ; export const OasisDark = { 'pre[class*="language-"]' : { color : '#d4d4d4' , fontSize : '13px' , textShadow : 'none' , fontFamily : 'Hack, monospace' , direction : 'ltr' , textAlign : 'left' , whiteSpace : 'pre' , wordSpacing : 'normal' , wordBreak : 'normal' , lineHeight : '1.5' , MozTabSize : '4' , OTabSize : '4' , tabSize : '4' , WebkitHyphens : 'none' , MozHyphens : 'none' , msHyphens : 'none' , hyphens : 'none' , padding : '1.15em' , overflow : 'auto' , background : 'var(--color-gray-900)' , } , 'code[class*="language-"]' : { color : '#d4d4d4' , fontSize : '13px' , textShadow : 'none' , fontFamily : 'Hack, monospace' , direction : 'ltr' , textAlign : 'left' , whiteSpace : 'pre' , wordSpacing : 'normal' , wordBreak : 'normal' , lineHeight : '1.5' , MozTabSize : '4' , OTabSize : '4' , tabSize : '4' , WebkitHyphens : 'none' , MozHyphens : 'none' , msHyphens : 'none' , hyphens : 'none' , background : 'var(--color-gray-900)' , } , 'pre[class*="language-"]::selection' : { textShadow : 'none' , background : 'var(--color-gray-900)' , } , 'code[class*="language-"]::selection' : { textShadow : 'none' , background : 'var(--color-gray-900)' , } , 'pre[class*="language-"] *::selection' : { textShadow : 'none' , background : 'var(--color-gray-900)' , } , 'code[class*="language-"] *::selection' : { textShadow : 'none' , background : 'var(--color-gray-900)' , } , ':not(pre) > code[class*="language-"]' : { padding : '.1em .3em' , borderRadius : '.3em' , color : '#db4c69' , background : 'var(--color-gray-900)' , } , '.namespace' : { Opacity : '.7' , } , 'doctype.doctype-tag' : { color : '#569CD6' , } , 'doctype.name' : { color : '#9cdcfe' , } , comment : { color : '#6a9955' , } , prolog : { color : '#6a9955' , } , punctuation : { color : '#d4d4d4' , } , '.language-html .language-css .token.punctuation' : { color : '#d4d4d4' , } , '.language-html .language-javascript .token.punctuation' : { color : '#d4d4d4' , } , property : { color : '#9cdcfe' , } , tag : { color : '#569cd6' , } , boolean : { color : '#569cd6' , } , number : { color : '#b5cea8' , } , constant : { color : '#9cdcfe' , } , symbol : { color : '#b5cea8' , } , inserted : { color : '#b5cea8' , } , unit : { color : '#b5cea8' , } , selector : { color : '#d7ba7d' , } , 'attr-name' : { color : '#9cdcfe' , } , string : { color : '#ce9178' , } , char : { color : '#ce9178' , } , builtin : { color : '#ce9178' , } , deleted : { color : '#ce9178' , } , '.language-css .token.string.url' : { textDecoration : 'underline' , } , operator : { color : '#d4d4d4' , } , entity : { color : '#569cd6' , } , 'operator.arrow' : { color : '#569CD6' , } , atrule : { color : '#ce9178' , } , 'atrule.rule' : { color : '#c586c0' , } , 'atrule.url' : { color : '#9cdcfe' , } , 'atrule.url.function' : { color : '#dcdcaa' , } , 'atrule.url.punctuation' : { color : '#d4d4d4' , } , keyword : { color : '#569CD6' , } , 'keyword.module' : { color : '#c586c0' , } , 'keyword.control-flow' : { color : '#c586c0' , } , function : { color : '#dcdcaa' , } , 'function.maybe-class-name' : { color : '#dcdcaa' , } , regex : { color : '#d16969' , } , important : { color : '#569cd6' , } , italic : { fontStyle : 'italic' , } , 'class-name' : { color : '#4ec9b0' , } , 'maybe-class-name' : { color : '#4ec9b0' , } , console : { color : '#9cdcfe' , } , parameter : { color : '#9cdcfe' , } , interpolation : { color : '#9cdcfe' , } , 'punctuation.interpolation-punctuation' : { color : '#569cd6' , } , variable : { color : '#9cdcfe' , } , 'imports.maybe-class-name' : { color : '#9cdcfe' , } , 'exports.maybe-class-name' : { color : '#9cdcfe' , } , escape : { color : '#d7ba7d' , } , 'tag.punctuation' : { color : '#808080' , } , cdata : { color : '#808080' , } , 'attr-value' : { color : '#ce9178' , } , 'attr-value.punctuation' : { color : '#ce9178' , } , 'attr-value.punctuation.attr-equals' : { color : '#d4d4d4' , } , namespace : { color : '#4ec9b0' , } , 'pre[class*="language-javascript"]' : { color : '#9cdcfe' , } , 'code[class*="language-javascript"]' : { color : '#9cdcfe' , } , 'pre[class*="language-jsx"]' : { color : '#9cdcfe' , } , 'code[class*="language-jsx"]' : { color : '#9cdcfe' , } , 'pre[class*="language-typescript"]' : { color : '#9cdcfe' , } , 'code[class*="language-typescript"]' : { color : '#9cdcfe' , } , 'pre[class*="language-tsx"]' : { color : '#9cdcfe' , } , 'code[class*="language-tsx"]' : { color : '#9cdcfe' , } , 'pre[class*="language-css"]' : { color : '#ce9178' , } , 'code[class*="language-css"]' : { color : '#ce9178' , } , 'pre[class*="language-html"]' : { color : '#d4d4d4' , } , 'code[class*="language-html"]' : { color : '#d4d4d4' , } , '.language-regex .token.anchor' : { color : '#dcdcaa' , } , '.language-html .token.punctuation' : { color : '#808080' , } , 'pre[data-line]' : { position : 'relative' , } , 'pre[class*="language-"] > code[class*="language-"]' : { position : 'relative' , } , '.line-highlight' : { position : 'absolute' , left : '0' , right : '0' , padding : 'inherit 0' , marginTop : '1em' , background : 'var(--color-gray-900)' , boxShadow : 'inset 5px 0 0 #f7d87c' , pointerEvents : 'none' , lineHeight : 'inherit' , whiteSpace : 'pre' , } , } ;