diff options
author | Marcia Ramos <virtua.creative@gmail.com> | 2018-03-09 17:41:16 +0300 |
---|---|---|
committer | Marcia Ramos <virtua.creative@gmail.com> | 2018-03-09 17:41:16 +0300 |
commit | 44718eb0ee0b22765a75c9ffad1bd0015e9ea0b6 (patch) | |
tree | 102129f866155bb8b9837c1d8406796a7e3c65aa /content | |
parent | 48b1e4eb013d3c869b1d843e055deec433430f51 (diff) |
Change syntax highlighting theme to base16 Ocean Dark
Diffstat (limited to 'content')
-rw-r--r-- | content/assets/stylesheets/_variables.scss | 4 | ||||
-rw-r--r-- | content/assets/stylesheets/highlight.scss | 134 | ||||
-rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 7 |
3 files changed, 77 insertions, 68 deletions
diff --git a/content/assets/stylesheets/_variables.scss b/content/assets/stylesheets/_variables.scss index f8fd4035..154179ab 100644 --- a/content/assets/stylesheets/_variables.scss +++ b/content/assets/stylesheets/_variables.scss @@ -15,8 +15,8 @@ $link-color-hover: rgb(79, 172, 225); $link-code-color: rgb(55, 119, 176); // Inline code colors -$code-color: #c7254e; -$code-background-color: #f9f2f4; +$code-color: rgb(95, 131, 65); +$code-background-color: rgba(95, 131, 65, .1); // Home page colors $landing-background: #34373c; diff --git a/content/assets/stylesheets/highlight.scss b/content/assets/stylesheets/highlight.scss index 6581f367..ec916705 100644 --- a/content/assets/stylesheets/highlight.scss +++ b/content/assets/stylesheets/highlight.scss @@ -1,7 +1,7 @@ --- -version: 5 +version: 6 --- -/* https://github.com/aahan/pygments-github-style */ +/* https://github.com/idleberg/base16-pygments/blob/master/css/base16-ocean.dark.css */ pre.highlight { padding: 10px 15px; @@ -10,6 +10,8 @@ pre.highlight { border-radius: 3px; overflow-x: auto; margin: 20px 0; + background: #2b303b; + color: #eff1f5; // Code itself code { @@ -18,67 +20,69 @@ pre.highlight { background-color: transparent; } - .hll { background-color: #f8f8f8 } - .c { color: #998; font-style: italic; } - .err { color: #a61717; background-color: #e3d2d2; } - .k { font-weight: bold; } - .o { font-weight: bold; } - .cm { color: #998; font-style: italic; } - .cp { color: #999; font-weight: bold; } - .c1 { color: #998; font-style: italic; } - .cs { color: #999; font-weight: bold; font-style: italic; } - .gd { color: #000; background-color: #fdd; } - .gd .x { color: #000; background-color: #faa; } - .ge { font-style: italic; } - .gr { color: #a00; } - .gh { color: #999; } - .gi { color: #000; background-color: #dfd; } - .gi .x { color: #000; background-color: #afa; } - .go { color: #888; } - .gp { color: #555; } - .gs { font-weight: bold; } - .gu { color: #800080; font-weight: bold; } - .gt { color: #a00; } - .kc { font-weight: bold; } - .kd { font-weight: bold; } - .kn { font-weight: bold; } - .kp { font-weight: bold; } - .kr { font-weight: bold; } - .kt { color: #458; font-weight: bold; } - .m { color: #099; } - .s { color: #d14; } - .n { color: #333; } - .na { color: teal; } - .nb { color: #0086b3; } - .nc { color: #458; font-weight: bold; } - .no { color: teal; } - .ni { color: purple; } - .ne { color: #900; font-weight: bold; } - .nf { color: #900; font-weight: bold; } - .nn { color: #555; } - .nt { color: navy; } - .nv { color: teal; } - .ow { font-weight: bold; } - .w { color: #bbb; } - .mf { color: #099; } - .mh { color: #099; } - .mi { color: #099; } - .mo { color: #099; } - .sb { color: #d14; } - .sc { color: #d14; } - .sd { color: #d14; } - .s2 { color: #d14; } - .se { color: #d14; } - .sh { color: #d14; } - .si { color: #d14; } - .sx { color: #d14; } - .sr { color: #009926; } - .s1 { color: #d14; } - .ss { color: #990073; } - .bp { color: #999; } - .vc { color: teal; } - .vg { color: teal; } - .vi { color: teal; } - .il { color: #099; } - .gc { color: #999; background-color: #eaf2f5; } + .hll { background-color: #4f5b66 } + .c { color: #65737e } /* Comment */ + .err { color: #bf616a } /* Error */ + .k { color: #b48ead } /* Keyword */ + .l { color: #d08770 } /* Literal */ + .n { color: #eff1f5 } /* Name */ + .o { color: #96b5b4 } /* Operator */ + .p { color: #eff1f5 } /* Punctuation */ + .cm { color: #65737e } /* Comment.Multiline */ + .cp { color: #65737e } /* Comment.Preproc */ + .c1 { color: #65737e } /* Comment.Single */ + .cs { color: #65737e } /* Comment.Special */ + .gd { color: #bf616a } /* Generic.Deleted */ + .ge { font-style: italic } /* Generic.Emph */ + .gh { color: #eff1f5; font-weight: bold } /* Generic.Heading */ + .gi { color: #a3be8c } /* Generic.Inserted */ + .gp { color: #65737e; font-weight: bold } /* Generic.Prompt */ + .gs { font-weight: bold } /* Generic.Strong */ + .gu { color: #96b5b4; font-weight: bold } /* Generic.Subheading */ + .kc { color: #b48ead } /* Keyword.Constant */ + .kd { color: #b48ead } /* Keyword.Declaration */ + .kn { color: #96b5b4 } /* Keyword.Namespace */ + .kp { color: #b48ead } /* Keyword.Pseudo */ + .kr { color: #b48ead } /* Keyword.Reserved */ + .kt { color: #ebcb8b } /* Keyword.Type */ + .ld { color: #a3be8c } /* Literal.Date */ + .m { color: #d08770 } /* Literal.Number */ + .s { color: #a3be8c } /* Literal.String */ + .na { color: #8fa1b3 } /* Name.Attribute */ + .nb { color: #eff1f5 } /* Name.Builtin */ + .nc { color: #ebcb8b } /* Name.Class */ + .no { color: #bf616a } /* Name.Constant */ + .nd { color: #96b5b4 } /* Name.Decorator */ + .ni { color: #eff1f5 } /* Name.Entity */ + .ne { color: #bf616a } /* Name.Exception */ + .nf { color: #8fa1b3 } /* Name.Function */ + .nl { color: #eff1f5 } /* Name.Label */ + .nn { color: #ebcb8b } /* Name.Namespace */ + .nx { color: #8fa1b3 } /* Name.Other */ + .py { color: #eff1f5 } /* Name.Property */ + .nt { color: #96b5b4 } /* Name.Tag */ + .nv { color: #bf616a } /* Name.Variable */ + .ow { color: #96b5b4 } /* Operator.Word */ + .w { color: #eff1f5 } /* Text.Whitespace */ + .mf { color: #d08770 } /* Literal.Number.Float */ + .mh { color: #d08770 } /* Literal.Number.Hex */ + .mi { color: #d08770 } /* Literal.Number.Integer */ + .mo { color: #d08770 } /* Literal.Number.Oct */ + .sb { color: #a3be8c } /* Literal.String.Backtick */ + .sc { color: #eff1f5 } /* Literal.String.Char */ + .sd { color: #65737e } /* Literal.String.Doc */ + .s2 { color: #a3be8c } /* Literal.String.Double */ + .se { color: #d08770 } /* Literal.String.Escape */ + .sh { color: #a3be8c } /* Literal.String.Heredoc */ + .si { color: #d08770 } /* Literal.String.Interpol */ + .sx { color: #a3be8c } /* Literal.String.Other */ + .sr { color: #a3be8c } /* Literal.String.Regex */ + .s1 { color: #a3be8c } /* Literal.String.Single */ + .ss { color: #a3be8c } /* Literal.String.Symbol */ + .bp { color: #eff1f5 } /* Name.Builtin.Pseudo */ + .vc { color: #bf616a } /* Name.Variable.Class */ + .vg { color: #bf616a } /* Name.Variable.Global */ + .vi { color: #bf616a } /* Name.Variable.Instance */ + .il { color: #d08770 } /* Literal.Number.Integer.Long */ + } diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index 6764ec77..419fc412 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -1,5 +1,5 @@ --- -version: 25 +version: 26 --- @import "variables"; @@ -92,6 +92,11 @@ hr { border-top: 1px solid $hr-border-color; } +code { + color: $code-color; + background-color: $code-background-color; +} + code, code span { font-family: $mono-font-family; } |