From bbc49dd329e7dc2c07568b8281e718bdc45315f7 Mon Sep 17 00:00:00 2001 From: Michael Dowling Date: Tue, 31 Mar 2020 10:21:26 -0700 Subject: [PATCH] Use dark syntax highlighting in website --- docs/themes/smithy/landing.html | 14 +-- docs/themes/smithy/static/custom-tabs.css | 5 +- docs/themes/smithy/static/default.css_t | 6 +- docs/themes/smithy/static/pygments.css | 135 +++++++++++----------- 4 files changed, 80 insertions(+), 80 deletions(-) diff --git a/docs/themes/smithy/landing.html b/docs/themes/smithy/landing.html index 178ca0fcc96..54a2335edfc 100644 --- a/docs/themes/smithy/landing.html +++ b/docs/themes/smithy/landing.html @@ -21,15 +21,15 @@

Smithy, an extensible API definition language

service Weather { version: "2006-03-01", - resources: [City], - operations: [GetCurrentTime] + resources: [City], + operations: [GetCurrentTime] } -resource City { - identifiers: { cityId: CityId }, - read: GetCity, - list: ListCities, - resources: [Forecast], +resource City { + identifiers: { cityId: CityId }, + read: GetCity, + list: ListCities, + resources: [Forecast], } diff --git a/docs/themes/smithy/static/custom-tabs.css b/docs/themes/smithy/static/custom-tabs.css index 6647882e200..0da2e7d2bfa 100644 --- a/docs/themes/smithy/static/custom-tabs.css +++ b/docs/themes/smithy/static/custom-tabs.css @@ -10,7 +10,7 @@ } .sphinx-tabs { - margin-top: 2rem; + margin-top: 1rem; } /* Code tabs should encompass the entire tab. */ @@ -23,6 +23,9 @@ } .ui.tabular.menu .item { + font-size: 0.8em; + font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace; + text-transform: lowercase; border: none !important; } diff --git a/docs/themes/smithy/static/default.css_t b/docs/themes/smithy/static/default.css_t index 2aee2aac5e7..8c90ca345a3 100644 --- a/docs/themes/smithy/static/default.css_t +++ b/docs/themes/smithy/static/default.css_t @@ -204,6 +204,7 @@ body {counter-reset: h2} bottom: 0.5em; right: 0.5em; font-size: 12px; + color: #999; } /* ----- Visual separations ------ */ @@ -499,10 +500,11 @@ pre { padding: 16px; overflow: auto; line-height: 1.45; - background-color: #fafafa; + background-color: #2B2B2B; border-radius: 3px; - border: 1px solid #ddd; font-size: 14px; + color: #A9B7C6; + overflow-x:auto } code, pre { diff --git a/docs/themes/smithy/static/pygments.css b/docs/themes/smithy/static/pygments.css index f1b4e1a4b9d..207ade8fc8d 100644 --- a/docs/themes/smithy/static/pygments.css +++ b/docs/themes/smithy/static/pygments.css @@ -1,70 +1,65 @@ -/* https://github.com/PhilipTrauner/pygments-github-css/blob/master/LICENSE */ -.highlight .hll { background-color: #ffffcc } -.highlight { background: #f8f8f8; } -.highlight .c { color: #6a737d } /* Comment */ -.highlight .err { } /* Error */ -.highlight .k { color: #d73a49 } /* Keyword */ -.highlight .o { } /* Operator */ -.highlight .ch { color: #6a737d } /* Comment.Hashbang */ -.highlight .cm { color: #6a737d } /* Comment.Multiline */ -.highlight .cp { color: #d73a49 } /* Comment.Preproc */ -.highlight .cpf { color: #032f62 } /* Comment.PreprocFile */ -.highlight .c1 { color: #6a737d } /* Comment.Single */ -.highlight .cs { color: #6a737d } /* Comment.Special */ -.highlight .gd { color: #b31d28; background-color: #ffeef0 } /* Generic.Deleted */ -.highlight .ge { } /* Generic.Emph */ -.highlight .gr { } /* Generic.Error */ -.highlight .gh { color: #005cc5 } /* Generic.Heading */ -.highlight .gi { color: #22863a; background-color: #f0fff4 } /* Generic.Inserted */ -.highlight .go { } /* Generic.Output */ -.highlight .gp { } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #6f42c1; font-weight: bold } /* Generic.Subheading */ -.highlight .gt { color: #0044DD } /* Generic.Traceback */ -.highlight .kc { color: #005cc5 } /* Keyword.Constant */ -.highlight .kd { color: #d73a49; font-weight: bold; } /* Keyword.Declaration */ -.highlight .kn { color: #d73a49 } /* Keyword.Namespace */ -.highlight .kp { color: #d73a49 } /* Keyword.Pseudo */ -.highlight .kr { color: #d73a49 } /* Keyword.Reserved */ -.highlight .kt { color: #d73a49 } /* Keyword.Type */ -.highlight .m { color: #666666 } /* Literal.Number */ -.highlight .s { color: #032f62 } /* Literal.String */ -.highlight .na { } /* Name.Attribute */ -.highlight .nb { color: #005cc5 } /* Name.Builtin */ -.highlight .nc { color: #6f42c1; font-weight: bold; } /* Name.Class */ -.highlight .no { color: #005cc5 } /* Name.Constant */ -.highlight .nd { color: #6f42c1 } /* Name.Decorator */ -.highlight .ni { color: #005cc5 } /* Name.Entity */ -.highlight .ne { color: #005cc5 } /* Name.Exception */ -.highlight .nf { color: #6f42c1 } /* Name.Function */ -.highlight .nl { color: #005cc5 } /* Name.Label */ -.highlight .nn { color: #6f42c1 } /* Name.Namespace */ -.highlight .nt { color: #22863a } /* Name.Tag */ -.highlight .nv { color: #24292e } /* Name.Variable */ -.highlight .ow { color: #d73a49; } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mb { color: #005cc5 } /* Literal.Number.Bin */ -.highlight .mf { color: #005cc5 } /* Literal.Number.Float */ -.highlight .mh { color: #005cc5 } /* Literal.Number.Hex */ -.highlight .mi { color: #005cc5 } /* Literal.Number.Integer */ -.highlight .mo { color: #005cc5 } /* Literal.Number.Oct */ -.highlight .sa { color: #d73a49 } /* Literal.String.Affix */ -.highlight .sb { color: #032f62 } /* Literal.String.Backtick */ -.highlight .sc { color: #032f62 } /* Literal.String.Char */ -.highlight .dl { color: #d73a49 } /* Literal.String.Delimiter */ -.highlight .sd { color: #032f62 } /* Literal.String.Doc */ -.highlight .s2 { color: #032f62 } /* Literal.String.Double */ -.highlight .se { color: #032f62 } /* Literal.String.Escape */ -.highlight .sh { color: #032f62 } /* Literal.String.Heredoc */ -.highlight .si { color: #005cc5 } /* Literal.String.Interpol */ -.highlight .sx { color: #032f62 } /* Literal.String.Other */ -.highlight .sr { color: #032f62 } /* Literal.String.Regex */ -.highlight .s1 { color: #032f62 } /* Literal.String.Single */ -.highlight .ss { color: #005cc5 } /* Literal.String.Symbol */ -.highlight .bp { color: #005cc5 } /* Name.Builtin.Pseudo */ -.highlight .fm { color: #005cc5 } /* Name.Function.Magic */ -.highlight .vc { color: #24292e; font-style: italic; } /* Name.Variable.Class */ -.highlight .vg { color: #24292e } /* Name.Variable.Global */ -.highlight .vi { color: #24292e } /* Name.Variable.Instance */ -.highlight .vm { color: #005cc5 } /* Name.Variable.Magic */ -.highlight .il { color: #005cc5 } /* Literal.Number.Integer.Long */ +/* Based on https://github.com/smasue/pygments */ +.highlight { color: #A9B7C6; background-color: #2B2B2B; } +.highlight .hll { background-color: #49483e; } +.highlight .c { color: #75715e; } +.highlight .err { color: #960050; background-color: #1e0010; } +.highlight .k { color: #E3812E; } +.highlight .l { color: #6897BB; } +.highlight .n { color: #A9B7C6; } +.highlight .o { color: #A9B7C6; } +.highlight .p { color: #A9B7C6; } +.highlight .cm { color: #89846d; } +.highlight .cp { color: #75715e; } +.highlight .c1 { color: #75715e; } +.highlight .cs { color: #75715e; } +.highlight .ge { font-style:italic; } +.highlight .gs { font-weight:bold; } +.highlight .kc { color: #E3812E; } +.highlight .kd { color: #E3812E; } +.highlight .kn { color: #A9B7C6; } +.highlight .kp { color: #E3812E; } +.highlight .kr { color: #E3812E; } +.highlight .kt { color: #E3812E; } +.highlight .ld { color: #A5C25C; } +.highlight .m { color: #6897BB; } +.highlight .s { color: #A5C25C; } +.highlight .na { color: #9876AA; } +.highlight .nb { color: #A9B7C6; } +.highlight .nc { color: #cfd4c5; } +.highlight .no { color: #E3812E; } +.highlight .nd { color: #f1c829; } +.highlight .ni { color: #A9B7C6; } +.highlight .ne { color: #88be05; } +.highlight .nf { color: #88be05; } +.highlight .nl { color: #A9B7C6; } +.highlight .nn { color: #A9B7C6; } +.highlight .nx { color: #88be05; } +.highlight .py { color: #A9B7C6; } +.highlight .nt { color: #f1c829; } +.highlight .nv { color: #A9B7C6; } +.highlight .ow { color: #A9B7C6; } +.highlight .w { color: #A9B7C6; } +.highlight .mf { color: #6897BB; } +.highlight .mh { color: #6897BB; } +.highlight .mi { color: #6897BB; } +.highlight .mo { color: #6897BB; } +.highlight .sb { color: #A5C25C; } +.highlight .sc { color: #A5C25C; } +.highlight .sd { color: #A5C25C; } +.highlight .s2 { color: #A5C25C; } +.highlight .se { color: #6897BB; } +.highlight .sh { color: #A5C25C; } +.highlight .si { color: #A5C25C; } +.highlight .sx { color: #A5C25C; } +.highlight .sr { color: #A5C25C; } +.highlight .s1 { color: #A5C25C; } +.highlight .ss { color: #A5C25C; } +.highlight .bp { color: #A9B7C6; } +.highlight .vc { color: #CFD4C5; font-style: italic; } +.highlight .vg { color: #A9B7C6; } +.highlight .vi { color: #A9B7C6; } +.highlight .il { color: #6897BB; } +.highlight .gu { color: #75715e; } +.highlight .gd { color: #A9B7C6; } +.highlight .gi { color: #88be05; } +.highlight .l-Scalar-Plain { color: #88be05; }