Highlight code test
 
Highlight code test

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'
    #...

CSS classes can also be added to paragraphs (attr_list in markdown_extensions is required).

This is a citation.

This is a list:

This is a numbered list:

  1. Walnuts
  2. Almonds
  3. 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: .