.. comment
	
	all inline tags to start with _how_colours_

.. _how_colours_top:

******************************************
Colour conventions for STEPLIB diagrams
******************************************

.. include:: /pages/common/pageunderconstruction.txt
	:start-line: 3

This page decribes how the convensions for colours used in STEPLIB diagrams 

.. contents:: 
		:local:
		:depth: 1
		:backlinks: top
	
.. index:: pair: Colour; How to
	
==============
General
==============

To make the shapes clearer for those with colour vision deficiency, the colours have been carefully selected, and all shapes
should be diplayed without gradient fill, and without 3D shadow. These are controlled in the Diagram Properties.

	
.. figure:: /images/howto/ht_common_gradshadow.png 
	:scale: 100%
	
	Remove Gradient Fill and Shadow in Diagram properties
		

	
.. index:: Colour; How to - mapping
.. index:: Mapping; How to - Colour

.. _how_colours_par:

========================================
Colours for mapping Parametric Diagrams
========================================

The following table shows the different colours that should be used for the properties typed to elements from the different models.

The exception is for Constraint properties that have the same colour on all diagrams.

.. raw:: html

	<div class="wy-table-responsive"><table class="docutils" id="index-1" border="1">
	<colgroup>
	<col width="40%">
	<col width="20%">
	<col width="20%">
	<col width="20%">
	</colgroup>
	<thead valign="bottom">
	<tr class="row-odd"><th class="head">Element</th>
	<th class="head">Background</th>
	<th class="head">Pen</th>
	<th class="head">Text</th>
	</tr>
	</thead>
	<tbody valign="top">
	<tr class="row-odd"><td>Activity model</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">231 231 231</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-even"><td>Data Planning model</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">231 231 231</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-odd"><td>Domain model</td>
	<td style="background-color: rgb(140, 153, 255); border-color: rgb(153, 121, 92); color: rgb(255, 255, 255);">140 153 255</td>
	<td style="background-color: rgb(140, 153, 255); border-color: rgb(153, 121, 92); color: rgb(255, 255, 255);">153 121 92</td>
	<td style="background-color: rgb(140, 153, 255); border-color: rgb(153, 121, 92); color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-even"><td>Core model</td>
	<td style="background-color: rgb(204, 255, 204); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">204 255 204</td>
	<td style="background-color: rgb(204, 255, 204); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(204, 255, 204); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-odd"><td>ARM</td>
	<td style="background-color: rgb(255, 255, 204); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">255 255 204</td>
	<td style="background-color: rgb(255, 255, 204); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(255, 255, 204); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-even"><td>Data Types model</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">231 231 231</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr/>
	<tr/>
	<tr class="row-even"><td>ConstraintProperty</td>
	<td style="background-color: rgb(204, 204, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">204 204 255</td>
	<td style="background-color: rgb(204, 204, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(204, 204, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-odd"><td>ConstraintParameter</td>
	<td style="background-color: rgb(255, 255, 255); border-color: rgb(92, 153, 103); color: rgb(0,0,0);">255 255 255</td>
	<td style="background-color: rgb(255, 255, 255); border-color: rgb(92, 153, 103); color: rgb(0,0,0);">0 0 0</td>
	<td style="background-color: rgb(255, 255, 255); border-color: rgb(92, 153, 103); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-even"><td>FlowPort</td>
	<td style="background-color: rgb(255, 255, 255); border-color: rgb(92, 153, 103); color: rgb(0,0,0);">255 255 255</td>
	<td style="background-color: rgb(255, 255, 255); border-color: rgb(92, 153, 103); color: rgb(0,0,0);">0 0 0</td>
	<td style="background-color: rgb(255, 255, 255); border-color: rgb(92, 153, 103); color: rgb(0,0,0);">0 0 0</td>
	</tr>


	</tbody>
	</table></div>
	
.. index:: Colour; How to - BDD
.. index:: BDD; Colour

.. _how_colours_bdd:
	
========================================
Colours for Block Definition Diagrams
========================================

In the BDD, different colours are use for the different SysML entities as shown in the following table. 

The exceptions are for the SysML entities contained in the DataTypes model that should have a different colour to other ValueType, though these are not normally displayed outside of a Block Part compartment.

.. raw:: html
	
	<div class="wy-table-responsive"><table class="docutils" id="index-1" border="1">
	<colgroup>
	<col width="40%">
	<col width="20%">
	<col width="20%">
	<col width="20%">
	</colgroup>
	<thead valign="bottom">
	<tr class="row-odd"><th class="head">Element</th>
	<th class="head">Background</th>
	<th class="head">Pen</th>
	<th class="head">Text</th>
	</tr>
	</thead>
	<tbody valign="top">
	<!--tr class="row-even"><td>Model (TBD)</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-even"><td>Package (TBD)</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr-->
	<tr class="row-even"><td>Block</td>
	<td style="background-color: rgb(221, 205, 158); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">221 205 158</td>
	<td style="background-color: rgb(221, 205, 158); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(221, 205, 158); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-odd"><td>ValueType</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">255 203 255</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	</tr>
	<tr class="row-even"><td>Enumeration</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">255 203 255</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-odd"><td>Enumeration Literal</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">255 203 255</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(255, 203, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-even"><td>Auxiliary (Select Type)</td>
	<td style="background-color: rgb(231, 255, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">231 255 255</td>
	<td style="background-color: rgb(231, 255, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(231, 255, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-even"><td>ConstraintBlocks</td>
	<td style="background-color: rgb(204, 204, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">204 204 255</td>
	<td style="background-color: rgb(204, 204, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(204, 204, 255); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr class="row-even"><td>InstanceSpecification</td>
	<td style="background-color: rgb(255, 240, 180); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">255 240 180</td>
	<td style="background-color: rgb(255, 240, 180); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(255, 240, 180); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	<tr/>
	<tr/>
	<tr class="row-even"><td>Data Types model</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">231 231 231</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">153 121 92</td>
	<td style="background-color: rgb(231, 231, 231); border-color: rgb(153, 121, 92); color: rgb(0,0,0);">0 0 0</td>
	</tr>
	
	
	</tr>
	
	<!--tr class="row-even"><td>ConstraintBlock</td>
	<td style="background-color: rgb(204, 204, 255);">204 204 255</td>
	</tr>
	<tr class="row-odd"><td>Constraints</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-even"><td>ConstraintProperty</td>
	<td style="background-color: rgb(204, 204, 255);">204 204 255</td>
	</tr>
	<tr class="row-odd"><td>ConstraintParameter</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-even"><td>Operations</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-odd"><td>Relations</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-even"><td>FlowPort</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr>
	<tr class="row-odd"><td>Instance Specification</td>
	<td style="background-color: rgb(255, 255, 255);">255 255 255</td>
	</tr-->
	</tbody>
	</table></div>


.. sectionauthor:: |Judith Crockford|

.. include:: /keywords.rst