mirror of
https://github.com/silverstripe/silverstripe-docsviewer
synced 2024-10-22 09:05:56 +00:00
da441b231d
Specifically, the old highlighter didn't support the "diff" format which was important for changelogs. Changed the style from dark to light, since it's way too contrasty on a light background - makes it hard to scan both text and code. And reduced the padding between code and content (mostly using the highlight style defaults) Added a slight background shadow on code to visually offset the relatively light background color Changed existing background color for <pre> to a slightly lighter shade, better contrast Didn't create a custom *.ss style yet, too much work, and XML is good enough for now
103 lines
1.3 KiB
CSS
103 lines
1.3 KiB
CSS
/*
|
|
|
|
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|
Customised for doc.silverstripe.org, see CUSTOM markers.
|
|
|
|
*/
|
|
|
|
.hljs {
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: 0.5em;
|
|
color: #333;
|
|
background: #f3f6f6; /* CUSTOM */
|
|
border-radius: 3px; /* CUSTOM */
|
|
box-shadow: 0 1px 1px rgba(0,0,0,.125); /* CUSTOM */
|
|
}
|
|
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: #998;
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-keyword,
|
|
.hljs-selector-tag,
|
|
.hljs-subst {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-number,
|
|
.hljs-literal,
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag .hljs-attr {
|
|
color: #008080;
|
|
}
|
|
|
|
.hljs-string,
|
|
.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: #0086b3;
|
|
}
|
|
|
|
.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;
|
|
}
|