You are here: » Home » Documentation » Resources » Colour Schemes

Colour Schemes

Author: Dr. F. Hoffmann, 2003/02/12

The ZMS colour scheme allows the efficient maintenance of a website´s colour world; diverse colour schemes are available as CSS elements for copy. The CSS stream can be taken over in the ZMS instance via the configuration menu "Design". Please find more about the ZMS colour scheme in the ZMS book.

blue/olive

primColorStrong0
primColorMedium0
primColorLight0
secndColorStrong1
secndColorStrong0
secndColorMedium1
secndColorMedium0
secndColorLight1
secndColorLight0
teaserColor
neutralColorBlack
neutralColorStrong0
neutralColorMedium0
neutralColorLight0
neutralColorWhite
neutralColorTrans


.primColorStrong0 { background-color:#0A31A7 }

.primColorMedium0 { background-color:#6A82C3 }

.primColorLight0 { background-color:#F5F5EB }

.secndColorStrong1 { background-color:#83833C }

.secndColorStrong0 { background-color:#A3A35C }

.secndColorMedium1 { background-color:#B7B77A }

.secndColorMedium0 { background-color:#CCCC99 }

.secndColorLight1 { background-color:#E1E1C2 }

.secndColorLight0 { background-color:#F5F5EB }

.teaserColor { background-color:#A30000 }

.neutralColorBlack { background-color:#000000 }

.neutralColorStrong0 { background-color:#666666 }

.neutralColorMedium0 { background-color:#999999 }

.neutralColorLight0 { background-color:#CCCCCC }

.neutralColorWhite { background-color:#FFFFFF }

.neutralColorTrans { background-color:#00FF00 }

black/blue

primColorStrong0
primColorMedium0
primColorLight0
secndColorStrong1
secndColorStrong0
secndColorMedium1
secndColorMedium0
secndColorLight1
secndColorLight0
teaserColor
neutralColorBlack
neutralColorStrong0
neutralColorMedium0
neutralColorLight0
neutralColorWhite
neutralColorTrans


.primColorStrong0 { background-color:#000000 }

.primColorMedium0 { background-color:#666666 }

.primColorLight0 { background-color:#E7E7E6 }

.secndColorStrong1 { background-color:#5D7B9B }

.secndColorStrong0 { background-color:#82A0C0 }

.secndColorMedium1 { background-color:#B5C8DB }

.secndColorMedium0 { background-color:#C8D3DD }

.secndColorLight1 { background-color:#E1E8EF }

.secndColorLight0 { background-color:#E8EFF6 }

.teaserColor { background-color:#800000 }

.neutralColorBlack { background-color:#000000 }

.neutralColorStrong0 { background-color:#999999 }

.neutralColorMedium0 { background-color:#CCCCCC }

.neutralColorLight0 { background-color:#E2E3DE }

.neutralColorWhite { background-color:#FFFFFF }

.neutralColorTrans { background-color:#00FF00 }

zms-publishing

primColorStrong0
primColorMedium0
primColorLight0
secndColorStrong1
secndColorStrong0
secndColorMedium1
secndColorMedium0
secndColorLight1
secndColorLight0
teaserColor
neutralColorBlack
neutralColorStrong0
neutralColorMedium0
neutralColorLight0
neutralColorWhite
neutralColorTrans


.primColorStrong0 { background-color:#000000 }

.primColorMedium0 { background-color:#666666 }

.primColorLight0 { background-color:#E7E7E6 }

.secndColorStrong1 { background-color:#8A8E16 }

.secndColorStrong0 { background-color:#9DA124 }

.secndColorMedium1 { background-color:#D5D579 }

.secndColorMedium0 { background-color:#D5D579 }

.secndColorLight1 { background-color:#E9E9B0 }

.secndColorLight0 { background-color:#E6E7B9 }

.teaserColor { background-color:#800000 }

.neutralColorBlack { background-color:#000000 }

.neutralColorStrong0 { background-color:#999999 }

.neutralColorMedium0 { background-color:#CCCCCC }

.neutralColorLight0 { background-color:#E2E3DE }

.neutralColorWhite { background-color:#FFFFFF }

.neutralColorTrans { background-color:#00FF00 }

blue/orange

primColorStrong0
primColorMedium0
primColorLight0
secndColorStrong1
secndColorStrong0
secndColorMedium1
secndColorMedium0
secndColorLight1
secndColorLight0
teaserColor
neutralColorBlack
neutralColorStrong0
neutralColorMedium0
neutralColorLight0
neutralColorWhite
neutralColorTrans


.primColorStrong0 { background-color:#323269 }

.primColorMedium0 { background-color:#454590 }

.primColorLight0 { background-color:#9A9AC4 }

.secndColorStrong1 { background-color:#5E3800 }

.secndColorStrong0 { background-color:#995C00 }

.secndColorMedium1 { background-color:#D47F00 }

.secndColorMedium0 { background-color:#FF9A03 }

.secndColorLight1 { background-color:#FFCE85 }

.secndColorLight0 { background-color:#FFEBCC }

.teaserColor { background-color:#B60092 }

.neutralColorBlack { background-color:#05050B }

.neutralColorStrong0 { background-color:#393942 }

.neutralColorMedium0 { background-color:#A2A2A6 }

.neutralColorLight0 { background-color:#D3D3D5 }

.neutralColorWhite { background-color:#FFFFFF }

.neutralColorTrans { background-color:#FFFFFF }

red/blue

primColorStrong0
primColorMedium0
primColorLight0
secndColorStrong1
secndColorStrong0
secndColorMedium1
secndColorMedium0
secndColorLight1
secndColorLight0
teaserColor
neutralColorBlack
neutralColorStrong0
neutralColorMedium0
neutralColorLight0
neutralColorWhite
neutralColorTrans


.primColorStrong0 { background-color:#640008 }

.primColorMedium0 { background-color:#990000 }

.primColorLight0 { background-color:#CC0000 }

.secndColorStrong1 { background-color:#2E659F }

.secndColorStrong0 { background-color:#4B89CA }

.secndColorMedium1 { background-color:#B5C8DB }

.secndColorMedium0 { background-color:#C8D3DD }

.secndColorLight1 { background-color:#E1E8EF }

.secndColorLight0 { background-color:#E8EFF6 }

.teaserColor { background-color:#FF8418 }

.neutralColorBlack { background-color:#000000 }

.neutralColorStrong0 { background-color:#82796F }

.neutralColorMedium0 { background-color:#B2A698 }

.neutralColorLight0 { background-color:#D0C4B6 }

.neutralColorWhite { background-color:#FFFFFF }

.neutralColorTrans { background-color:#00FF00 }

ZMS Book

Setup of a content management framework on basis of ZMS, 265 pages, 149 EUR plus VAT. More... more

Internal References
	Photoshop template for generating ZMS colour schemes (87KB)