Skip to content

Update instructions code block/snippets style in light mode #1185

Open
@maxelkins

Description

@maxelkins

Overview

This issue came from https://github.com/RaspberryPiFoundation/digital-editor-issues/issues/416

Currently in light and dark mode code blocks/snippets are themed closer to the editor dark mode theme.

We should consider changing the light mode snippets to a white theme so they are closer to how code will look in the input panel in the editor when in light mode.

This also aligns with the idea of using the same syntax highlighting in code snippert as the editor. So that for users the snippets are easier to related to their own code in the input panel in the editor.

User story

As a code editor user...
I want to be able to relate code snippets to my own code
So that...
It is easier for me to understand and follow instructions in the editor.

To do

  • Update the code block designs - wip
  • Ensure syntax highlighting (in dark and light mode) matches the editor input panel

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions