Skip to main content

Customizing your themes

1. Codelab overview​

What you'll learn​

In this codelab you will learn how to:

  • Add component styles.
  • Add a category style.
  • Add a block style.

What you'll build​

A very simple Blockly workspace with customized themes.

What you'll need​

  • A browser
  • Basic knowledge of HTML, CSS, and JavaScript.

This codelab is focused on Blockly's theme extension. Non-relevant concepts are glossed over and provided for you to simple copy and paste.