Container Documentation - Dark Theme Preview

Enhanced Dark Theme

Welcome to the refreshed documentation with a beautiful dark mode theme. This new design features:

Comfortable serif typography using Source Serif Pro for better readability

Larger font sizes (16pt base) for improved comfort

GitHub-inspired dark colors with excellent contrast ratios

Enhanced code highlighting with JetBrains Mono and GitHub Dark theme

Smooth transitions and subtle animations for better UX

Code Example

Here's how the enhanced syntax highlighting looks:

<?php

use League\Container\Container;
use League\Container\ReflectionContainer;

// Create a new container instance
$container = new Container();

// Enable auto-wiring
$container->delegate(
    new ReflectionContainer()
);

// Add a service definition
$container->add(SomeService::class)
    ->addArgument('some-argument')
    ->addMethodCall('setLogger', [LoggerInterface::class]);

// Resolve the service
$service = $container->get(SomeService::class);

The new dark theme provides a more comfortable reading experience, especially during extended documentation sessions. The carefully chosen color palette reduces eye strain while maintaining excellent readability.

Typography Improvements

Font Choices

We've switched to Source Serif Pro for body text, providing better readability and a more comfortable reading experience. Code blocks now use JetBrains Mono for enhanced code legibility with proper ligature support.

Size & Spacing

Base font size increased to 16pt with improved line height (1.7) for better readability. Headings have been rebalanced with improved spacing and visual hierarchy.

Color Palette

The new GitHub-inspired dark color scheme includes:

Background: Deep blues (#0d1117, #161b22) for reduced eye strain

Text: Light grays (#e6edf3, #f0f6fc) for excellent contrast

Accents: Blue highlights (#58a6ff) for links and interactive elements