openharness

import 'package:flutter/material.dart';

import '../../shared/theme/app_theme.dart' as grid;
import '../appearance/typography_section.dart';
import '../appearance/palette_section.dart';

/// Customize OpenHarness ▸ Appearance: how the app looks on this Mac.
///
/// Palettes coordinate the workspace and terminal defaults. UI typography stays
/// separate from the agent terminal's font and size in Customize OpenHarness ▸ Terminal.
class AppearanceSection extends StatelessWidget {
  const AppearanceSection({super.key});

  @override
  Widget build(BuildContext context) {
    grid.AppTheme.watch(context);
    return SingleChildScrollView(
      padding: const EdgeInsets.all(20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: const [
          PaletteSection(),
          TypographySection(),
          // Room under the last card so a scrolled-to-bottom pane does not end
          // flush against the window edge.
          SizedBox(height: 8),
        ],
      ),
    );
  }
}