More colors with less light. Click the half-moon most top-right button to turn the lights ON/OFF. Here is a bit of everything, so you can check how the theme look, have fun! 👌

Headers

Level 2

Level 3

Level 4

Level 5
Level 6

Headers with links

Level 2

Level 3

Level 4

Level 5
Level 6

Note

Highlights information that users should take into account, even when skimming. And supports multi-line text.

Tip

Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action. Opportunity to provide more context.

Code highlight

Mode specific code highlighting themes. Kramdown which is responsible for the color highlighting may be more limited than your IDE.

#!/usr/bin/env python
"""
Test file for syntax
"""
# TODO: Use dark mode
from sys import os

def foo(bar): 
    try:
        print(bar)
    except NameError:
        print("Variable bar is not defined")


class Bar(object): 
    def __init__(self):
        foo(1)
        self.octal = '\04'
        self.text = """Example \t\n"""
    
    def __exit__(self, *args):
        print('exit\u1111\xFF')
        pass
    
    @staticmethod
    def example():
        assert (1.0 and 2L) or True
        return { "example": [(1,), (r'raw', u'unicode')]}

Tables

hex dec oct
0 0 0
5 5 5
A 10 12
F 16 20
F5 21 25

KaTeX

Some KaTeX diagrams to check in dark mode:

\[\begin{CD} A @>a>> B \\ @VbVV @AAcA \\ C @= D \end{CD}\] \[\utilde{AB}\]

Mermaid

flowchart TB c1-->a2 subgraph one a1-->a2 end subgraph two b1-->b2 end subgraph three c1-->c2 end