OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

Alphabet colors

Here is an additional shaded color spectrum. Use cases are: “heat tables”, “generic avatars”, “zebra stripes” and possibly much more. Other than the core interface colors, these colors are ready-made and not accessible as CSS Vars, so they can only be modified in the SCSS files.

Use .bg- for background-color and than any small latin character or number (^a-z0-9). These colors also have no :hover sate.

Syntax: .bg-{color}
SCSS: _colors-alphabet.scss
bg-a
Anton
bg-b
Berta
bg-c
Cäsar
bg-d
Dora
bg-e
Emil
bg-f
Friedrich
bg-g
Gustav
bg-h
Heinrich
bg-i
Ida
bg-j
Joseph
bg-k
Kaufmann
bg-l
Ludwig
bg-m
Martha
bg-n
Nordpol
bg-o
Otto
bg-p
Paula
bg-q
Quelle
bg-r
Richard
bg-s
Samuel
bg-t
Theodor
bg-u
Ulrich
bg-v
Viktor
bg-w
Wilhelm
bg-x
Xanthippe
bg-y
Ypsilon
bg-z
Zacharias
bg-0
Zero
bg-1
One
bg-2
Two
bg-3
Three
bg-4
Four
bg-5
Five
bg-6
Six
bg-7
Seven
bg-8
Eight
bg-9
Nine