processing / processing/p5.js-web-editor

improving styling of banner message when u switch languages

Open
#3,684 8 comments 0 reactions 1 assignee View on GitHub

@runningonsideprojects is already working on this.

Since Oct 20, 2025.

Area: Design Area:CSS Enhancement
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

Increasing Access

I dont think that this particular change, being strictly stylistic, would help increase access to the p5.js web editor. i still think that this could still benefit the site and its users, though!

Feature enhancement details

Currently the confirmation message banner when you switch to a new language looks like this:

https://github.com/user-attachments/assets/e943c814-e7e3-40fd-82b0-7bf538e3475c

And i think there could be a visual improvement to be made that matches the style configuration of the rest of the site!

I am hoping to get some resources on how the styling should look like! cc @raclim

Currently I'm thinking:

  • Some spacing from the banner to the top of the page might be good
  • ihe font can be a little smaller,
  • and having the background color be light gray (like the color of the buttons) just to be more aligned with the theme...

although I definitely dont have a curated eye for this kind of stuff so I would love some feedback

the light gray in reference:
Image

And I would like to be assigned to this project!

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.