Terminal Theme Showcase

This page demonstrates all the styling elements available in the terminal theme. From typography to forms, everything has been ported from the original theme.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Formatting

This is a paragraph with bold text, italic text, and inline code. You can also have links within text.

Blockquotes

This is a blockquote. It is used for quoting other sources or highlighting important information. The terminal theme adds a special ”>” character at the beginning.

Blockquotes can contain multiple paragraphs.

Lists

Unordered List

• First item with a dash prefix
• Second item
• Third item with nested list:
  • Nested item 1
  • Nested item 2
• Fourth item

Ordered List

1. First numbered item
2. Second numbered item
3. Third numbered item

Code Blocks

Inline code looks like this: const x = 42;

Code blocks have syntax highlighting and a language label with copy button:

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

// Call the function
greet('World');

Here’s a Python example:

def calculate_fibonacci(n):
    if n <= 1:
        return n
    return calculate_fibonacci(n-1) + calculate_fibonacci(n-2)

# Calculate the 10th Fibonacci number
result = calculate_fibonacci(10)
print(f"Fibonacci(10) = {result}")

And some Rust:

fn main() {
    let numbers = vec![1, 2, 3, 4, 5];

    let sum: i32 = numbers.iter().sum();
    println!("Sum: {}", sum);

    let doubled: Vec<i32> = numbers.iter()
        .map(|&x| x * 2)
        .collect();
    println!("Doubled: {:?}", doubled);
}

Tables

Forms

Buttons

Text Selection

Try selecting this text! The selection color uses the accent color with the background color for contrast, creating a true terminal feel.