App Inventor 2 Material Design

Added by akainth015@userstyles, Created: Nov 13, 2016, Updated: Nov 13, 2016
With the style applied

Description:

This theme for App Inventor 2, an MIT product, was originally created by daylo, who decided to make it CCO, and stop maintaining it, so I added some nicer colors to the blocks, modified the scrollbars, and made it more complete in general.

More info
To make the scrollbars fit in better with this theme, add this code via Tampermonkey or another userscript manager.

// ==UserScript==
// @name App Inventor 2 Scrollbars
// @namespace https://google.com
// @version 0.1
// @description Edit scrollbars in App Inventor, so that they are rectangular, and look normal.
// @author akainth015
// @match http://ai2.appinventor.mit.edu/*
// @grant none
// ==/UserScript==

(function() {
var Scrollbars = document.getElementsByClassName('blocklyScrollbarKnob');
Scrollbars[2].style.width = "10px";
Scrollbars[0].setAttributeNS(null, "rx", "0");
Scrollbars[1].setAttributeNS(null, "rx", "0");
Scrollbars[2].setAttributeNS(null, "rx", "0");
Scrollbars[3].setAttributeNS(null, "rx", "0");
Scrollbars[0].setAttributeNS(null, "x", "10");
Scrollbars[1].setAttributeNS(null, "y", "10");
Scrollbars[2].setAttributeNS(null, "x", "10");
Scrollbars[3].setAttributeNS(null, "x", "0");
})();

Installs:
Applies to:
ai2.appinventor.mit.edu
Show code
License:
CC0 1.0 Universal.
akainth015@userstyles has waived all copyright and related or neighboring rights to App Inventor 2 Material Design, to the extent allowed by law.
Report style issues

Related styles:

More Mit themes

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.