Dark Theme Test Page

This page tests all the dark theme styling elements.

Typography Tests

Headings

The headings should be in serif font (Georgia, Times New Roman) and in bold.

Here’s an example: This paragraph uses sans-serif font for body text.

Bold text and italic text should both work properly with the dark theme.

Here are some links to test the underline styling:

Links should have:

Code Tests

Inline Code

Here’s some inline code: jenv_prompt_info should have a different background color and monospace font.

Other examples: const variable = "value", import React from 'react', pip install tensorflow

Code Blocks with Syntax Highlighting

Here’s a Python example:

1
2
3
4
5
6
7
8
9
10
11

# This is a comment in Python
def calculate_sum(a, b):
    """Calculate the sum of two numbers."""
    result = a + b  # Addition
    return result

# Main execution
if __name__ == "__main__":
    x = 10
    y = 20
    print(f"The sum is: {calculate_sum(x, y)}")

Here’s a JavaScript example:

1
2
3
4
5
6
7
8
9

// This is a comment
const greet = (name) => {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
};

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

Here’s a YAML configuration:

1
2
3
4
5
6
7
8
9
10
11

# Configuration file
Platform: GitHub Pages
Generator: Jekyll
Theme: Hacker (dark, terminal-style)
Editor: Draft (local markdown editor)
Workflow: Write locally → Push to GitHub → Auto-deploy

settings:
  background: "#2d3338"
  text_color: "#e8e6e3"
  enable_line_numbers: true

Here’s a Ruby example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# Ruby class example
class Calculator
  attr_reader :result

  def initialize
    @result = 0
  end

  # Add two numbers
  def add(a, b)
    @result = a + b
    puts "Result: #{@result}"
    @result
  end
end

# Create instance and use it
calc = Calculator.new
calc.add(15, 25)

Code Block Requirements

Code blocks should have:

  1. Line numbers on the left side (gray colored)
  2. Syntax highlighting with colors:
    • Comments in blue
    • Strings in yellow/green
    • Keywords in purple/magenta
    • Numbers in orange
  3. Monospace font
  4. Dark background (#1e2327)

List Tests

Unordered Lists

Ordered Lists

  1. First step
  2. Second step
  3. Third step
    1. Sub-step A
    2. Sub-step B
  4. Fourth step

Blockquote Test

This is a blockquote. It should have a border on the left side and slightly different text color.

Multiple paragraphs are supported.

Table Test

Feature Status Color Code
Dark background ✅ #2d3338
Light text ✅ #e8e6e3
Link underlines ✅ Visible
Syntax highlighting ✅ Colored
Line numbers ✅ Enabled

Horizontal Rule

Color Palette Reference

The dark theme uses these colors:

Final Notes

This test page verifies:

Happy coding! 🚀