Theme Demonstration
This page demonstrates the features of our documentation theme.
Light & Dark Mode
Our documentation supports both light and dark modes. Click the sun/moon icon in the header to switch between them.
UI Components
Here are some common UI components with our theme applied:
Admonitions
Note Admonition
This is a note admonition. It's useful for calling out important information.
Tip Admonition
This is a tip admonition. It's useful for providing helpful tips.
Warning Admonition
This is a warning admonition. It's useful for highlighting potential issues.
Danger Admonition
This is a danger admonition. It's useful for highlighting serious issues.
Code Blocks
# This is a Python code block
def hello_world():
print("Hello, RFG Studios Developer!")
# With our theme, code blocks have syntax highlighting and copy buttons
Tables
| Feature | Description | Availability |
|---|---|---|
| Light/Dark Mode | Toggle between light and dark themes | ✅ |
| Responsive Design | Works on mobile and desktop | ✅ |
| Search | Full-text search | ✅ |
| Code Highlighting | Syntax highlighting for code blocks | ✅ |
Tabbed Content
This is the content of tab 1.
This is the content of tab 2.
This is the content of tab 3.
Responsive Design
Our documentation is fully responsive and works well on all devices from mobile phones to desktop computers.
Search
Use the search bar in the header to quickly find content across the documentation.
Keyboard Shortcuts
- ++f++ or ++s++: Open search dialog
- ++"/"++: Focus search field
- ++esc++: Close search dialog
- ++p++ ++p++: Go back to top level
Tag Example
Tags: theme, ui, demo