~cricket/jazz

bc9c19d564973870a1fe96b85e1d7ecf4140eed5 — c piapiac 23 days ago fef907d
add more font fallbacks; dark theme prism colourscheme
3 files changed, 146 insertions(+), 1 deletions(-)

M header.html
A static/prism-gruvbox-dark.css
M static/stylesheet.css
M header.html => header.html +1 -0
@@ 6,6 6,7 @@
        <title>CRICKET'S JAZZ / {0s}</title>
        <link rel="stylesheet" href="stylesheet.css">
        <link rel="stylesheet" href="prism-ghcolors.css">
        <link rel="stylesheet" href="prism-gruvbox-dark.css">

        <meta name="title" content="CRICKET'S JAZZ / {0s}">
        <meta name="description" content="{1s}">

A static/prism-gruvbox-dark.css => static/prism-gruvbox-dark.css +144 -0
@@ 0,0 1,144 @@
/**
 * Gruvbox dark theme
 *
 * Adapted from a theme based on:
 * Vim Gruvbox dark Theme (https://github.com/morhetz/gruvbox)
 *
 * @author Azat S. <to@azat.io>
 * @version 1.0
 */
@media (prefers-color-scheme: dark) {
    code[class*="language-"],
    pre[class*="language-"] {
    	color: #ebdbb2;
    	font-family: Consolas, Monaco, "Andale Mono", monospace;
    	direction: ltr;
    	text-align: left;
    	white-space: pre;
    	word-spacing: normal;
    	word-break: normal;
    	line-height: 1.5;

    	-moz-tab-size: 4;
    	-o-tab-size: 4;
    	tab-size: 4;

    	-webkit-hyphens: none;
    	-moz-hyphens: none;
    	-ms-hyphens: none;
    	hyphens: none;
    }

    pre[class*="language-"]::-moz-selection,
    pre[class*="language-"] ::-moz-selection,
    code[class*="language-"]::-moz-selection,
    code[class*="language-"] ::-moz-selection {
    	color: #fff;
    	background: #f05e23;
    }

    pre[class*="language-"]::selection,
    pre[class*="language-"] ::selection,
    code[class*="language-"]::selection,
    code[class*="language-"] ::selection {
    	color: #fff;
    	background: #f05e23;
    }

    /* Code blocks */
    pre[class*="language-"] {
    	padding: 1em;
    	margin: 0.5em 0;
    	overflow: auto;
    }

    :not(pre) > code[class*="language-"],
    pre[class*="language-"] {
    	background: #1d2021;
    }

    /* Inline code */
    :not(pre) > code[class*="language-"] {
    	padding: 0.1em;
    	border-radius: 0.3em;
    }

    .token.comment,
    .token.prolog,
    .token.cdata {
    	color: #a89984;
    }

    .token.delimiter,
    .token.boolean,
    .token.keyword,
    .token.selector,
    .token.important,
    .token.atrule {
    	color: #fb4934;
    }

    .token.operator,
    .token.punctuation,
    .token.attr-name {
    	color: #a89984;
    }

    .token.tag,
    .token.tag .punctuation,
    .token.doctype,
    .token.builtin {
    	color: #fabd2f;
    }

    .token.entity,
    .token.number,
    .token.symbol {
    	color: #d3869b;
    }

    .token.property,
    .token.constant,
    .token.variable {
    	color: #fb4934;
    }

    .token.string,
    .token.char {
    	color: #b8bb26;
    }

    .token.attr-value,
    .token.attr-value .punctuation {
    	color: #a89984;
    }

    .token.url {
    	color: #b8bb26;
    	text-decoration: underline;
    }

    .token.function {
    	color: #fabd2f;
    }

    .token.regex {
    	background: #b8bb26;
    }

    .token.bold {
    	font-weight: bold;
    }

    .token.italic {
    	font-style: italic;
    }

    .token.inserted {
    	background: #a89984;
    }

    .token.deleted {
    	background: #fb4934;
    }
}

M static/stylesheet.css => static/stylesheet.css +1 -1
@@ 13,7 13,7 @@

body {
    /* fonts and colours */
    font-family: "Bitstream Charter", serif;
    font-family: "Bitstream Charter", "Palatino", "Georgia", serif;
    background-color: var(--bg);
    color: var(--fg);