From 2fa6afcb8bcbf79e2dc24aa6dcb938b2b41dab6c Mon Sep 17 00:00:00 2001 From: gilsondev Date: Wed, 10 Dec 2014 16:21:25 -0200 Subject: [PATCH] insert colorscheme to code block --- static/css/code_blocks/darkly.css | 37 +++++++++++++ static/css/code_blocks/github.css | 61 +++++++++++++++++++++ static/css/code_blocks/monokai.css | 64 ++++++++++++++++++++++ static/css/code_blocks/tomorrow.css | 65 +++++++++++++++++++++++ static/css/code_blocks/tomorrow_night.css | 65 +++++++++++++++++++++++ templates/base.html | 7 +++ 6 files changed, 299 insertions(+) create mode 100644 static/css/code_blocks/darkly.css create mode 100644 static/css/code_blocks/github.css create mode 100644 static/css/code_blocks/monokai.css create mode 100644 static/css/code_blocks/tomorrow.css create mode 100644 static/css/code_blocks/tomorrow_night.css diff --git a/static/css/code_blocks/darkly.css b/static/css/code_blocks/darkly.css new file mode 100644 index 0000000..22933e0 --- /dev/null +++ b/static/css/code_blocks/darkly.css @@ -0,0 +1,37 @@ +/* + Darkly Pygments Theme + (c) 2014 Sourcey + http://sourcey.com +*/ + +.highlight { + white-space: pre; + overflow: auto; + word-wrap: normal; /* horizontal scrolling */ + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + padding: 20px; + background: #343642; + color: #C1C2C3; +} +.highlight .hll { background-color: #ffc; } +.highlight .gd { color: #2e3436; background-color: #0e1416; } +.highlight .gr { color: #eeeeec; background-color: #c00; } +.highlight .gi { color: #babdb6; background-color: #1f2b2d; } +.highlight .go { color: #2c3032; background-color: #2c3032; } +.highlight .kt { color: #e3e7df; } +.highlight .ni { color: #888a85; } +.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs { color: #8D9684; } +.highlight .err,.highlight .g,.highlight .l,.highlight .n,.highlight .x,.highlight .p,.highlight .ge, +.highlight .gp,.highlight .gs,.highlight .gt,.highlight .ld,.highlight .s,.highlight .nc,.highlight .nd, +.highlight .ne,.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py,.highlight .ow,.highlight .w,.highlight .sb, +.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr, +.highlight .s1,.highlight .ss,.highlight .bp { color: #C1C2C3; } +.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr, +.highlight .nt { color: #729fcf; } +.highlight .cp,.highlight .gh,.highlight .gu,.highlight .na,.highlight .nf { color: #E9A94B ; } +.highlight .m,.highlight .nb,.highlight .no,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo, +.highlight .il { color: #8ae234; } +.highlight .o { color: #989DAA; } +.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi { color: #fff; } diff --git a/static/css/code_blocks/github.css b/static/css/code_blocks/github.css new file mode 100644 index 0000000..dc60655 --- /dev/null +++ b/static/css/code_blocks/github.css @@ -0,0 +1,61 @@ +.hll { background-color: #ffffcc } +.c { color: #999988; font-style: italic } /* Comment */ +.err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.k { color: #000000; font-weight: bold } /* Keyword */ +.o { color: #000000; font-weight: bold } /* Operator */ +.cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ +.c1 { color: #999988; font-style: italic } /* Comment.Single */ +.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.ge { color: #000000; font-style: italic } /* Generic.Emph */ +.gr { color: #aa0000 } /* Generic.Error */ +.gh { color: #999999 } /* Generic.Heading */ +.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.go { color: #888888 } /* Generic.Output */ +.gp { color: #555555 } /* Generic.Prompt */ +.gs { font-weight: bold } /* Generic.Strong */ +.gu { color: #aaaaaa } /* Generic.Subheading */ +.gt { color: #aa0000 } /* Generic.Traceback */ +.kc { color: #000000; font-weight: bold } /* Keyword.Constant */ +.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ +.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ +.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ +.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ +.kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.m { color: #009999 } /* Literal.Number */ +.s { color: #d01040 } /* Literal.String */ +.na { color: #008080 } /* Name.Attribute */ +.nb { color: #0086B3 } /* Name.Builtin */ +.nc { color: #445588; font-weight: bold } /* Name.Class */ +.no { color: #008080 } /* Name.Constant */ +.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ +.ni { color: #800080 } /* Name.Entity */ +.ne { color: #990000; font-weight: bold } /* Name.Exception */ +.nf { color: #990000; font-weight: bold } /* Name.Function */ +.nl { color: #990000; font-weight: bold } /* Name.Label */ +.nn { color: #555555 } /* Name.Namespace */ +.nt { color: #000080 } /* Name.Tag */ +.nv { color: #008080 } /* Name.Variable */ +.ow { color: #000000; font-weight: bold } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #009999 } /* Literal.Number.Float */ +.mh { color: #009999 } /* Literal.Number.Hex */ +.mi { color: #009999 } /* Literal.Number.Integer */ +.mo { color: #009999 } /* Literal.Number.Oct */ +.sb { color: #d01040 } /* Literal.String.Backtick */ +.sc { color: #d01040 } /* Literal.String.Char */ +.sd { color: #d01040 } /* Literal.String.Doc */ +.s2 { color: #d01040 } /* Literal.String.Double */ +.se { color: #d01040 } /* Literal.String.Escape */ +.sh { color: #d01040 } /* Literal.String.Heredoc */ +.si { color: #d01040 } /* Literal.String.Interpol */ +.sx { color: #d01040 } /* Literal.String.Other */ +.sr { color: #009926 } /* Literal.String.Regex */ +.s1 { color: #d01040 } /* Literal.String.Single */ +.ss { color: #990073 } /* Literal.String.Symbol */ +.bp { color: #999999 } /* Name.Builtin.Pseudo */ +.vc { color: #008080 } /* Name.Variable.Class */ +.vg { color: #008080 } /* Name.Variable.Global */ +.vi { color: #008080 } /* Name.Variable.Instance */ +.il { color: #009999 } /* Literal.Number.Integer.Long */ diff --git a/static/css/code_blocks/monokai.css b/static/css/code_blocks/monokai.css new file mode 100644 index 0000000..6121071 --- /dev/null +++ b/static/css/code_blocks/monokai.css @@ -0,0 +1,64 @@ +.codehilite .hll { background-color: #49483e } +.codehilite .c { color: #75715e } /* Comment */ +.codehilite .err { color: #960050; background-color: #1e0010 } /* Error */ +.codehilite .k { color: #66d9ef } /* Keyword */ +.codehilite .l { color: #ae81ff } /* Literal */ +.codehilite .n { color: #f8f8f2 } /* Name */ +.codehilite .o { color: #f92672 } /* Operator */ +.codehilite .p { color: #f8f8f2 } /* Punctuation */ +.codehilite .cm { color: #75715e } /* Comment.Multiline */ +.codehilite .cp { color: #75715e } /* Comment.Preproc */ +.codehilite .c1 { color: #75715e } /* Comment.Single */ +.codehilite .cs { color: #75715e } /* Comment.Special */ +.codehilite .ge { font-style: italic } /* Generic.Emph */ +.codehilite .gs { font-weight: bold } /* Generic.Strong */ +.codehilite .kc { color: #66d9ef } /* Keyword.Constant */ +.codehilite .kd { color: #66d9ef } /* Keyword.Declaration */ +.codehilite .kn { color: #f92672 } /* Keyword.Namespace */ +.codehilite .kp { color: #66d9ef } /* Keyword.Pseudo */ +.codehilite .kr { color: #66d9ef } /* Keyword.Reserved */ +.codehilite .kt { color: #66d9ef } /* Keyword.Type */ +.codehilite .ld { color: #e6db74 } /* Literal.Date */ +.codehilite .m { color: #ae81ff } /* Literal.Number */ +.codehilite .s { color: #e6db74 } /* Literal.String */ +.codehilite .na { color: #a6e22e } /* Name.Attribute */ +.codehilite .nb { color: #f8f8f2 } /* Name.Builtin */ +.codehilite .nc { color: #a6e22e } /* Name.Class */ +.codehilite .no { color: #66d9ef } /* Name.Constant */ +.codehilite .nd { color: #a6e22e } /* Name.Decorator */ +.codehilite .ni { color: #f8f8f2 } /* Name.Entity */ +.codehilite .ne { color: #a6e22e } /* Name.Exception */ +.codehilite .nf { color: #a6e22e } /* Name.Function */ +.codehilite .nl { color: #f8f8f2 } /* Name.Label */ +.codehilite .nn { color: #f8f8f2 } /* Name.Namespace */ +.codehilite .nx { color: #a6e22e } /* Name.Other */ +.codehilite .py { color: #f8f8f2 } /* Name.Property */ +.codehilite .nt { color: #f92672 } /* Name.Tag */ +.codehilite .nv { color: #f8f8f2 } /* Name.Variable */ +.codehilite .ow { color: #f92672 } /* Operator.Word */ +.codehilite .w { color: #f8f8f2 } /* Text.Whitespace */ +.codehilite .mf { color: #ae81ff } /* Literal.Number.Float */ +.codehilite .mh { color: #ae81ff } /* Literal.Number.Hex */ +.codehilite .mi { color: #ae81ff } /* Literal.Number.Integer */ +.codehilite .mo { color: #ae81ff } /* Literal.Number.Oct */ +.codehilite .sb { color: #e6db74 } /* Literal.String.Backtick */ +.codehilite .sc { color: #e6db74 } /* Literal.String.Char */ +.codehilite .sd { color: #e6db74 } /* Literal.String.Doc */ +.codehilite .s2 { color: #e6db74 } /* Literal.String.Double */ +.codehilite .se { color: #ae81ff } /* Literal.String.Escape */ +.codehilite .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.codehilite .si { color: #e6db74 } /* Literal.String.Interpol */ +.codehilite .sx { color: #e6db74 } /* Literal.String.Other */ +.codehilite .sr { color: #e6db74 } /* Literal.String.Regex */ +.codehilite .s1 { color: #e6db74 } /* Literal.String.Single */ +.codehilite .ss { color: #e6db74 } /* Literal.String.Symbol */ +.codehilite .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.codehilite .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.codehilite .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.codehilite .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.codehilite .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +.codehilite .gh { } /* Generic Heading & Diff Header */ +.codehilite .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ +.codehilite .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ +.codehilite .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ diff --git a/static/css/code_blocks/tomorrow.css b/static/css/code_blocks/tomorrow.css new file mode 100644 index 0000000..bbd1594 --- /dev/null +++ b/static/css/code_blocks/tomorrow.css @@ -0,0 +1,65 @@ +.highlight .hll { background-color: #d6d6d6 } +.highlight { background: #ffffff; color: #4d4d4c } +.highlight .c { color: #8e908c } /* Comment */ +.highlight .err { color: #c82829 } /* Error */ +.highlight .k { color: #8959a8 } /* Keyword */ +.highlight .l { color: #f5871f } /* Literal */ +.highlight .n { color: #4d4d4c } /* Name */ +.highlight .o { color: #3e999f } /* Operator */ +.highlight .p { color: #4d4d4c } /* Punctuation */ +.highlight .cm { color: #8e908c } /* Comment.Multiline */ +.highlight .cp { color: #8e908c } /* Comment.Preproc */ +.highlight .c1 { color: #8e908c } /* Comment.Single */ +.highlight .cs { color: #8e908c } /* Comment.Special */ +.highlight .gd { color: #c82829 } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gh { color: #4d4d4c; font-weight: bold } /* Generic.Heading */ +.highlight .gi { color: #718c00 } /* Generic.Inserted */ +.highlight .gp { color: #8e908c; font-weight: bold } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #3e999f; font-weight: bold } /* Generic.Subheading */ +.highlight .kc { color: #8959a8 } /* Keyword.Constant */ +.highlight .kd { color: #8959a8 } /* Keyword.Declaration */ +.highlight .kn { color: #3e999f } /* Keyword.Namespace */ +.highlight .kp { color: #8959a8 } /* Keyword.Pseudo */ +.highlight .kr { color: #8959a8 } /* Keyword.Reserved */ +.highlight .kt { color: #eab700 } /* Keyword.Type */ +.highlight .ld { color: #718c00 } /* Literal.Date */ +.highlight .m { color: #f5871f } /* Literal.Number */ +.highlight .s { color: #718c00 } /* Literal.String */ +.highlight .na { color: #4271ae } /* Name.Attribute */ +.highlight .nb { color: #4d4d4c } /* Name.Builtin */ +.highlight .nc { color: #eab700 } /* Name.Class */ +.highlight .no { color: #c82829 } /* Name.Constant */ +.highlight .nd { color: #3e999f } /* Name.Decorator */ +.highlight .ni { color: #4d4d4c } /* Name.Entity */ +.highlight .ne { color: #c82829 } /* Name.Exception */ +.highlight .nf { color: #4271ae } /* Name.Function */ +.highlight .nl { color: #4d4d4c } /* Name.Label */ +.highlight .nn { color: #eab700 } /* Name.Namespace */ +.highlight .nx { color: #4271ae } /* Name.Other */ +.highlight .py { color: #4d4d4c } /* Name.Property */ +.highlight .nt { color: #3e999f } /* Name.Tag */ +.highlight .nv { color: #c82829 } /* Name.Variable */ +.highlight .ow { color: #3e999f } /* Operator.Word */ +.highlight .w { color: #4d4d4c } /* Text.Whitespace */ +.highlight .mf { color: #f5871f } /* Literal.Number.Float */ +.highlight .mh { color: #f5871f } /* Literal.Number.Hex */ +.highlight .mi { color: #f5871f } /* Literal.Number.Integer */ +.highlight .mo { color: #f5871f } /* Literal.Number.Oct */ +.highlight .sb { color: #718c00 } /* Literal.String.Backtick */ +.highlight .sc { color: #4d4d4c } /* Literal.String.Char */ +.highlight .sd { color: #8e908c } /* Literal.String.Doc */ +.highlight .s2 { color: #718c00 } /* Literal.String.Double */ +.highlight .se { color: #f5871f } /* Literal.String.Escape */ +.highlight .sh { color: #718c00 } /* Literal.String.Heredoc */ +.highlight .si { color: #f5871f } /* Literal.String.Interpol */ +.highlight .sx { color: #718c00 } /* Literal.String.Other */ +.highlight .sr { color: #718c00 } /* Literal.String.Regex */ +.highlight .s1 { color: #718c00 } /* Literal.String.Single */ +.highlight .ss { color: #718c00 } /* Literal.String.Symbol */ +.highlight .bp { color: #4d4d4c } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #c82829 } /* Name.Variable.Class */ +.highlight .vg { color: #c82829 } /* Name.Variable.Global */ +.highlight .vi { color: #c82829 } /* Name.Variable.Instance */ +.highlight .il { color: #f5871f } /* Literal.Number.Integer.Long */ diff --git a/static/css/code_blocks/tomorrow_night.css b/static/css/code_blocks/tomorrow_night.css new file mode 100644 index 0000000..41eb63f --- /dev/null +++ b/static/css/code_blocks/tomorrow_night.css @@ -0,0 +1,65 @@ +.highlight .hll { background-color: #373b41 } +.highlight { background: #1d1f21; color: #c5c8c6 } +.highlight .c { color: #969896 } /* Comment */ +.highlight .err { color: #cc6666 } /* Error */ +.highlight .k { color: #b294bb } /* Keyword */ +.highlight .l { color: #de935f } /* Literal */ +.highlight .n { color: #c5c8c6 } /* Name */ +.highlight .o { color: #8abeb7 } /* Operator */ +.highlight .p { color: #c5c8c6 } /* Punctuation */ +.highlight .cm { color: #969896 } /* Comment.Multiline */ +.highlight .cp { color: #969896 } /* Comment.Preproc */ +.highlight .c1 { color: #969896 } /* Comment.Single */ +.highlight .cs { color: #969896 } /* Comment.Special */ +.highlight .gd { color: #cc6666 } /* Generic.Deleted */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gh { color: #c5c8c6; font-weight: bold } /* Generic.Heading */ +.highlight .gi { color: #b5bd68 } /* Generic.Inserted */ +.highlight .gp { color: #969896; font-weight: bold } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #8abeb7; font-weight: bold } /* Generic.Subheading */ +.highlight .kc { color: #b294bb } /* Keyword.Constant */ +.highlight .kd { color: #b294bb } /* Keyword.Declaration */ +.highlight .kn { color: #8abeb7 } /* Keyword.Namespace */ +.highlight .kp { color: #b294bb } /* Keyword.Pseudo */ +.highlight .kr { color: #b294bb } /* Keyword.Reserved */ +.highlight .kt { color: #f0c674 } /* Keyword.Type */ +.highlight .ld { color: #b5bd68 } /* Literal.Date */ +.highlight .m { color: #de935f } /* Literal.Number */ +.highlight .s { color: #b5bd68 } /* Literal.String */ +.highlight .na { color: #81a2be } /* Name.Attribute */ +.highlight .nb { color: #c5c8c6 } /* Name.Builtin */ +.highlight .nc { color: #f0c674 } /* Name.Class */ +.highlight .no { color: #cc6666 } /* Name.Constant */ +.highlight .nd { color: #8abeb7 } /* Name.Decorator */ +.highlight .ni { color: #c5c8c6 } /* Name.Entity */ +.highlight .ne { color: #cc6666 } /* Name.Exception */ +.highlight .nf { color: #81a2be } /* Name.Function */ +.highlight .nl { color: #c5c8c6 } /* Name.Label */ +.highlight .nn { color: #f0c674 } /* Name.Namespace */ +.highlight .nx { color: #81a2be } /* Name.Other */ +.highlight .py { color: #c5c8c6 } /* Name.Property */ +.highlight .nt { color: #8abeb7 } /* Name.Tag */ +.highlight .nv { color: #cc6666 } /* Name.Variable */ +.highlight .ow { color: #8abeb7 } /* Operator.Word */ +.highlight .w { color: #c5c8c6 } /* Text.Whitespace */ +.highlight .mf { color: #de935f } /* Literal.Number.Float */ +.highlight .mh { color: #de935f } /* Literal.Number.Hex */ +.highlight .mi { color: #de935f } /* Literal.Number.Integer */ +.highlight .mo { color: #de935f } /* Literal.Number.Oct */ +.highlight .sb { color: #b5bd68 } /* Literal.String.Backtick */ +.highlight .sc { color: #c5c8c6 } /* Literal.String.Char */ +.highlight .sd { color: #969896 } /* Literal.String.Doc */ +.highlight .s2 { color: #b5bd68 } /* Literal.String.Double */ +.highlight .se { color: #de935f } /* Literal.String.Escape */ +.highlight .sh { color: #b5bd68 } /* Literal.String.Heredoc */ +.highlight .si { color: #de935f } /* Literal.String.Interpol */ +.highlight .sx { color: #b5bd68 } /* Literal.String.Other */ +.highlight .sr { color: #b5bd68 } /* Literal.String.Regex */ +.highlight .s1 { color: #b5bd68 } /* Literal.String.Single */ +.highlight .ss { color: #b5bd68 } /* Literal.String.Symbol */ +.highlight .bp { color: #c5c8c6 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #cc6666 } /* Name.Variable.Class */ +.highlight .vg { color: #cc6666 } /* Name.Variable.Global */ +.highlight .vi { color: #cc6666 } /* Name.Variable.Instance */ +.highlight .il { color: #de935f } /* Literal.Number.Integer.Long */ diff --git a/templates/base.html b/templates/base.html index b229b68..2cee666 100644 --- a/templates/base.html +++ b/templates/base.html @@ -42,6 +42,13 @@ + + {% if COLOR_SCHEME_CSS %} + + {% else %} + + {% endif %} +