Skip to content

Add multiple selectable themes#50

Open
Copilot wants to merge 3 commits intomainfrom
copilot/add-multiple-selectable-themes
Open

Add multiple selectable themes#50
Copilot wants to merge 3 commits intomainfrom
copilot/add-multiple-selectable-themes

Conversation

Copy link
Copy Markdown

Copilot AI commented Feb 22, 2026

Adds a theme selector with four visual themes: Airport Dashboard (default), Windows 95, Chalkboard, and Old School Notebook. Theme selection persists via localStorage.

Changes

  • context/ThemeContext.tsx - React context for theme state with localStorage persistence
  • components/ThemeSelector.tsx - Dropdown for theme selection
  • components/DashboardHeader.tsx - Client component wrapping header + theme selector
  • globals.css - CSS variables per theme, theme-specific style overrides
  • layout.tsx - Wrapped with ThemeProvider
  • page.tsx - Uses new DashboardHeader component

Usage

import { useTheme } from "@/context/ThemeContext";

const { theme, setTheme } = useTheme();
setTheme("windows95"); // "airport" | "windows95" | "chalkboard" | "notebook"

Screenshots

Airport Dashboard Windows 95
Airport Win95
Chalkboard Old School Notebook
Chalkboard Notebook

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • 127.0.0.11
    • Triggering command: REDACTED, pid is -1 (packet block)
  • dev-yasm.prodyna.com
    • Triggering command: /otelcol-contrib /otelcol-contrib --config /etc/otelcol-contrib/config.yaml (dns block)
    • Triggering command: /otelcol-contrib /otelcol-contrib --config /etc/otelcol-contrib/config.yaml k/_temp/copilot-developer-action/var/run/docker/runtime-runc/moby (dns block)
    • Triggering command: /otelcol-contrib /otelcol-contrib --config /etc/otelcol-contrib/config.yaml a4b/log.json 31cd�� --version (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

This section details on the original issue you should resolve

<issue_title>Multiple selectable themes</issue_title>
<issue_description>I would like to have the theme selectable. The following themes should exist:

  • The current airport departure dashboard
  • Windows 95
  • Chalkboard
  • Old school notebook</issue_description>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Copilot AI and others added 2 commits February 22, 2026 21:02
…oard, and Old School Notebook

Co-authored-by: dkrizic <1181349+dkrizic@users.noreply.github.com>
Co-authored-by: dkrizic <1181349+dkrizic@users.noreply.github.com>
Copilot AI changed the title [WIP] Add functionality for multiple selectable themes Add multiple selectable themes Feb 22, 2026
Copilot AI requested a review from dkrizic February 22, 2026 21:05
@dkrizic dkrizic marked this pull request as ready for review February 23, 2026 17:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Multiple selectable themes

2 participants