covid19-dashboard/docs/resources/highlightjs-custom-github-theme.css

Dashboard App displaying COVID-19 numbers by country

/**
 * based on highlight/styles/github.css
 * and highlight-line-numbers.css
 */

pre.hljs {
    margin : 0;
    padding: 0;
}

.hljs {
    background: #fff;
    color     : #333;
    display   : block;
    font-size : 12px;
    overflow-x: auto;
    padding   : 0.5em;
}

.hljs-comment,
.hljs-quote {
    color: #998;
    font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
    color: #d73a49;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
    color: #005cc5;
}

.hljs-string {
    color: #032f62;
}

.hljs-doctag {
    color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
    color: #900;
    font-weight: bold;
}

.hljs-subst {
    font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
    color: #458;
    font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
    color: #000080;
    font-weight: normal;
}

.hljs-regexp,
.hljs-link {
    color: #009926;
}

.hljs-symbol,
.hljs-bullet {
    color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
    color: #6f42c1;
}

.hljs-meta {
    color: #999;
    font-weight: bold;
}

.hljs-deletion {
    background: #fdd;
}

.hljs-addition {
    background: #dfd;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-ln {
    border-right: 1px solid #ddd;
}

/*line number styles*/
.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #fff;
    text-align: right;
    color: rgba(27,31,35,.3);
    vertical-align: top;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.hljs-ln-code {
    padding-left : 20px !important;
    padding-right: 20px !important;
}

.neo-highlighted-line {
    background-color: #cee8fc !important;
}