Examples¶

Use the palette controls below to preview how Flexoki for Zensical restyles common components.

Buttons¶

The button shapes stay the same. What changes is the contrast, fill, and hover treatment around the active theme colors.

Code Blocks¶

Code blocks keep Zensical's standard features, but their surfaces, highlights, and controls follow the active palette.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

from dataclasses import dataclass
from typing import Iterable

@dataclass
class User:
    name: str
    age: int = 0

    def greet(self) -> str:
        return f"Hello, {self.name}!"

def average(values: Iterable[float]) -> float:
    try:
        nums = list(values)
        return sum(nums) / len(nums)
    except ZeroDivisionError:
        return 0.0

if __name__ == "__main__":
    users = [User("Ada", 31), User("Linus", 54)]

    for user in users:
        print(user.greet())

    print(f"Average age: {average(u.age for u in users):.1f}")

Mermaid¶

Mermaid diagrams are remapped to theme tokens, so they move with the current scheme and primary color instead of staying on a fixed accent.

graph LR
  A[Start] --> B{Error?}
  B -->|Yes| C[Debug]
  C --> D[Retry]
  D --> B
  B -->|No| E[Ship it]

Admonitions¶

All standard admonition types are supported.