crc/retroforth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

html export: note where the css colors came from

Browse source 
FossilOrigin-Name: 14bdad7b709a510f26a5d1d440b8551f58515609c22c9dbf12d20c7c5c103f5b
This commit is contained in:
crc 2020-02-21 20:15:55 +00:00
parent 8e599f214f
commit 5740debfae
1 changed files with 25 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
example/export-as-html.retro
View file

@ -46,35 +46,35 @@ The formatting must follow the following limits:
# Title # Title
## Subtitle ## Subtitle
### Level 3 Title ### Level 3 Title
Paragraph. *Bold*, _italics_, `inline code`. Paragraph. *Bold*, _italics_, `inline code`.
Another paragraph. Another paragraph.
- list element - list element
- list element - list element
- nested list element - nested list element
- nested list element - nested list element
- list element - list element
~~~ ~~~
:retro code ; :retro code ;
~~~ ~~~
``` ```
tests tests
``` ```
Sample code or output with four leading spaces is Sample code or output with four leading spaces is
note colorized. note colorized.
this will be code, but not run through the this will be code, but not run through the
colorizer. colorizer.
More paragraph text. More paragraph text.
---- ----
Above is a horizontal separator. Above is a horizontal separator.
---- ----
@ -350,6 +350,9 @@ reset
This concludes the Markdown (subset) in RETRO utility. All that's This concludes the Markdown (subset) in RETRO utility. All that's
left is the CSS. left is the CSS.
For the colors, I'm mostly using the _Tomorrow Night_ colors as
listed at https://github.com/chriskempson/tomorrow-theme
## CSS ## CSS
* { * {
@ -383,17 +386,17 @@ left is the CSS.
} }
span { white-space: pre; background: #1d1f21; } span { white-space: pre; background: #1d1f21; }
.text { color: #c5c8c6; white-space: pre } .text { color: #c5c8c6; white-space: pre }
.colon { color: #cc6666; } .colon { color: #cc6666; }
.note { color: #969896; } .note { color: #969896; }
.str { color: #f0c674; } .str { color: #f0c674; }
.num { color: #8abeb7; } .num { color: #8abeb7; }
.fnum { color: #8abeb7; font-weight: bold; } .fnum { color: #8abeb7; font-weight: bold; }
.ptr { color: #b294bb; font-weight: bold; } .ptr { color: #b294bb; font-weight: bold; }
.fetch { color: #b294bb; } .fetch { color: #b294bb; }
.store { color: #b294bb; } .store { color: #b294bb; }
.char { color: #81a2be; } .char { color: #81a2be; }
.inst { color: #de935f; } .inst { color: #de935f; }
.defer { color: #888; } .defer { color: #888888; }
.imm { color: #de935f; } .imm { color: #de935f; }
.prim { color: #b5bd68; font-weight: bold; } .prim { color: #b5bd68; font-weight: bold; }