github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/sass/prism.scss (about)

     1  /* PrismJS 1.24.1
     2  https://prismjs.com/download.html#themes=prism-funky&languages=promql */
     3  /**
     4   * prism.js Funky theme
     5   * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
     6   * @author Lea Verou
     7   */
     8  
     9  code[class*='language-'],
    10  pre[class*='language-'] {
    11    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    12    font-size: 1em;
    13    text-align: left;
    14    white-space: pre;
    15    word-spacing: normal;
    16    word-break: normal;
    17    word-wrap: normal;
    18    line-height: 1.5;
    19  
    20    -moz-tab-size: 4;
    21    -o-tab-size: 4;
    22    tab-size: 4;
    23  
    24    -webkit-hyphens: none;
    25    -moz-hyphens: none;
    26    -ms-hyphens: none;
    27    hyphens: none;
    28  }
    29  
    30  /* Code blocks */
    31  pre[class*='language-'] {
    32    padding: 0.4em 0.8em;
    33    margin: 0.5em 0;
    34    overflow: auto;
    35    background-size: 1em 1em;
    36  }
    37  
    38  code[class*='language-'] {
    39    background: black;
    40    color: #999;
    41    box-shadow: -0.3em 0 0 0.3em black, 0.3em 0 0 0.3em black;
    42  }
    43  
    44  /* Inline code */
    45  :not(pre) > code[class*='language-'] {
    46    padding: 0.2em;
    47    border-radius: 0.3em;
    48    box-shadow: none;
    49    white-space: normal;
    50  }
    51  
    52  .token.comment,
    53  .token.prolog,
    54  .token.doctype,
    55  .token.cdata {
    56    color: #aaa;
    57  }
    58  
    59  .token.punctuation {
    60    color: #999;
    61  }
    62  
    63  .token.namespace {
    64    opacity: 0.7;
    65  }
    66  
    67  .token.property,
    68  .token.tag,
    69  .token.boolean,
    70  .token.number,
    71  .token.constant,
    72  .token.symbol {
    73    color: #0cf;
    74  }
    75  
    76  .token.selector,
    77  .token.attr-name,
    78  .token.string,
    79  .token.char,
    80  .token.builtin {
    81    color: #33a2e5;
    82  }
    83  
    84  .token.operator,
    85  .token.entity,
    86  .token.url,
    87  .language-css .token.string,
    88  .token.variable,
    89  .token.inserted {
    90    color: yellowgreen;
    91  }
    92  
    93  .token.atrule,
    94  .token.attr-value,
    95  .token.keyword {
    96    color: #74e680;
    97  }
    98  
    99  .token.regex,
   100  .token.important {
   101    color: orange;
   102  }
   103  
   104  .token.important,
   105  .token.bold {
   106    font-weight: bold;
   107  }
   108  .token.italic {
   109    font-style: italic;
   110  }
   111  
   112  .token.entity {
   113    cursor: help;
   114  }
   115  
   116  .token.deleted {
   117    color: red;
   118  }
   119  
   120  /* Plugin styles: Diff Highlight */
   121  pre.diff-highlight.diff-highlight > code .token.deleted:not(.prefix),
   122  pre > code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
   123    background-color: rgba(255, 0, 0, 0.3);
   124    display: inline;
   125  }
   126  
   127  pre.diff-highlight.diff-highlight > code .token.inserted:not(.prefix),
   128  pre > code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
   129    background-color: rgba(0, 255, 128, 0.3);
   130    display: inline;
   131  }