Add light syntax, using Pygments sas style.

This commit is contained in:
Sergio Martínez Portela 2022-07-24 23:09:05 +02:00
parent 29a9d25381
commit 830c26e333
3 changed files with 65 additions and 74 deletions

View File

@ -5,6 +5,7 @@
<title>{{ title }} @ Código para llevar</title> <title>{{ title }} @ Código para llevar</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/light-syntax.css" />
<link rel="stylesheet" href="../css/dark-syntax.css" /> <link rel="stylesheet" href="../css/dark-syntax.css" />
</head> </head>
<body> <body>

View File

@ -3,68 +3,62 @@ td.linenos .normal { color: inherit; background-color: transparent; padding-left
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.hll { background-color: #3c3836 } .hll { background-color: #ffffcc }
.c { color: #928374; font-style: italic } /* Comment */ .c { color: #008800; font-style: italic } /* Comment */
.err { color: #fbf1c7; background-color: #9d0006 } /* Error */ .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { color: #9d0006 } /* Keyword */ .g { color: #2c2cff } /* Generic */
.ch { color: #928374; font-style: italic } /* Comment.Hashbang */ .k { color: #2c2cff } /* Keyword */
.cm { color: #928374; font-style: italic } /* Comment.Multiline */ .x { background-color: #ffffe0 } /* Other */
.c-PreProc { color: #427b58; font-style: italic } /* Comment.PreProc */ .ch { color: #008800; font-style: italic } /* Comment.Hashbang */
.cp { color: #928374; font-style: italic } /* Comment.Preproc */ .cm { color: #008800; font-style: italic } /* Comment.Multiline */
.cpf { color: #928374; font-style: italic } /* Comment.PreprocFile */ .cp { color: #008800; font-style: italic } /* Comment.Preproc */
.c1 { color: #928374; font-style: italic } /* Comment.Single */ .cpf { color: #008800; font-style: italic } /* Comment.PreprocFile */
.cs { color: #3c3836; font-weight: bold; font-style: italic } /* Comment.Special */ .c1 { color: #008800; font-style: italic } /* Comment.Single */
.gd { color: #fbf1c7; background-color: #9d0006 } /* Generic.Deleted */ .cs { color: #008800; font-style: italic } /* Comment.Special */
.ge { font-style: italic } /* Generic.Emph */ .gd { color: #2c2cff } /* Generic.Deleted */
.gr { color: #9d0006 } /* Generic.Error */ .ge { color: #008800 } /* Generic.Emph */
.gh { color: #3c3836; font-weight: bold } /* Generic.Heading */ .gr { color: #d30202 } /* Generic.Error */
.gi { color: #fbf1c7; background-color: #79740e } /* Generic.Inserted */ .gh { color: #2c2cff } /* Generic.Heading */
.go { color: #32302f } /* Generic.Output */ .gi { color: #2c2cff } /* Generic.Inserted */
.gp { color: #7c6f64 } /* Generic.Prompt */ .go { color: #2c2cff } /* Generic.Output */
.gs { font-weight: bold } /* Generic.Strong */ .gp { color: #2c2cff } /* Generic.Prompt */
.gu { color: #3c3836; text-decoration: underline } /* Generic.Subheading */ .gs { color: #2c2cff } /* Generic.Strong */
.gt { color: #9d0006 } /* Generic.Traceback */ .gu { color: #2c2cff } /* Generic.Subheading */
.kc { color: #9d0006 } /* Keyword.Constant */ .gt { color: #2c2cff } /* Generic.Traceback */
.kd { color: #9d0006 } /* Keyword.Declaration */ .kc { color: #2c2cff; font-weight: bold } /* Keyword.Constant */
.kn { color: #9d0006 } /* Keyword.Namespace */ .kd { color: #2c2cff } /* Keyword.Declaration */
.kp { color: #9d0006 } /* Keyword.Pseudo */ .kn { color: #2c2cff } /* Keyword.Namespace */
.kr { color: #9d0006 } /* Keyword.Reserved */ .kp { color: #2c2cff } /* Keyword.Pseudo */
.kt { color: #9d0006 } /* Keyword.Type */ .kr { color: #353580; font-weight: bold } /* Keyword.Reserved */
.m { color: #8f3f71 } /* Literal.Number */ .kt { color: #2c2cff } /* Keyword.Type */
.s { color: #79740e } /* Literal.String */ .m { color: #2c8553; font-weight: bold } /* Literal.Number */
.na { color: #b57614 } /* Name.Attribute */ .s { color: #800080 } /* Literal.String */
.nb { color: #af3a03 } /* Name.Builtin */ .nb { color: #2c2cff } /* Name.Builtin */
.nc { color: #427b58 } /* Name.Class */ .nf { font-weight: bold; font-style: italic } /* Name.Function */
.no { color: #8f3f71 } /* Name.Constant */ .nv { color: #2c2cff; font-weight: bold } /* Name.Variable */
.nd { color: #9d0006 } /* Name.Decorator */ .w { color: #bbbbbb } /* Text.Whitespace */
.ne { color: #9d0006 } /* Name.Exception */ .mb { color: #2c8553; font-weight: bold } /* Literal.Number.Bin */
.nf { color: #427b58 } /* Name.Function */ .mf { color: #2c8553; font-weight: bold } /* Literal.Number.Float */
.nn { color: #427b58 } /* Name.Namespace */ .mh { color: #2c8553; font-weight: bold } /* Literal.Number.Hex */
.nt { color: #427b58 } /* Name.Tag */ .mi { color: #2c8553; font-weight: bold } /* Literal.Number.Integer */
.nv { color: #076678 } /* Name.Variable */ .mo { color: #2c8553; font-weight: bold } /* Literal.Number.Oct */
.ow { color: #9d0006 } /* Operator.Word */ .sa { color: #800080 } /* Literal.String.Affix */
.mb { color: #8f3f71 } /* Literal.Number.Bin */ .sb { color: #800080 } /* Literal.String.Backtick */
.mf { color: #8f3f71 } /* Literal.Number.Float */ .sc { color: #800080 } /* Literal.String.Char */
.mh { color: #8f3f71 } /* Literal.Number.Hex */ .dl { color: #800080 } /* Literal.String.Delimiter */
.mi { color: #8f3f71 } /* Literal.Number.Integer */ .sd { color: #800080 } /* Literal.String.Doc */
.mo { color: #8f3f71 } /* Literal.Number.Oct */ .s2 { color: #800080 } /* Literal.String.Double */
.sa { color: #79740e } /* Literal.String.Affix */ .se { color: #800080 } /* Literal.String.Escape */
.sb { color: #79740e } /* Literal.String.Backtick */ .sh { color: #800080 } /* Literal.String.Heredoc */
.sc { color: #79740e } /* Literal.String.Char */ .si { color: #800080 } /* Literal.String.Interpol */
.dl { color: #79740e } /* Literal.String.Delimiter */ .sx { color: #800080 } /* Literal.String.Other */
.sd { color: #79740e } /* Literal.String.Doc */ .sr { color: #800080 } /* Literal.String.Regex */
.s2 { color: #79740e } /* Literal.String.Double */ .s1 { color: #800080 } /* Literal.String.Single */
.se { color: #af3a03 } /* Literal.String.Escape */ .ss { color: #800080 } /* Literal.String.Symbol */
.sh { color: #79740e } /* Literal.String.Heredoc */ .bp { color: #2c2cff } /* Name.Builtin.Pseudo */
.si { color: #79740e } /* Literal.String.Interpol */ .fm { font-weight: bold; font-style: italic } /* Name.Function.Magic */
.sx { color: #79740e } /* Literal.String.Other */ .vc { color: #2c2cff; font-weight: bold } /* Name.Variable.Class */
.sr { color: #79740e } /* Literal.String.Regex */ .vg { color: #2c2cff; font-weight: bold } /* Name.Variable.Global */
.s1 { color: #79740e } /* Literal.String.Single */ .vi { color: #2c2cff; font-weight: bold } /* Name.Variable.Instance */
.ss { color: #79740e } /* Literal.String.Symbol */ .vm { color: #2c2cff; font-weight: bold } /* Name.Variable.Magic */
.bp { color: #af3a03 } /* Name.Builtin.Pseudo */ .il { color: #2c8553; font-weight: bold } /* Literal.Number.Integer.Long */
.fm { color: #427b58 } /* Name.Function.Magic */
.vc { color: #076678 } /* Name.Variable.Class */
.vg { color: #076678 } /* Name.Variable.Global */
.vi { color: #076678 } /* Name.Variable.Instance */
.vm { color: #076678 } /* Name.Variable.Magic */
.il { color: #8f3f71 } /* Literal.Number.Integer.Long */

View File

@ -60,11 +60,9 @@ li .tag::after {
/* Code blocks */ /* Code blocks */
pre { pre {
overflow: auto; overflow: auto;
padding: 0.5ex; padding: 0.25ex;
padding-left: 0.5ex; box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.26);
padding-left: 1.5ex; border-radius: 2px;
background-color: #001622;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
} }
pre > code { pre > code {
display: block; display: block;
@ -74,15 +72,13 @@ pre > code {
pre code { pre code {
padding: 0.5ex; padding: 0.5ex;
font-size: medium; font-size: medium;
border: 2px solid #001622; background: #fff;
background: #073642; color: #000;
color: #fff;
} }
code { code {
padding: 0.25ex; padding: 0.25ex;
margin: 0.25ex; margin: 0.25ex;
border: 1px solid #001622;
} }
article.post { article.post {