first draft of theme

1 files changed, 110 insertions, 0 deletions

diff --git a/assets/syntax.css b/assets/syntax.css
new file mode 100644
index 0000000..96128f9
--- /dev/null
+++ b/assets/syntax.css
@@ -0,0 +1,110 @@
+:root {
+    --chroma-bg: #111;
+    --comment: #9e9e9e;
+    --cyan: #8be9fd; 
+    --green: #50fa7b;
+    --orange: #ffb86c;
+    --pink: #f5a;
+    --purple: #bd93f9;
+    --red: #f55;
+    --yellow: #f1fa8c;
+}
+/* @media (prefers-color-scheme: light) {
+    :root {
+        --chroma-bg: #eee;
+        --comment: #666;
+        --cyan: #04a5e5; 
+        --green: #40a02b;
+        --orange: #fe640b;
+        --pink: #ea76cb;
+        --purple: #8839ef;
+        --red: #d20f39;
+        --yellow: #df8e1d;
+    }
+} */
+/* Background */ .bg,
+/* PreWrapper */ .chroma { background-color:var(--chroma-bg); }
+/* Other */ .chroma .x {  }
+/* Error */ .chroma .err {  }
+/* CodeLine */ .chroma .cl {  }
+/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
+/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
+/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
+/* LineHighlight */ .chroma .hl { background-color:#3d3f4a }
+/* LineNumbersTable */ .chroma .lnt,
+/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:var(--comment) }
+/* Line */ .chroma .line { display:flex; }
+/* Keyword */ .chroma .k,
+/* KeywordConstant */ .chroma .kc,
+/* KeywordNamespace */ .chroma .kn,
+/* KeywordPseudo */ .chroma .kp,
+/* KeywordReserved */ .chroma .kr { color:var(--pink) }
+/* KeywordType */ .chroma .kt { color:var(--cyan) }
+/* KeywordDeclaration */ .chroma .kd { color:var(--cyan);font-style:italic }
+/* Name */ .chroma .n {  }
+/* NameBuiltinPseudo */ .chroma .bp {  }
+/* NameConstant */ .chroma .no {  }
+/* NameDecorator */ .chroma .nd {  }
+/* NameEntity */ .chroma .ni {  }
+/* NameException */ .chroma .ne {  }
+/* NameAttribute */ .chroma .na,
+/* NameClass */ .chroma .nc,
+/* NameFunctionMagic */ .chroma .fm,
+/* NameFunction */ .chroma .nf { color:var(--green) }
+/* NameNamespace */ .chroma .nn {  }
+/* NameOther */ .chroma .nx {  }
+/* NameProperty */ .chroma .py {  }
+/* NameTag */ .chroma .nt { color:var(--pink) }
+/* NameBuiltin */ .chroma .nb,
+/* NameLabel */ .chroma .nl,
+/* NameVariable */ .chroma .nv,
+/* NameVariableClass */ .chroma .vc,
+/* NameVariableGlobal */ .chroma .vg,
+/* NameVariableInstance */ .chroma .vi { color:var(--cyan);font-style:italic }
+/* NameVariableMagic */ .chroma .vm {  }
+/* Literal */ .chroma .l {  }
+/* LiteralDate */ .chroma .ld {  }
+/* LiteralString */ .chroma .s,
+/* LiteralStringAffix */ .chroma .sa,
+/* LiteralStringBacktick */ .chroma .sb,
+/* LiteralStringChar */ .chroma .sc,
+/* LiteralStringDelimiter */ .chroma .dl,
+/* LiteralStringDoc */ .chroma .sd,
+/* LiteralStringDouble */ .chroma .s2,
+/* LiteralStringEscape */ .chroma .se,
+/* LiteralStringHeredoc */ .chroma .sh,
+/* LiteralStringInterpol */ .chroma .si,
+/* LiteralStringOther */ .chroma .sx,
+/* LiteralStringRegex */ .chroma .sr,
+/* LiteralStringSingle */ .chroma .s1,
+/* LiteralStringSymbol */ .chroma .ss { color:var(--yellow) }
+/* LiteralNumber */ .chroma .m,
+/* LiteralNumberBin */ .chroma .mb,
+/* LiteralNumberFloat */ .chroma .mf,
+/* LiteralNumberHex */ .chroma .mh,
+/* LiteralNumberInteger */ .chroma .mi,
+/* LiteralNumberIntegerLong */ .chroma .il,
+/* LiteralNumberOct */ .chroma .mo { color:var(--purple) }
+/* Operator */ .chroma .o,
+/* OperatorWord */ .chroma .ow { color:var(--pink) }
+/* Punctuation */ .chroma .p {  }
+/* Comment */ .chroma .c,
+/* CommentHashbang */ .chroma .ch,
+/* CommentMultiline */ .chroma .cm,
+/* CommentSingle */ .chroma .c1,
+/* CommentSpecial */ .chroma .cs { color:var(--comment) }
+/* CommentPreproc */ .chroma .cp,
+/* CommentPreprocFile */ .chroma .cpf { color:var(--pink) }
+/* Generic */ .chroma .g {  }
+/* GenericDeleted */ .chroma .gd { color:var(--red) }
+/* GenericEmph */ .chroma .ge { text-decoration:underline }
+/* GenericError */ .chroma .gr {  }
+/* GenericHeading */ .chroma .gh { font-weight:bold }
+/* GenericInserted */ .chroma .gi { color:var(--green);font-weight:bold }
+/* GenericOutput */ .chroma .go { color:var(--comment) }
+/* GenericPrompt */ .chroma .gp {  }
+/* GenericStrong */ .chroma .gs {  }
+/* GenericSubheading */ .chroma .gu { font-weight:bold }
+/* GenericTraceback */ .chroma .gt {  }
+/* GenericUnderline */ .chroma .gl { text-decoration:underline }
+/* TextWhitespace */ .chroma .w {  }