All files / elements/typography/codeElements/utils styles.js

100% Statements 1/1
100% Branches 0/0
100% Functions 0/0
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95    8x                                                                                                                                                                                        
import * as colors from 'src/assets/json/colors.json';
 
export const grapeUICustomStyle = {
  hljs: {
    background: colors.white.base,
  },
  'hljs-addition': {
    color: colors.teal.base,
  },
  'hljs-attribute': {
    color: colors.orange.light,
  },
  'hljs-built_in': {
    color: colors.grape.base,
  },
  'hljs-builtin-name': {
    color: colors.grape.base,
  },
  'hljs-bullet': {
    color: colors.teal.base,
  },
  'hljs-comment': {
    color: colors.gray.dark,
  },
  'hljs-deletion': {
    color: colors.orange.base,
  },
  'hljs-emphasis': {
    fontStyle: 'italic',
  },
  'hljs-keyword': {
    color: colors.blue.base,
  },
  'hljs-link': {
    color: colors.grape.base,
  },
  'hljs-literal': {
    color: colors.grape.base,
  },
  'hljs-meta': {
    color: colors.grape.base,
  },
  'hljs-name': {
    color: colors.purple.base,
  },
  'hljs-number': {
    color: colors.grape.base,
  },
  'hljs-params': {
    color: colors.grape.base,
  },
  'hljs-quote': {
    color: colors.gray.dark,
  },
  'hljs-regexp': {
    color: colors.orange.base,
  },
  'hljs-section': {
    color: colors.indigo.light,
  },
  'hljs-selector-class': {
    color: colors.orange.base,
  },
  'hljs-selector-id': {
    color: colors.orange.base,
  },
  'hljs-selector-tag': {
    color: colors.blue.base,
  },
  'hljs-string': {
    color: colors.teal.base,
  },
  'hljs-strong': {
    fontWeight: 'bold',
  },
  'hljs-symbol': {
    color: colors.teal.base,
  },
  'hljs-tag': {
    color: colors.teal.base,
  },
  'hljs-template-variable': {
    color: colors.orange.base,
  },
  'hljs-title': {
    color: colors.indigo.light,
  },
  'hljs-type': {
    color: colors.grape.base,
  },
  'hljs-variable': {
    color: colors.orange.base,
  },
};