samhuri.net/public/css/typocode.css

/* Syntax highlighting */
.typocode_ruby .normal {}

.typocode_ruby .comment {
    color: #005;
    font-style: italic;
}

.typocode_ruby .keyword {
    color: #A00;
    font-weight: bold;
}

.typocode_ruby .method {
    color: #077;
}

.typocode_ruby .class {
    color: #074;
}

.typocode_ruby .module {
    color: #050;
}

.typocode_ruby .punct {
    color: #447;
    font-weight: bold;
}

.typocode_ruby .symbol {
    color: #099;
}

.typocode_ruby .string {
    color: #944;
    background: #FFE;
}

.typocode_ruby .char {
    color: #F07;
}

.typocode_ruby .ident {
    color: #004;
}

.typocode_ruby .constant {
    color: #07F;
}

.typocode_ruby .regex {
    color: #B66;
    background: #FEF;
}

.typocode_ruby .number {
    color: #F99;
}

.typocode_ruby .attribute {
    color: #7BB;
}

.typocode_ruby .global {
    color: #7FB;
}

.typocode_ruby .expr {
    color: #227;
}

.typocode_ruby .escape {
    color: #277;
}

.typocode_xml .normal {}

.typocode_xml .namespace {
    color: #B66;
    font-weight: bold;
}

.typocode_xml .tag {
    color: #F88;
}

.typocode_xml .comment {
    color: #005;
    font-style: italic;
}

.typocode_xml .punct {
    color: #447;
    font-weight: bold;
}

.typocode_xml .string {
    color: #944;
}

.typocode_xml .number {
    color: #F99;
}

.typocode_xml .attribute {
    color: #BB7;
}

.typocode_yaml .normal {}

.typocode_yaml .document {
    font-weight: bold;
    color: #07F;
}

.typocode_yaml .type {
    font-weight: bold;
    color: #05C;
}

.typocode_yaml .key {
    color: #F88;
}

.typocode_yaml .comment {
    color: #005;
    font-style: italic;
}

.typocode_yaml .punct {
    color: #447;
    font-weight: bold;
}

.typocode_yaml .string {
    color: #944;
}

.typocode_yaml .number {
    color: #F99;
}

.typocode_yaml .time {
    color: #F99;
}

.typocode_yaml .date {
    color: #F99;
}

.typocode_yaml .ref {
    color: #944;
}

.typocode_yaml .anchor {
    color: #944;
}

.typocode {
    background-color: #eee;
    padding: 2px;
    margin: 5px;
}

.typocode pre {
    padding: 0.2rem 0.5rem;
    margin: 0;
    border: none;
    background: transparent;
    font-family: 'Fira Code', 'JetBrains Mono', 'Meslo LG M', 'Inconsolata', 'Menlo', 'Courier New', monospace;
    overflow: auto;
}


.typocode .lineno {
    text-align: right;
    color: #B00;
    font-family: 'Fira Code', 'JetBrains Mono', 'Meslo LG M', 'Inconsolata', 'Menlo', 'Courier New', monospace;
    padding-right: 1rem;
}