---
title: Design
aliases: 
  - /docs/developing/design
---
## Icons
We use [Unicons](https://iconscout.com/unicons) by IconScout. See them on [IconScout's website](https://iconscout.com/unicons/explore/line) or on [Iconify](https://iconify.design/icon-sets/uil/). Please only use icons from this set unless you have explicit permission to use another set. When adding an icon, download it to ``/images/icons/iconname.svg``. 

## Colors
Our color theme is orange {{< color-preview "#ff7b26" >}} `#ff7b26` and white {{< color-preview "#fff" >}} `#fff`. These colors make up the top bar on our webpages, as well as some other elements. 

For our (default) dark theme, our main colors are {{< color-preview "#2a2a2a" >}} `#2a2a2a` {{< color-preview "#222" >}} `#222` {{< color-preview "#000" >}} `#000`.

For our light theme, our main colors are {{< color-preview "#f0f0f0" >}} `#f0f0f0` {{< color-preview "#aaa" >}} `#aaa` {{< color-preview "#dddddd" >}} `#dddddd`.

There are of course many other colors we use around our pages, but these colors are most common.

## Logo

This is the logo of the project.

<p><img src="https://raw.githubusercontent.com/ScratchAddons/ScratchAddons/master/images/icon.svg" alt="Scratch Addons logo"  style="height: 8rem"></p>

On the extension, use it from the path ``/images/icon.svg``, or ``/images/icon.png`` for full scale versions, and ``/images/extension-icon.svg``, or ``/images/extension-icon.png`` for smaller scale versions. 