From 796fb5d0a82a341979e9915e9bc0cbda8ac8f68d Mon Sep 17 00:00:00 2001 From: MinRK Date: Thu, 2 May 2013 12:22:07 -0700 Subject: [PATCH] unify highlight.js / codemirror style --- .../html/notebook/static/js/notebookmain.js | 1 - .../html/notebook/static/less/highlight.less | 157 ++++++++++++++++++ .../html/notebook/static/less/notebook.less | 2 +- .../html/notebook/templates/notebook.html | 3 - 4 files changed, 158 insertions(+), 5 deletions(-) create mode 100644 IPython/frontend/html/notebook/static/less/highlight.less diff --git a/IPython/frontend/html/notebook/static/js/notebookmain.js b/IPython/frontend/html/notebook/static/js/notebookmain.js index 58e303664..45e9c1f86 100644 --- a/IPython/frontend/html/notebook/static/js/notebookmain.js +++ b/IPython/frontend/html/notebook/static/js/notebookmain.js @@ -100,7 +100,6 @@ $(document).ready(function () { tables: true, langPrefix: "language-", highlight: function(code, lang) { - console.log(lang, code); var highlighted; if (lang) { highlighted = hljs.highlight(lang, code, false); diff --git a/IPython/frontend/html/notebook/static/less/highlight.less b/IPython/frontend/html/notebook/static/less/highlight.less new file mode 100644 index 000000000..aff553ca5 --- /dev/null +++ b/IPython/frontend/html/notebook/static/less/highlight.less @@ -0,0 +1,157 @@ +/* + +Original style from softwaremaniacs.org (c) Ivan Sagalaev +Adapted from GitHub theme + +*/ + +pre code { + display: block; + padding: 0.5em; +} + +.highlight-base, +pre code, +pre .subst, +pre .tag .title, +pre .lisp .title, +pre .clojure .built_in, +pre .nginx .title { + color: black; +} + +.highlight-string, +pre .string, +pre .constant, +pre .parent, +pre .tag .value, +pre .rules .value, +pre .rules .value .number, +pre .preprocessor, +pre .ruby .symbol, +pre .ruby .symbol .string, +pre .aggregate, +pre .template_tag, +pre .django .variable, +pre .smalltalk .class, +pre .addition, +pre .flow, +pre .stream, +pre .bash .variable, +pre .apache .tag, +pre .apache .cbracket, +pre .tex .command, +pre .tex .special, +pre .erlang_repl .function_or_atom, +pre .markdown .header { + color: #BA2121; +} + +.highlight-comment, +pre .comment, +pre .annotation, +pre .template_comment, +pre .diff .header, +pre .chunk, +pre .markdown .blockquote { + color: #408080; + font-style: italic; +} + +.highlight-number, +pre .number, +pre .date, +pre .regexp, +pre .literal, +pre .smalltalk .symbol, +pre .smalltalk .char, +pre .go .constant, +pre .change, +pre .markdown .bullet, +pre .markdown .link_url { + color: #080; +} + +pre .label, +pre .javadoc, +pre .ruby .string, +pre .decorator, +pre .filter .argument, +pre .localvars, +pre .array, +pre .attr_selector, +pre .important, +pre .pseudo, +pre .pi, +pre .doctype, +pre .deletion, +pre .envvar, +pre .shebang, +pre .apache .sqbracket, +pre .nginx .built_in, +pre .tex .formula, +pre .erlang_repl .reserved, +pre .prompt, +pre .markdown .link_label, +pre .vhdl .attribute, +pre .clojure .attribute, +pre .coffeescript .property { + color: #88F +} + +.highlight-keyword, +pre .keyword, +pre .id, +pre .phpdoc, +pre .aggregate, +pre .css .tag, +pre .javadoctag, +pre .phpdoc, +pre .yardoctag, +pre .smalltalk .class, +pre .winutils, +pre .bash .variable, +pre .apache .tag, +pre .go .typename, +pre .tex .command, +pre .markdown .strong, +pre .request, +pre .status { + color: #008000; + font-weight: bold; +} + +.highlight-builtin, +pre .built_in { + color: #008000; +} + +pre .markdown .emphasis { + font-style: italic; +} + +pre .nginx .built_in { + font-weight: normal; +} + +pre .coffeescript .javascript, +pre .javascript .xml, +pre .tex .formula, +pre .xml .javascript, +pre .xml .vbscript, +pre .xml .css, +pre .xml .cdata { + opacity: 0.5; +} + +/* apply the same style to codemirror */ + +.cm-s-ipython span.cm-variable { .highlight-base()} +.cm-s-ipython span.cm-keyword { .highlight-keyword() } +.cm-s-ipython span.cm-number { .highlight-number() } +.cm-s-ipython span.cm-comment { .highlight-comment() } +.cm-s-ipython span.cm-string { .highlight-string()} +.cm-s-ipython span.cm-builtin { .highlight-builtin() } +.cm-s-ipython span.cm-error { color: #f00; } +.cm-s-ipython span.cm-operator {color: #AA22FF; font-weight: bold;} +.cm-s-ipython span.cm-meta {color: #AA22FF;} diff --git a/IPython/frontend/html/notebook/static/less/notebook.less b/IPython/frontend/html/notebook/static/less/notebook.less index 0c93134ca..82d837d96 100644 --- a/IPython/frontend/html/notebook/static/less/notebook.less +++ b/IPython/frontend/html/notebook/static/less/notebook.less @@ -5,7 +5,7 @@ */ @import "variables.less"; - +@import "highlight.less"; body { background-color:@notebook_background; diff --git a/IPython/frontend/html/notebook/templates/notebook.html b/IPython/frontend/html/notebook/templates/notebook.html index 73e941d0e..c7c1bab21 100644 --- a/IPython/frontend/html/notebook/templates/notebook.html +++ b/IPython/frontend/html/notebook/templates/notebook.html @@ -12,9 +12,6 @@ window.mathjax_url = "{{mathjax_url}}"; - - -