diff --git a/cmd/tclipd/static/css/base.css b/cmd/tclipd/static/css/base.css index 687c004..18f8413 100644 --- a/cmd/tclipd/static/css/base.css +++ b/cmd/tclipd/static/css/base.css @@ -107,7 +107,7 @@ } /* -! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* @@ -1292,11 +1292,6 @@ select { float: right; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - .mx-auto { margin-left: auto; margin-right: auto; @@ -1328,10 +1323,6 @@ select { margin-left: 1.25rem; } -.mt-2 { - margin-top: 0.5rem; -} - .mt-4 { margin-top: 1rem; } @@ -1364,6 +1355,10 @@ select { display: contents; } +.h-8 { + height: 2rem; +} + .min-h-screen { min-height: 100vh; } @@ -1380,10 +1375,6 @@ select { max-width: 100%; } -.max-w-lg { - max-width: 32rem; -} - .max-w-sm { max-width: 24rem; } @@ -1392,6 +1383,10 @@ select { flex: 1 1 0%; } +.cursor-pointer { + cursor: pointer; +} + .list-disc { list-style-type: disc; } @@ -1408,6 +1403,14 @@ select { align-items: center; } +.gap-2 { + gap: 0.5rem; +} + +.self-start { + align-self: flex-start; +} + .rounded { border-radius: 0.25rem; } @@ -1420,8 +1423,8 @@ select { border-radius: 0.75rem; } -.border-0 { - border-width: 0px; +.border { + border-width: 1px; } .border-b { @@ -1432,28 +1435,33 @@ select { border-top-width: 1px; } +.border-blue-500 { + --tw-border-opacity: 1; + border-color: rgba(75, 112, 204, var(--tw-border-opacity, 1)); +} + .border-gray-200 { --tw-border-opacity: 1; - border-color: rgba(238, 235, 234, var(--tw-border-opacity)); + border-color: rgba(238, 235, 234, var(--tw-border-opacity, 1)); } -.bg-gray-100 { +.bg-blue-500 { --tw-bg-opacity: 1; - background-color: rgba(247, 245, 244, var(--tw-bg-opacity)); + background-color: rgba(75, 112, 204, var(--tw-bg-opacity, 1)); } -.bg-gray-600 { +.bg-gray-100 { --tw-bg-opacity: 1; - background-color: rgba(68, 67, 66, var(--tw-bg-opacity)); + background-color: rgba(247, 245, 244, var(--tw-bg-opacity, 1)); } .p-4 { padding: 1rem; } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } .px-4 { @@ -1484,10 +1492,22 @@ select { padding-bottom: 0.5rem; } +.pt-2 { + padding-top: 0.5rem; +} + +.pt-3 { + padding-top: 0.75rem; +} + .pt-4 { padding-top: 1rem; } +.pt-5 { + padding-top: 1.25rem; +} + .text-right { text-align: right; } @@ -1527,14 +1547,19 @@ select { line-height: 1.5rem; } -.text-gray-900 { +.text-gray-100 { --tw-text-opacity: 1; - color: rgba(31, 30, 30, var(--tw-text-opacity)); + color: rgba(247, 245, 244, var(--tw-text-opacity, 1)); } -.text-white { +.text-gray-200 { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgba(238, 235, 234, var(--tw-text-opacity, 1)); +} + +.text-gray-900 { + --tw-text-opacity: 1; + color: rgba(31, 30, 30, var(--tw-text-opacity, 1)); } .underline { @@ -1547,39 +1572,55 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.ring-1 { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +@media (prefers-color-scheme: dark) { + .dark\:prose-invert { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); + } } -.ring-inset { - --tw-ring-inset: inset; +.marker\:text-gray-700 *::marker { + color: rgba(46, 45, 45, var(--tw-text-opacity, 1)); } -.ring-gray-300 { - --tw-ring-opacity: 1; - --tw-ring-color: rgba(218, 214, 213, var(--tw-ring-opacity)); +.marker\:text-gray-700::marker { + color: rgba(46, 45, 45, var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::-moz-placeholder { --tw-text-opacity: 1; - color: rgba(175, 172, 171, var(--tw-text-opacity)); + color: rgba(175, 172, 171, var(--tw-text-opacity, 1)); } .placeholder\:text-gray-400::placeholder { --tw-text-opacity: 1; - color: rgba(175, 172, 171, var(--tw-text-opacity)); + color: rgba(175, 172, 171, var(--tw-text-opacity, 1)); } -.hover\:bg-gray-500:hover { +.hover\:bg-blue-600:hover { --tw-bg-opacity: 1; - background-color: rgba(112, 110, 109, var(--tw-bg-opacity)); + background-color: rgba(63, 93, 179, var(--tw-bg-opacity, 1)); } .hover\:text-gray-500:hover { --tw-text-opacity: 1; - color: rgba(112, 110, 109, var(--tw-text-opacity)); + color: rgba(112, 110, 109, var(--tw-text-opacity, 1)); } .focus\:ring-2:focus { @@ -1592,6 +1633,11 @@ select { --tw-ring-inset: inset; } +.focus-visible\:bg-blue-600:focus-visible { + --tw-bg-opacity: 1; + background-color: rgba(63, 93, 179, var(--tw-bg-opacity, 1)); +} + .focus-visible\:outline:focus-visible { outline-style: solid; } @@ -1604,10 +1650,6 @@ select { outline-offset: 2px; } -.focus-visible\:outline-gray-600:focus-visible { - outline-color: rgba(68, 67, 66); -} - @media (min-width: 640px) { .sm\:text-sm { font-size: 0.875rem; @@ -1617,4 +1659,74 @@ select { .sm\:leading-6 { line-height: 1.5rem; } +} + +@media (prefers-color-scheme: dark) { + .dark\:border-blue-600 { + --tw-border-opacity: 1; + border-color: rgba(63, 93, 179, var(--tw-border-opacity, 1)); + } + + .dark\:border-gray-500 { + --tw-border-opacity: 1; + border-color: rgba(112, 110, 109, var(--tw-border-opacity, 1)); + } + + .dark\:border-gray-700 { + --tw-border-opacity: 1; + border-color: rgba(46, 45, 45, var(--tw-border-opacity, 1)); + } + + .dark\:bg-bg-app { + --tw-bg-opacity: 1; + background-color: rgba(24, 23, 23, var(--tw-bg-opacity, 1)); + } + + .dark\:bg-blue-600 { + --tw-bg-opacity: 1; + background-color: rgba(63, 93, 179, var(--tw-bg-opacity, 1)); + } + + .dark\:bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgba(31, 30, 30, var(--tw-bg-opacity, 1)); + } + + .dark\:text-gray-200 { + --tw-text-opacity: 1; + color: rgba(238, 235, 234, var(--tw-text-opacity, 1)); + } + + .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgba(218, 214, 213, var(--tw-text-opacity, 1)); + } + + .dark\:marker\:text-gray-300 *::marker { + color: rgba(218, 214, 213, var(--tw-text-opacity, 1)); + } + + .dark\:marker\:text-gray-300::marker { + color: rgba(218, 214, 213, var(--tw-text-opacity, 1)); + } + + .dark\:hover\:bg-blue-500:hover { + --tw-bg-opacity: 1; + background-color: rgba(75, 112, 204, var(--tw-bg-opacity, 1)); + } + + .dark\:hover\:text-gray-100:hover { + --tw-text-opacity: 1; + color: rgba(247, 245, 244, var(--tw-text-opacity, 1)); + } + + .dark\:hover\:text-gray-300:hover { + --tw-text-opacity: 1; + color: rgba(218, 214, 213, var(--tw-text-opacity, 1)); + } + + .dark\:focus-visible\:bg-blue-500:focus-visible { + --tw-bg-opacity: 1; + background-color: rgba(75, 112, 204, var(--tw-bg-opacity, 1)); + } } \ No newline at end of file diff --git a/cmd/tclipd/static/css/prism-dark.css b/cmd/tclipd/static/css/prism-dark.css new file mode 100644 index 0000000..e7b28db --- /dev/null +++ b/cmd/tclipd/static/css/prism-dark.css @@ -0,0 +1,4 @@ +/* PrismJS 1.30.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+armasm+arturo+asciidoc+aspnet+asm6502+asmatmel+autohotkey+autoit+avisynth+avro-idl+awk+bash+basic+batch+bbcode+bbj+bicep+birb+bison+bnf+bqn+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+cilkc+cilkcpp+clojure+cmake+cobol+coffeescript+concurnas+csp+cooklang+coq+crystal+css-extras+csv+cue+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gap+gcode+gdscript+gedcom+gettext+gherkin+git+glsl+gn+linker-script+go+go-module+gradle+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+hoon+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keepalived+keyman+kotlin+kumir+kusto+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+magma+makefile+markdown+markup-templating+mata+matlab+maxscript+mel+mermaid+metafont+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+odin+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plant-uml+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+cshtml+jsx+tsx+reason+regex+rego+renpy+rescript+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+stata+iecst+stylus+supercollider+swift+systemd+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+tremor+turtle+twig+typescript+typoscript+unrealscript+uorazor+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+web-idl+wgsl+wiki+wolfram+wren+xeora+xml-doc+xojo+xquery+yaml+yang+zig&plugins=line-numbers */ +code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap: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-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} +pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right} diff --git a/cmd/tclipd/tmpl/base.html b/cmd/tclipd/tmpl/base.html index 65c1cd1..ceb4777 100644 --- a/cmd/tclipd/tmpl/base.html +++ b/cmd/tclipd/tmpl/base.html @@ -1,49 +1,78 @@ {{define "header"}} -
-