This is a proposal for the general design — not for the particular colour schemes. There is [a separate request for a dark scheme](

* Model the right hand pane (chat) after the left (posts):
  * Move the bottom "room bar" <header>) to the very top to align with and visually extend the top bar (<header>).
  * Give the icon on the left a drop-down room selector (just like the site selector).
  * Give it a search field (which as opposed to the main search, only searches when you press Enter, and then takes you to a transcript search).
  * Move the starred and transcript links into the chat top bar.
  * Move the room title down below the input field
  * Put the active chat users after the room title

* Actives' bar:
  * Move #active-users to the bottom below the chat input field.
  * Extend #active-rooms to the full height.  

* Top bar:
  * Make the search field take up all available space.
  * Move profile button to bottom right corner, where chat users and active rooms meet.

* Everywhere:
  * Remove unnecessary borders.
  * Remove background contrasts.
  * Increase text-to-background contrast

* Breathe!


## Comparison
Click on an image to enlarge it, then use the `<` and `>` buttons to switch images and compare!

The first image is the current situation:  
![Screenshot_2020-02-24 The Nineteenth Byte - TopAnswers(4).png](/image?hash=8dd1cb2379db57e412461ffa66eaac514c94c6360b096290418f69412dada237)

This is the current layout, but with light backgrounds, as mocked up by Jack:  
![Screenshot_2020-02-24 The Nineteenth Byte - TopAnswers(2).png](/image?hash=b1daf2bd7dfad2de860c7911156723c9bb903074009537057a5ee1832bd868b0)

Finally, my proposal:  
![Screenshot_2020-02-24 The Nineteenth Byte - TopAnswers.png](/image?hash=08eded104d84bd9f4b4d48ec2d24694d8209ad89554bbd587f48684ad54f8a71)
Top Answer
Jack Douglas
# Adám's Proposal:

![Screenshot 2020-02-24 at 12.31.58.png](/image?hash=08eded104d84bd9f4b4d48ec2d24694d8209ad89554bbd587f48684ad54f8a71)
Answer #2
Jack Douglas
# Current Layout:

![Screenshot 2020-02-24 at 12.31.58.png](/image?hash=8dd1cb2379db57e412461ffa66eaac514c94c6360b096290418f69412dada237)
Answer #3
Jack Douglas
# Light Backgrounds And Fewer Lines:

![Screenshot 2020-02-24 at 12.31.58.png](/image?hash=01ef06d9fd596c080b63994052720db15336d21025c862debc6b0c10eb871d70)
Answer #4
Jack Douglas
# Light Backgrounds:

![Screenshot 2020-02-24 at 12.31.58.png](/image?hash=b1daf2bd7dfad2de860c7911156723c9bb903074009537057a5ee1832bd868b0)

Enter question or answer id or url (and optionally further answer ids/urls from the same question) from

Separate each id/url with a space. No need to list your own answers; they will be imported automatically.