Home

Theme : base16_dark

  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
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
.base16_dark .highlight .linenos {
    border-right: 1px solid #708090;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: right;
    color: #bebec5;
}

.base16_dark .highlight {
    background-color: #151515;
    color: #d0d0d0;
}

.base16_dark .highlight .err {
    color: #151515;
    background-color: #ac4142;
}

.base16_dark .highlight .c, .base16_dark .highlight .cd, .base16_dark .highlight .cm, .base16_dark .highlight .c1, .base16_dark .highlight .cs {
    color: #505050;
}

.base16_dark .highlight .cp {
    color: #f4bf75;
}

.base16_dark .highlight .nt {
    color: #f4bf75;
}

.base16_dark .highlight .n {
    color: #d0d0d0;
}

.base16_dark .highlight .o, .base16_dark .highlight .ow {
    color: #d0d0d0;
}

.base16_dark .highlight .p, .base16_dark .highlight .pi {
    color: #d0d0d0;
}

.base16_dark .highlight .gi {
    color: #90a959;
}

.base16_dark .highlight .gd {
    color: #ac4142;
}

.base16_dark .highlight .gh {
    color: #6a9fb5;
    background-color: #151515;
}

.base16_dark .highlight .k, .base16_dark .highlight .kn, .base16_dark .highlight .kp, .base16_dark .highlight .kr, .base16_dark .highlight .kv {
    color: #aa759f;
}

.base16_dark .highlight .kc {
    color: #d28445;
}

.base16_dark .highlight .kt {
    color: #d28445;
}

.base16_dark .highlight .kd {
    color: #d28445;
}

.base16_dark .highlight .s, .base16_dark .highlight .sb, .base16_dark .highlight .sc, .base16_dark .highlight .sd, .base16_dark .highlight .s2, .base16_dark .highlight .sh, .base16_dark .highlight .sx, .base16_dark .highlight .s1 {
    color: #90a959;
}

.base16_dark .highlight .sr {
    color: #75b5aa;
}

.base16_dark .highlight .si {
    color: #8f5536;
}

.base16_dark .highlight .se {
    color: #8f5536;
}

.base16_dark .highlight .nn {
    color: #f4bf75;
}

.base16_dark .highlight .nc {
    color: #f4bf75;
}

.base16_dark .highlight .no {
    color: #f4bf75;
}

.base16_dark .highlight .na {
    color: #6a9fb5;
}

.base16_dark .highlight .m, .base16_dark .highlight .mf, .base16_dark .highlight .mh, .base16_dark .highlight .mi, .base16_dark .highlight .il, .base16_dark .highlight .mo, .base16_dark .highlight .mb, .base16_dark .highlight .mx {
    color: #90a959;
}

.base16_dark .highlight .ss {
    color: #90a959;
}

It's generated by Rouge which we use to highlighting code syntax, but we have some adjustment, so if you'd like to have original style, you can check every theme's detail in command after install Rouge :

1
2
3
4
5
# => list available themes :
~ $ rougify help style

# => output particular theme's css :
~ $ rougify style [style-name-here] --scope=.your_root_css\ .your_branch_css\ .highlight