|
4 | 4 | // builtinCodeStyles is a map of the themes names corresponding to chroma styles |
5 | 5 | // See the Chroma Style Gallery for more styles: https://xyproto.github.io/splash/docs/ |
6 | 6 | // "default" currently points to "material" |
7 | | - builtinCodeStyles = map[string]string{"material": "lovelace", "gray": "manni", "dark": "dracula", "redbox": "fruity", "bw": "bw", "wing": "tango", "neon": "api", "light": "monokailight", "werc": "dracula", "setconf": "monokailight"} |
| 7 | + builtinCodeStyles = map[string]string{"material": "lovelace", "gray": "manni", "dark": "dracula", "redbox": "fruity", "bw": "bw", "wing": "tango", "neon": "api", "light": "monokailight", "werc": "dracula", "setconf": "monokailight", "suckless": "github"} |
8 | 8 |
|
9 | 9 | // Themes is a map over the available built-in CSS themes. Corresponds with the font themes below. |
10 | 10 | // "default" and "gray" are equal. "default" should never be used directly, but is here as a safeguard. |
|
20 | 20 | "neon": []byte("html{line-height:1}body{align-items:center;background-color:#111;display:flex;font-family:Helvetica Neue,sans-serif;height:90vh;justify-content:center;margin:0;padding:0;text-align:center}h1{color:#00caff;font-weight:100;font-size:8em;margin:0;padding-bottom:15px}button{background:#111;border:1px solid #00caff;color:#00caff;font-size:2em;font-weight:100;margin:0;outline:none;padding:5px 15px;transition:background .2s;&:hover,&:active,&:disabled{background:#00caff;color:#111}&:active{outline:2px solid #00caff}&:focus{border:1px solid #00caff}}button + button{margin-left:3px}pre{margin-top:0;margin-bottom:2rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#f1f1f1;border:1px solid #dbdbdb;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}*{box-sizing:border-box;margin:0;padding:0}body{background:#111}.container{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}input{background:rgba(0,0,0,.2);color:#00caff;border:1px solid #111;font:4em Helvetica Neue,sans-serif;font-weight:300;height:100vh;width:100vw;outline:0;padding:0 40px;position:absolute;&:hover{background:rgba(0,0,0,0)}}img{width:90vw;height:90vh}"), |
21 | 21 | "werc": []byte(`#side-bar a,ul.sitemap-list a{text-transform:capitalize}body{color:#000;background-color:#fff;font-family:Helvetica,Verdana,Arial,'Liberation Sans',FreeSans,sans-serif;font-size:84%;margin:0;padding:0}.superHeader{color:#fff;background-color:#6487dc;height:1.6em}.superHeader img{vertical-align:bottom}.superHeader a{color:#fff;background-color:transparent;font-size:91%;margin:0;padding:0 .5ex 0 .25ex;Xcolor:#000}a{text-decoration:none}a:hover{text-decoration:underline}#main-copy .topOfPage,#side-bar a:hover,.headerTitle a:hover{text-decoration:none}.superHeader div{position:absolute;top:.4ex}.superHeader .left{left:.4em}.superHeader .right{right:.4em}.midHeader{color:#274e90;border:0 solid #000;border-width:2px 0}table,td,th{border:1px solid #000}.headerTitle{color:#000;font-size:233%;font-weight:400;margin:0 0 0 4mm;padding:.25ex 0}#headerSubTitle{font-size:50%;font-style:italic;margin-left:1em}.headerTitle a{color:#000}.subHeader{display:none;color:#fff;background-color:#039;margin:0;padding:1ex 1ex 1ex 1.5mm}#side-bar a,.subHeader a{background-color:transparent}.subHeader a{color:#fff;font-weight:700;margin:0;padding:0 .75ex 0 .5ex}.subHeader .highlight,.superHeader .highlight{color:#fda05b;background-color:transparent}#side-bar{width:16em;float:left;clear:left;border-right:1px solid #ddd}#side-bar div{border-bottom:1px solid #ddd}.sideBarTitle{font-weight:700;margin:0 0 .5em 2mm;padding:1em 0 0}#side-bar ul{list-style-type:none;list-style-position:outside;margin:0;padding:0 0 .3em}li ul{padding-left:.6em!important}#side-bar li{margin:0;padding:.1ex 0}#side-bar a{color:#06c;margin:0;padding:.25em 1ex .25em 2mm;display:block;font-weight:700!important;font-size:102%;border-left:#fff solid .2em}.thisPage,.thisPage a{color:#000!important;background-color:#fff;padding-left:5mm}#main-copy,#main-copy a{background-color:transparent}#side-bar a:hover{color:#fff;background-color:#6487dc;border-left:#000 solid .2em}.sideBarText{line-height:1.5em;margin:0 0 1em;padding:0 1.5ex 0 2.5mm;display:block}#side-bar .sideBarText a{margin:0;padding:0;display:inline}#side-bar .sideBarText a:hover{color:#06c;background-color:transparent;text-decoration:none}#main-copy{max-width:70em;color:#000;text-align:justify;line-height:1.5em;margin:0 0 0 16em;padding:.5mm 5mm 5mm;border-left:1px solid #ddd}#bodyText{margin:0 0 0 15.5em;padding:2mm 5mm}#main-copy p{margin:1em 1ex!important;padding:0}#main-copy a{color:#06c}#main-copy a:hover{color:#6487dc}#main-copy .topOfPage,#main-copy h1,#main-copy h2{color:#06c;background-color:transparent;font-weight:700}#main-copy h1,#main-copy h2{font-size:145.5%;margin:2em 0 0;padding:.5ex 0 .5ex .6ex;border-bottom:2px solid #06c}#main-copy h2{font-size:115.5%;border-bottom:1px solid #06c}#main-copy .topOfPage{font-size:91%;margin:3ex 1ex 0 0;padding:0;float:right}dl{margin:1em 1ex 2em;padding:0}dt{font-weight:700;margin:0;padding:0}dd{margin:0 0 2em 2em;padding:0}#footer{color:#fff;background-color:#6487dc;padding:1em;clear:both}#footer .left{text-align:left;line-height:1.55em;float:left;clear:left}#footer .right{text-align:right;line-height:1.45em}#footer a{color:#fff;background-color:transparent}th{background-color:#abc;text-align:center}td{background-color:#def}hr{border-width:0 0 .1em;border-color:#000}.titleTip,acronym{border-bottom:1px solid #ddd;cursor:help;margin:0;padding:0 0 .4px}pre{margin-left:2em;font-size:1.2em}blockquote{border-left:1px solid #00f;font-style:italic}.smallCaps{font-size:110%;font-variant:small-caps}.doNotDisplay{display:none}.notify_errors,.notify_notes,.notify_success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.notify_errors{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}.notify_notes{background:#FFF6BF;color:#514721;border-color:#FFD324}.notify_success{background:#E6EFC2;color:#264409;border-color:#C6D880}.notify_errors a{color:#8a1f11}.notify_notes a{color:#514721}.notify_success a{color:#264409}h1.dir-list-head,ul.dir-list{text-transform:capitalize;font-weight:700}.midHeader{background-color:#b4e1ff}`), |
22 | 22 | "setconf": []byte(`body { direction: ltr; background-color: rgb(249, 255, 249); background-image: url("subtle.png"); margin-right: 2em; min-width: 210px; font-family: serif; color: black; } a { color: #ff6600; } a:active { color: red; } a:visited { color: #993300; } a:hover { color: #ff8822; } h1 { color: rgb(51, 51, 51); font-size: 3.7em; margin-left: 1.2em; margin-top: 1.6em; margin-bottom: 1.4em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } h2, h3 { margin-left: 10vw; background-color: white; margin-top: 2em; margin-bottom: 1.3em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } p, ul, ol, blockquote, pre { margin-left: 19vw; margin-top: 1em; margin-bottom: 2.5em; } pre, code { font-family: Courier New, Courier, monospace; font-weight: bold; background-color: #f4f4f4; padding: 0.5em; border-radius: 5px; } ul, ol { padding-left: 1.5em; } li { margin-bottom: 0.5em; } blockquote { border-left: 4px solid #ccc; padding-left: 1em; color: #666; font-style: italic; } footer { text-align: right; font-size: 0.8em; } @media all and (min-width: 1100px) { pre { font-size: 0.9em; margin-left: 1em; } p, ul, ol, blockquote { margin-left: 17vw; } } @media all and (max-width: 1099px) and (min-width: 550px) { pre { font-size: 0.8em; margin-left: 0.8em; } p, ul, ol, blockquote { margin-left: 14vw; } } @media all and (max-width: 549px) { pre { font-size: 0.7em; } p, ul, ol, blockquote { margin-left: 0.4em; } body, pre, h1, h2, p, ul, ol, blockquote { margin-left: 0.2em; } #logo { margin-right: 0; float: left; } }`), |
| 23 | + "suckless": []byte(`body { color: #000; background-color: #fff; font-family: monospace; margin: 2em; font-size: 1em; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { font-size: 1.2em; margin: 1em 0 0.5em 0; color: #000; font-weight: bold; } img { max-width: 100%; border: 0; vertical-align: middle; } a { color: #00a; text-decoration: none; } a:hover { color: #0066cc; text-decoration: underline; } a:active { color: #0066cc; } a:target { background-color: #ccc; } pre { font-family: monospace; background-color: #f8f8f8; padding: 1em; border-radius: 4px; overflow-x: auto; white-space: pre-wrap; word-wrap: break-word; } code { font-family: monospace; background-color: #f8f8f8; padding: 0.2em 0.4em; border-radius: 3px; font-size: 0.9em; } pre code { background: transparent; padding: 0; } table { border-collapse: collapse; width: 100%; margin: 1em 0; font-family: monospace; } table thead td, table th { font-weight: bold; background-color: #f0f0f0; } table td, table th { padding: 0.5em; border: 1px solid #ddd; text-align: left; vertical-align: top; } table tr:hover { background-color: #f5f5f5; } table td.num { text-align: right; } hr { border: 0; border-top: 1px solid #555; height: 1px; margin: 2em 0; } .desc { color: #555; font-style: italic; } blockquote { border-left: 4px solid #ddd; margin: 1em 0; padding: 0 1em; color: #666; } ul, ol { margin: 1em 0; padding-left: 2em; } li { margin: 0.5em 0; } .chroma { white-space: pre-wrap; border-radius: 4px; padding: 0.5em; word-wrap: break-word; background-color: #f8f8f8; } @media (prefers-color-scheme: dark) { body { background-color: #000; color: #bdbdbd; } h1, h2, h3, h4, h5, h6 { color: #bdbdbd; } a { color: #56c8ff; } a:hover { color: #87ceeb; } a:target { background-color: #222; } pre, code { background-color: #111; color: #bdbdbd; } table td, table th { border-color: #333; } table thead td, table th { background-color: #222; } table tr:hover { background-color: #111; } hr { border-color: #333; } .desc { color: #aaa; } blockquote { border-left-color: #333; color: #aaa; } .chroma { background-color: #111; } }`), |
23 | 24 | } |
24 | 25 | ) |
0 commit comments