Commit b6a5764f authored by Nate Graham's avatar Nate Graham

Add color codes to list of monochrome icon colors for convenience

parent 2ac58c3f
......@@ -85,18 +85,18 @@ Colors
The monochrome style relies on distinct shapes and outlines instead of fine
details and vibrant colors, and employs an intentionally limited color palette:
#. |shadeblack| :doc:`Shade Black <../color/index>`: Used for icons in a
normal state and non-destructive actions: back, forward, ok, home, etc.
This is the most commonly used color. When in doubt, choose Shade Black.
#. |iconred| :doc:`Icon Red<../color/index>`: Used for icons that depict
actions: delete, remove, stop, etc.
#. |bewareorange| :doc:`Beware Orange <../color/index>`: Used for icons
that
involve warnings and user input of some kind.
#. |plasmablue| :doc:`Plasma Blue <../color/index>`: Used for icons that
involve the action "select" or "insert".
#. |noblefir| :doc:`Noble Fir <../color/index>`: Used to for icons that
involve "connected", "secure" or "successful" actions.
#. |shadeblack| :doc:`Shade Black <../color/index>` (``#232629``): Used for
icons in a normal state and non-destructive actions: back, forward, ok,
home, etc.This is the most commonly used color. When in doubt, choose
Shade Black.
#. |iconred| :doc:`Icon Red<../color/index>` (``#da4453``): Used for icons
that depict actions: delete, remove, stop, etc.
#. |bewareorange| :doc:`Beware Orange <../color/index>` (``#f67400``): Used
for icons that involve warnings and user input of some kind.
#. |plasmablue| :doc:`Plasma Blue <../color/index>` (``#3daee9``): Used for
icons that involve the action "select" or "insert".
#. |noblefir| :doc:`Noble Fir <../color/index>` (``#27ae60``): Used for icons
that involve "connected", "secure" or "successful" actions.
.. |shadeblack| image:: /img/Breeze-shade-black.svg
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment