The selection colour is wrong.

Is your feature request related to a problem? Please describe.
Crosswords can only be played on the GitHub site.

Describe the solution you'd like
An embeddable puzzle platform.

Describe alternatives you've considered
None.

Additional context
An embeddable puzzle UI with custom colours to match website styling.

Describe the solution you'd like
Add a key-value pair to the crossword JSON in the colour-scheme object. The crossword's author could specify a theme colour to their puzzle. If none is specified, it should be selected at random on page load, like the website http://takachizu.org/treasure/lunch-receipt

Additional context
Add any other context or screenshots about the feature request here.
Inspiration
http://takachizu.org/treasure/lunch-receipt

8-Down should be plural, as the word ends with an S

Add a button that fills in the currently selected region with a word from a user-specified dictionary or list of dictionaries

Instead of being stored as arrays, puzzle squares should be JavaScript objects, and the attributes (ie style, circled, answer, clue) should be named semantically instead of being hard coded to array indexes.

Clicking a square should always select all clues with its number

The puzzle should be divided into arrays of rows and columns after loading instead of recalculating them at every selection event. This could be necessary for larger puzzle sizes.

Instead of always showing OpenCrossword in the address bar, it should display ${puzzle.title} - OpenCrossword

The puzzle square cells should not be divs containing another div and an input type="text". They should only be square outlined input type ="text".

Add a dialog on share to give the user the ability to download the puzzle data JSON file, or send a link containing the whole file for server-less sharing.

There should be a clue bar that would display the current clue. (Issue #8 should be closed before this one)

The issue seems to be triggered upon selection of a puzzle square containing a clue number.

See the following for reference:
https://www.scottantipa.com/store-app-state-in-urls

In the puzzle browser, Mini #2 is shown as being in English, while it is in French. 6-Down contains a typo.

Puzzle squares appear a little taller than they are wide, because they overlap. The effect is visible in puzzles that contain invisible squares.

People using assistive technologies may not get the best possible experience on OpenCrossword. An alternate view should be included that displays the clue next to an <input type="text"> indicating the number of characters in the answer.

An alternate share menu should be shown if the client does not support the WebShare API

Add a button above the puzzle browser that selects a random <tr> and loads the corresponding puzzle.

If the next square is invisible, block, or non-existent, chooses the next clue in the list (click the next button)

The new tab that opens while opening a JSON file is blocked by many browsers (e.g. Safari Mobile, Safari macOS, Firefox macOS)

This should be disabled

On puzzle load, the user should be presented with a splash screen containing the puzzle description and author name, alongside a share and a play button.

Pressing the delete key should select the previous square and delete its contents

The alert should be displayed whenever all squares are filled, regardless wether they are numbered or not

Describe the solution you'd like
Upon opening the compose page. The user should be presented with an option to create a new grid of specified dimensions or to enter a list of words to automatically sort into a grid.

Concision of the puzzle data format should be applied. (i.e. clueNumber should be c)

Add support for HTML styling in clues. The clue value should contain the HTML code and the clue's content should be set using innerHtml instead of textContent.

Add a backCheck() function that returns the number of the first clue on or behind the cursor, or false if there is a block or nothing instead.

The author name should be included in the page title.

Add the ability to load an existing puzzle file/link to edit an existing crossword or be able to save and edit later.

The puzzle size should be calculated on population instead of being determined in the info object

OpenCrossord.webmanifest should be named OpenCrossword.webmanifest, with a w!

Users should have the ability to set a puzzle type to their crossword (e.g. cryptic, american, etc.)

Design an interface to create puzzles and export them to JSON format. Add support for uploading custom puzzle files as well.

Dark mode doesn't change the theme colour to the dark mode background colour. Use the meta tag to define it with media queries

This could lead to significant performance enhancements.

Change

this.obj["grid"][i].push([parseInt(this.squares[i * this.width + j].clueNumberInput.value, 10), this.squares[i * this.width + j].answerInput.value, this.squares[i * this.width + j].type]);

to

this.obj["grid"][i].push([parseInt(this.squares[i * this.width + j].clueNumberInput.value, 10), this.squares[i * this.width + j].answerInput.value.lower(), this.squares[i * this.width + j].type]);

Add <html translate="no" class="notranslate"> to solve.html to prevent translation.

The colour should change according to colour scheme and system theme preference