diff --git a/Assets/BundledAssets.Source/air.css b/Assets/BundledAssets.Source/Md2html/air.css similarity index 100% rename from Assets/BundledAssets.Source/air.css rename to Assets/BundledAssets.Source/Md2html/air.css diff --git a/Assets/BundledAssets.Source/Md2html/links.txt b/Assets/BundledAssets.Source/Md2html/links.txt new file mode 100644 index 00000000..b09608ee --- /dev/null +++ b/Assets/BundledAssets.Source/Md2html/links.txt @@ -0,0 +1 @@ +https://github.com/dbohdan/classless-css \ No newline at end of file diff --git a/Assets/BundledAssets.Source/mvp.css b/Assets/BundledAssets.Source/Md2html/mvp.css similarity index 98% rename from Assets/BundledAssets.Source/mvp.css rename to Assets/BundledAssets.Source/Md2html/mvp.css index e7d64f82..cb5bc348 100644 --- a/Assets/BundledAssets.Source/mvp.css +++ b/Assets/BundledAssets.Source/Md2html/mvp.css @@ -1,4 +1,4 @@ -/* MVP.css v1.17.2 - https://github.com/andybrewer/mvp */ +/* MVP.css v1.17.3 - https://github.com/andybrewer/mvp */ :root { --active-brightness: 0.85; @@ -170,6 +170,10 @@ nav ul li:hover ul { display: block; } +nav ul li:focus-within ul { + display: block; +} + nav ul li ul { background: var(--color-bg); border: 1px solid var(--color-bg-secondary); @@ -302,6 +306,11 @@ a { text-decoration: underline; } +a:visited, +area:visited { + color: var(--color-secondary); +} + a:hover { filter: brightness(var(--hover-brightness)); } diff --git a/Assets/BundledAssets.Source/retro.css b/Assets/BundledAssets.Source/Md2html/retro.css similarity index 100% rename from Assets/BundledAssets.Source/retro.css rename to Assets/BundledAssets.Source/Md2html/retro.css diff --git a/Assets/BundledAssets.Source/tiny-dark.css b/Assets/BundledAssets.Source/Md2html/tiny-dark.css similarity index 100% rename from Assets/BundledAssets.Source/tiny-dark.css rename to Assets/BundledAssets.Source/Md2html/tiny-dark.css diff --git a/Assets/BundledAssets.Source/tiny-light.css b/Assets/BundledAssets.Source/Md2html/tiny-light.css similarity index 100% rename from Assets/BundledAssets.Source/tiny-light.css rename to Assets/BundledAssets.Source/Md2html/tiny-light.css diff --git a/Assets/BundledAssets.Source/bookgen.css b/Assets/BundledAssets.Source/bookgen.css index 83284059..4250c82a 100644 --- a/Assets/BundledAssets.Source/bookgen.css +++ b/Assets/BundledAssets.Source/bookgen.css @@ -12,10 +12,12 @@ Version: 2026-03-04 --blue: #003e8a; --brightBlue: #2e6cba; --selection: #CACACA; - --box-info: #d1e7dd; - --box-waring: #fff3cd; - --box-error: #f8d7da; - --box-foreground: #3e3e3e; + --box-note: #0eb3d8; + --box-tip: #24c27b; + --box-important: #0eb3d8; + --box-warning: #e1ae05; + --box-caution: #b82e39; + --box-foreground: #f4f4f4; --max-width: 1200px; } @@ -26,10 +28,12 @@ body.dark-mode { --blue: #82aaff; --brightBlue: #d6acff; --selection: #5D5D5D; - --box-info: #B9E5D1; - --box-waring: #FFECB5; - --box-error: #F7BEC4; - --box-foreground: #212121; + --box-note: #064f60; + --box-tip: #105637; + --box-important: #064f60; + --box-warning: #644d02; + --box-caution: #521419; + --box-foreground: #f8f8f2; } h1, @@ -151,6 +155,17 @@ pre:hover { transform: translateY(-4px); } +kbd { + font-family: "JetBrains Mono", monospace; + border-radius: 0.25rem; + border: 1px solid var(--foreground); + box-shadow: 0 2px 0 1px var(--selection); + line-height: 1; + min-width: 0.75rem; + text-align: center; + padding: 2px 5px; +} + /*Aside nav*/ .float { position: fixed; @@ -236,46 +251,66 @@ dialog #container #dialogBase { color: var(--foreground); } -/* Boxes */ - -.info { - background-color: var(--box-info); - color: var(--box-foreground); - margin: 1rem; +/* Alerts */ +.markdown-alert { padding: 1rem; border-radius: 0.5rem; + border: 1px solid var(--foreground); + margin-bottom: 1rem; } -.info::before { - content: "ℹ️"; - display: block; +.markdown-alert .markdown-alert-title { + font-weight: bold; } -.warning { - background-color: var(--box-waring); +.markdown-alert-note { + background-color: var(--box-note); color: var(--box-foreground); - margin: 1rem; - padding: 1rem; - border-radius: 0.5rem; } -.warning::before { - content: "⚠️"; - display: block; +.markdown-alert-note .markdown-alert-title::before { + content: "📝"; + font-size: 1.6rem; +} + +.markdown-alert-important { + background-color: var(--box-important); + color: var(--box-foreground); } +.markdown-alert-important .markdown-alert-title::before { + content: "🚩"; + font-size: 1.6rem; +} -.error { - background-color: var(--box-error); +.markdown-alert-tip { + background-color: var(--box-tip); color: var(--box-foreground); - margin: 1rem; - padding: 1rem; - border-radius: 0.5rem; } -.error::before { - content: "🛑"; - display: block; +.markdown-alert-tip .markdown-alert-title::before { + content: "💡"; + font-size: 1.6rem; +} + +.markdown-alert-warning { + background-color: var(--box-warning); + color: var(--box-foreground); +} + +.markdown-alert-warning .markdown-alert-title::before { + content: "⚠️"; + font-size: 1.6rem; +} + +.markdown-alert-caution { + background-color: var(--box-caution); + color: var(--box-foreground); +} + +.markdown-alert-caution .markdown-alert-title::before { + content: "❌"; + font-size: 1.6rem; } @media print { diff --git a/Assets/BundledAssets.Source/bookgen.epub.css b/Assets/BundledAssets.Source/bookgen.epub.css index 124841fa..406b2b57 100644 --- a/Assets/BundledAssets.Source/bookgen.epub.css +++ b/Assets/BundledAssets.Source/bookgen.epub.css @@ -4,9 +4,18 @@ Version: 2026-03-04 */ :root { + --background: #f4f4f4; + --foreground: #3e3e3e; --red: #970b16; --blue: #003e8a; --brightBlue: #2e6cba; + --selection: #CACACA; + --box-note: #0eb3d8; + --box-tip: #24c27b; + --box-important: #0eb3d8; + --box-warning: #e1ae05; + --box-caution: #b82e39; + --box-foreground: #f4f4f4; --max-width: 1200px; } @@ -193,48 +202,81 @@ figcaption { font-style: italic; } +kbd { + font-family: "JetBrains Mono", monospace; + border-radius: 0.25rem; + border: 1px solid var(--foreground); + box-shadow: 0 2px 0 1px var(--selection); + line-height: 1; + min-width: 0.75rem; + text-align: center; + padding: 2px 5px; +} + /* Boxes */ -.info { - background-color: var(--box-info); - color: var(--box-foreground); - margin: 1rem; +.markdown-alert { padding: 1rem; border-radius: 0.5rem; + border: 1px solid var(--foreground); + margin-bottom: 1rem; } -.info::before { - content: "ℹ️"; - display: block; +.markdown-alert .markdown-alert-title { + font-weight: bold; } -.warning { - background-color: var(--box-waring); +.markdown-alert-note { + background-color: var(--box-note); color: var(--box-foreground); - margin: 1rem; - padding: 1rem; - border-radius: 0.5rem; } -.warning::before { - content: "⚠️"; - display: block; +.markdown-alert-note .markdown-alert-title::before { + content: "📝"; + font-size: 1.6rem; +} + +.markdown-alert-important { + background-color: var(--box-important); + color: var(--box-foreground); +} + +.markdown-alert-important .markdown-alert-title::before { + content: "🚩"; + font-size: 1.6rem; +} + +.markdown-alert-tip { + background-color: var(--box-tip); + color: var(--box-foreground); } +.markdown-alert-tip .markdown-alert-title::before { + content: "💡"; + font-size: 1.6rem; +} -.error { - background-color: var(--box-error); +.markdown-alert-warning { + background-color: var(--box-warning); color: var(--box-foreground); - margin: 1rem; - padding: 1rem; - border-radius: 0.5rem; } -.error::before { - content: "🛑"; - display: block; +.markdown-alert-warning .markdown-alert-title::before { + content: "⚠️"; + font-size: 1.6rem; +} + +.markdown-alert-caution { + background-color: var(--box-caution); + color: var(--box-foreground); } +.markdown-alert-caution .markdown-alert-title::before { + content: "❌"; + font-size: 1.6rem; +} + + /* PrismJS 1.30.0 https://prismjs.com/download.html#themes=prism&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 */ code[class*=language-], diff --git a/Assets/BundledAssets.Source/test.html b/Assets/BundledAssets.Source/test.html index c018ad35..87bc5187 100644 --- a/Assets/BundledAssets.Source/test.html +++ b/Assets/BundledAssets.Source/test.html @@ -122,9 +122,32 @@
Note
+Your alert content here.
+Tip
+Your alert content here.
+Important
+Your alert content here.
+Warning
+Your alert content here.
+Caution
+Your alert content here.
+