From 3a4d6bfb67a355536bf28ddff170a956ec4bf68b Mon Sep 17 00:00:00 2001 From: Alex Rodin Date: Thu, 21 Jul 2016 14:49:32 -0300 Subject: [PATCH 1/2] Added vscode-monaco skin to styles gallery --- styles/index.html | 2 ++ styles/vscode-monaco.css | 52 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 54 insertions(+) create mode 100644 styles/vscode-monaco.css diff --git a/styles/index.html b/styles/index.html index d538dc12..e1b1d8ea 100644 --- a/styles/index.html +++ b/styles/index.html @@ -15,6 +15,8 @@ authorHtml: 'Alex Ford<\/a>' }, { name: 'doxy', authorHtml: 'Robert Sperberg' }, + { name: 'vscode-monaco', + authorHtml: 'Alex Rodin<\/a>' } ]; // Called by the demo.html frames loaded per theme to diff --git a/styles/vscode-monaco.css b/styles/vscode-monaco.css new file mode 100644 index 00000000..dd0295ad --- /dev/null +++ b/styles/vscode-monaco.css @@ -0,0 +1,52 @@ +/* Pretty printing styles. Used with prettify.js. */ +/* Visual Studio Code - Monaco theme by Alex Rodin, based on Vim sunburst theme by David Leibovic */ + +pre .com, code .com { color: rgba(96, 139, 78, 1); } /* comment */ +pre .str, code .str { color: rgba(206, 145, 120, 1); } /* string */ +pre .atv, code .atv { color: rgba(206, 145, 120, 1); } /* html/xml attribute value */ +pre .kwd, code .kwd { color: rgba(197, 134, 192, 1); } /* keyword */ +pre .typ, code .typ { color: rgba(156, 220, 254, 1); } /* type */ +pre .tag, code .tag { color: rgba(78, 201, 176, 1); } /* html/xml tag */ +pre .atn, code .atn { color: rgba(156, 220, 254, 1); } /* html/xml attribute name*/ +pre .pun, code .pun { color: rgba(212, 212, 212, 1); } /* punctuation*/ +pre .pln, code .pln { color: rgba(220, 220, 170, 1); } /* plaintext*/ +pre .lit, code .lit { color: rgba(181, 206, 168, 1); } /* literal */ +pre .dec, code .dec { color: rgba(181, 206, 168, 1); } /* decimal*/ + +pre.prettyprint, +code.prettyprint { + border: 0; + border-radius: 3px; + color: #bbb; + background-color: #1e1e1e; + width: 95%; +} + +pre.prettyprint { + margin: 1em auto; + padding: 1em; + white-space: pre-wrap; + font-family: Consolas, 'Courier New', monospace; + font-size: 14px; + line-height: 19px; +} + + +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { margin-top: 0; margin-bottom: 0; color: #5a5a5a;} /* IE indents via margin-left */ +li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { padding-left: 5px; } +/* Alternate shading for lines */ +li.L1,li.L3,li.L5,li.L7,li.L9 { } + +@media print { + pre .str, code .str { color: #060; } + pre .kwd, code .kwd { color: #006; font-weight: bold; } + pre .com, code .com { color: #600; font-style: italic; } + pre .typ, code .typ { color: #404; font-weight: bold; } + pre .lit, code .lit { color: #044; } + pre .pun, code .pun { color: #440; } + pre .pln, code .pln { color: #000; } + pre .tag, code .tag { color: #006; font-weight: bold; } + pre .atn, code .atn { color: #404; } + pre .atv, code .atv { color: #060; } +} From 83af738491cccf1173c9ed36b10ea9031653de21 Mon Sep 17 00:00:00 2001 From: Alex Rodin Date: Thu, 21 Jul 2016 22:15:50 -0300 Subject: [PATCH 2/2] fix style vscode-monaco --- styles/vscode-monaco.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles/vscode-monaco.css b/styles/vscode-monaco.css index dd0295ad..481b8274 100644 --- a/styles/vscode-monaco.css +++ b/styles/vscode-monaco.css @@ -25,7 +25,7 @@ code.prettyprint { pre.prettyprint { margin: 1em auto; padding: 1em; - white-space: pre-wrap; + white-space: pre-wrap; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; @@ -34,8 +34,8 @@ pre.prettyprint { /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin-top: 0; margin-bottom: 0; color: #5a5a5a;} /* IE indents via margin-left */ -li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { padding-left: 5px; } -/* Alternate shading for lines */ +pre.prettyprint li {padding-left: 5px;} +li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { } li.L1,li.L3,li.L5,li.L7,li.L9 { } @media print {