Skip to content

Shortcuts screen style and content issues #22

@bokuwagaijin

Description

@bokuwagaijin

Page doesn't render properly in dark mode due to icons still being light mode. Additionally the mac keyboard shortcuts aren't correct.

Problems

  • Dark mode: Icon set remains styled for light theme, causing low contrast and visibility issues.
  • Content: macOS keyboard shortcuts listed on the shortcuts page are incorrect.

Expected

  • Icons adapt correctly to dark mode with proper contrast.
  • macOS shortcuts match current Copilot documentation and VS Code/JetBrains mappings.

Scope

  • Update CSS or asset handling to ensure icon colors/styles switch for dark mode.
  • Fix incorrect macOS shortcut entries in the shortcuts markdown.

Acceptance Criteria

  • In dark mode, all icons are legible with sufficient contrast and visually consistent with theme.
  • Shortcuts page shows correct macOS mappings for Accept suggestion, Reject suggestion, Next/Previous suggestion, Alternative suggestions, Accept next word, Inline chat triggers, and Open chat view.
  • Changes pass visual check in both light and dark mode.

Additional Notes

  • Check docs/99-Additional-Resources/01-Keyboard-Shortcuts.md for incorrect macOS shortcuts.
  • Verify icon components under src/components and CSS in src/css/custom.css and src/components/**/styles.module.css for theme-specific styles.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions