New design for Atto text editor by @lewiscarr

--- Advertisement ---

Connected 2023
Connected Conference OpenLMS

Lewis Carr has posted about his experiment with the Moodle’s default text editor Atto. He has changed the white color of Atto to a dark contrasting color with white text.
Acc. to the original post:

We love trying different things and bending code to make things funky, so today we took a look at the ATTO editor in Moodle from a graphic design perspective.  And although we already love the current look (it’s the best editor Moodle has ever had), we thought it would be fun to play with some styles and see just how different it can become.
And this is what we came up with.  We decided to go with a very dark contrasting editor, something that really moved away from the traditional look and feel of ATTO.  We had to make the text white so it was readable.  This darker colour allowed us to really make the top buttons pop off the page.  We replaced the core icons with icons we created, and decided to use text rather than images. Again, just to experiment with and see what is possible we made the icons BIG! When we toggle the buttons the screen fills up quite quickly which is kinda fun if not crazy.

You can read the original article here.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Dive Deeper On

The Latest

The eLearn Podcast

Connected Conference OpenLMS

--- Advertisement ---

Post Pages - Sidebar 4 - CourseMerchant

--- Advertisement ---

Post Pages - Sidebar 7 - Titus Learning

--- Advertisement ---

Post Pages - Sidebar 5 - Edwiser (RemUI)

Subscribe to our newsletter

Education technology has the power to change lives. 

To get the latest news, information and resources about online learning from around the world by clicking on the button below.