Highlight code test
The color-theme
plugin generates the colors of the theme depending on various settings. The usage is optional.
theme_color
sets the primary color of the theme. This color is consistent through light and dark mode
With secondary_color
you can either define a secondary color or a color scheme.
The text colors light_text_color
and dark_text_color
don't need to be black and white. But they aren't explicitly assigned to dark or light mode. They are chosen depending on best contrast.
Use options extra_css_light
and extra_css_dark
to integrate additional CSS to the modes.
plugins:
#...
- color-theme:
theme_color: '#ef6110' # primary color
secondary_color: 'complementary' # can be a color or scheme
light_text_color: '#000' # black
dark_text_color: '#fff' # white
extra_css_light: # list of extra CSS for light mode
- 'css/additional-light.css'
extra_css_dark: # list of extra CSS for dark mode
- 'css/additional-dark.css'
additional: # build these themes also
- theme_color: '#44bb4f'
secondary_color: 'complementary'
#...
title: Markdown Test, TEst, tEst, test...
This is a title
This is a heading
This is a subheading
This is a subsubheading (not shown in toc)
This is a paragraph.
Normal line breaks are ignored.
You can force line breaks
by adding two spaces at the end of the line (but this is invisible in some editors).
But you can also force line breaks\
by adding a backslash at the end of the line (but this is only possible if pymdownx.escapeall: hardbreak: true
is set in markdown_extensions
).
Words can be highlighted in bold and italic, but underline is reserved for links.
There can be code
within a paragraph.
code en mode 4 spaces
a
b
c
d
That
is
shown
inside
a code window (avec backslash 3xbackquote plaintext)
with all formatting intact.
# highlighted YAML
plugins:
#...
- color-theme:
theme_color: '#ef6110' # primary color
secondary_color: 'complementary' # can be a color or scheme
light_text_color: '#000' # black
dark_text_color: '#fff' # white
extra_css_light: # list of extra CSS for light mode
- 'css/additional-light.css'
extra_css_dark: # list of extra CSS for dark mode
- 'css/additional-dark.css'
additional: # build these themes also
- theme_color: '#44bb4f'
secondary_color: 'complementary'
#...
This is a list:
- Apples
- Pears
- Plums
This is a numbered list:
- Walnuts
- Almonds
- Hazelnuts (Numbering is continued automatically)
This is a table:
Fruit | Nuts | Pulse | Stuff1 | Size |
---|---|---|---|---|
Apples | Almonds | Beans | 80 | 34MB |
Plums | Walnuts | Peanuts | -3 | 1.2GB |
Pears | Hazelnuts | Peas | 7.8 | 788.7kB |
This is an image:
Furthermore inline HTML is possible: .