Altes archivieren, Neues verorten
BIN
Website/Design/2024_09_05 Flyer FOERBICO.pdf
Normal file
BIN
Website/Design/RobotoCondensed-Italic-VariableFont_wght.ttf
Normal file
BIN
Website/Design/RobotoCondensed-VariableFont_wght.ttf
Normal file
BIN
Website/Design/foerbico-farben.png
Normal file
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 40 KiB |
BIN
Website/Design/logos/Vorgabe BMBF Logo Schutzzone.jpg
Normal file
|
After Width: | Height: | Size: 164 KiB |
BIN
Website/Design/logos/fOERbico-Logo.png
Normal file
|
After Width: | Height: | Size: 85 KiB |
107
Website/Design/logos/fOERbico-weiss.svg
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="400"
|
||||
height="400"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="fOERbico.svg"
|
||||
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.59"
|
||||
inkscape:cx="199.15254"
|
||||
inkscape:cy="200"
|
||||
inkscape:window-width="1344"
|
||||
inkscape:window-height="449"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="59"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg1" />
|
||||
<!-- Farbige Kreise -->
|
||||
<circle
|
||||
cx="201.50002"
|
||||
cy="148.03299"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="12.3688"
|
||||
id="circle1"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="254.96703"
|
||||
cy="186.88234"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="12.3688"
|
||||
id="circle2"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="234.55847"
|
||||
cy="249.73839"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="12.3688"
|
||||
id="circle3"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="168.44156"
|
||||
cy="249.73839"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="12.3688"
|
||||
id="circle4"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="148.03299"
|
||||
cy="186.88234"
|
||||
fill="none"
|
||||
stroke="#FFFFFF"
|
||||
stroke-width="12.3688"
|
||||
id="circle5"
|
||||
r="52.848576" />
|
||||
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:rights>
|
||||
<cc:Agent>
|
||||
<dc:title>UN</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:rights>
|
||||
<cc:license rdf:resource="https://creativecommons.org/licenses/by-sa/3.0/" />
|
||||
</cc:Work>
|
||||
<cc:License rdf:about="https://creativecommons.org/licenses/by-sa/3.0/">
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#Notice" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#Attribution" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike" />
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
</cc:License>
|
||||
<dc:source>
|
||||
<dc:Agent>
|
||||
<dc:title>UN</dc:title>
|
||||
<dc:identifier rdf:resource="https://www.unesco.de/bildung/agenda-bildung-2030/bildung-und-die-sdgs" />
|
||||
</dc:Agent>
|
||||
</dc:source>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
107
Website/Design/logos/fOERbico.svg
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="400"
|
||||
height="400"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="fOERbico.svg"
|
||||
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.59"
|
||||
inkscape:cx="199.15254"
|
||||
inkscape:cy="200"
|
||||
inkscape:window-width="1344"
|
||||
inkscape:window-height="449"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="59"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg1" />
|
||||
<!-- Farbige Kreise -->
|
||||
<circle
|
||||
cx="201.50002"
|
||||
cy="148.03299"
|
||||
fill="none"
|
||||
stroke="#203a8f"
|
||||
stroke-width="12.3688"
|
||||
id="circle1"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="254.96703"
|
||||
cy="186.88234"
|
||||
fill="none"
|
||||
stroke="#203a8f"
|
||||
stroke-width="12.3688"
|
||||
id="circle2"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="234.55847"
|
||||
cy="249.73839"
|
||||
fill="none"
|
||||
stroke="#203a8f"
|
||||
stroke-width="12.3688"
|
||||
id="circle3"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="168.44156"
|
||||
cy="249.73839"
|
||||
fill="none"
|
||||
stroke="#203a8f"
|
||||
stroke-width="12.3688"
|
||||
id="circle4"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="148.03299"
|
||||
cy="186.88234"
|
||||
fill="none"
|
||||
stroke="#203a8f"
|
||||
stroke-width="12.3688"
|
||||
id="circle5"
|
||||
r="52.848576" />
|
||||
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:rights>
|
||||
<cc:Agent>
|
||||
<dc:title>UN</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:rights>
|
||||
<cc:license rdf:resource="https://creativecommons.org/licenses/by-sa/3.0/" />
|
||||
</cc:Work>
|
||||
<cc:License rdf:about="https://creativecommons.org/licenses/by-sa/3.0/">
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#Notice" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#Attribution" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike" />
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
</cc:License>
|
||||
<dc:source>
|
||||
<dc:Agent>
|
||||
<dc:title>UN</dc:title>
|
||||
<dc:identifier rdf:resource="https://www.unesco.de/bildung/agenda-bildung-2030/bildung-und-die-sdgs" />
|
||||
</dc:Agent>
|
||||
</dc:source>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
107
Website/Design/logos/foerbico-rot.svg
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="400"
|
||||
height="400"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="fOERbico.svg"
|
||||
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.59"
|
||||
inkscape:cx="199.15254"
|
||||
inkscape:cy="200"
|
||||
inkscape:window-width="1344"
|
||||
inkscape:window-height="449"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="59"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg1" />
|
||||
<!-- Farbige Kreise -->
|
||||
<circle
|
||||
cx="201.50002"
|
||||
cy="148.03299"
|
||||
fill="none"
|
||||
stroke="#FF0000"
|
||||
stroke-width="12.3688"
|
||||
id="circle1"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="254.96703"
|
||||
cy="186.88234"
|
||||
fill="none"
|
||||
stroke="#FF0000"
|
||||
stroke-width="12.3688"
|
||||
id="circle2"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="234.55847"
|
||||
cy="249.73839"
|
||||
fill="none"
|
||||
stroke="#FF0000"
|
||||
stroke-width="12.3688"
|
||||
id="circle3"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="168.44156"
|
||||
cy="249.73839"
|
||||
fill="none"
|
||||
stroke="#FF0000"
|
||||
stroke-width="12.3688"
|
||||
id="circle4"
|
||||
r="52.848576" />
|
||||
<circle
|
||||
cx="148.03299"
|
||||
cy="186.88234"
|
||||
fill="none"
|
||||
stroke="#FF0000"
|
||||
stroke-width="12.3688"
|
||||
id="circle5"
|
||||
r="52.848576" />
|
||||
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:rights>
|
||||
<cc:Agent>
|
||||
<dc:title>UN</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:rights>
|
||||
<cc:license rdf:resource="https://creativecommons.org/licenses/by-sa/3.0/" />
|
||||
</cc:Work>
|
||||
<cc:License rdf:about="https://creativecommons.org/licenses/by-sa/3.0/">
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#Notice" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#Attribution" />
|
||||
<cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike" />
|
||||
<cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
</cc:License>
|
||||
<dc:source>
|
||||
<dc:Agent>
|
||||
<dc:title>UN</dc:title>
|
||||
<dc:identifier rdf:resource="https://www.unesco.de/bildung/agenda-bildung-2030/bildung-und-die-sdgs" />
|
||||
</dc:Agent>
|
||||
</dc:source>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
3
Website/Design/logos/goethe-logo.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
Hier:
|
||||
https://de.wikipedia.org/wiki/Datei:Goethe-Logo.svg
|
||||

|
||||
BIN
Website/Design/logos/logo_comenius_mit_text_rechts-Block_4c.png
Normal file
|
After Width: | Height: | Size: 284 KiB |
26
Website/Design/robotocondensed.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
src: url('https://git.rpi-virtuell.de/Comenius-Institut/fOERbico/raw/branch/main/design/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed Italic';
|
||||
src: url('https://git.rpi-virtuell.de/Comenius-Institut/fOERbico/raw/branch/main/design/RobotoCondensed-Italic-VariableFont_wght.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
body {
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
font-size: 22px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>fOERbico</h1>
|
||||
</html>
|
||||
106
Website/Design/styleguide.md
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
https://pad.gwdg.de/HPEME6K7RFqY88CnljChOg#
|
||||
|
||||
# oer.community Styleguide
|
||||
|
||||
## fOERbico-Logo
|
||||

|
||||
|
||||
<img src="https://git.rpi-virtuell.de/Comenius-Institut/fOERbico/raw/branch/main/design/logos/fOERbico.svg" alt="fOERbico Logo" width="200" height="200">
|
||||
|
||||
Farbe: #203a8f
|
||||
|
||||
## fOERbico-Schriftart (FONT)
|
||||
[Roboto Condensed](https://fonts.google.com/specimen/Roboto+Condensed/about)
|
||||
|
||||
|
||||
|
||||
## git-Logo
|
||||
Vorlage forgejo:
|
||||
[https://codeberg.org/forgejo/governance/src/branch/main/branding#logo](https://codeberg.org/forgejo/governance/src/branch/main/branding#logo)
|
||||
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/0/05/Forgejo_logo.svg" alt="Forgejo Logo" width="50" height="50">
|
||||
|
||||
[CC BY SA](https://creativecommons.org/licenses/by-sa/4.0/deed.en) - [Caesar Schinas](https://caesarschinas.com/)
|
||||
|
||||
## Farben fOERbico
|
||||

|
||||
Farbe 1 (primäre Markenfarbe): #203A8F
|
||||
Farbe 2 (alternative Farbe): #FFA500
|
||||
Farbe 3 (allgemeiner Textabsatz): #333333
|
||||
Farbe 4 (Überschriften, Unterüberschriften, Titel): #002366
|
||||
Farbe 5 (Rahmen): #D3D3D3
|
||||
Farbe 6 (dezente Hintergründe): #F0F8FF
|
||||
Farbe 7 (Hintergrund der Website): #FFFFFF
|
||||
Farbe 8 (hellere Alternative, Kopfzeilenhintergründe): #E6F2FF
|
||||
|
||||
Erklärung der Farbauswahl:
|
||||
|
||||
Farbe 1 (#203A8F): Dies ist die vorgegebene primäre Markenfarbe, ein tiefes Blau, das Professionalität und Vertrauen vermittelt.
|
||||
Farbe 2 (#FFA500): Orange wurde gewählt, da es auf dem Farbrad komplementär zu Blau ist. Es bietet einen lebendigen Kontrast zur Primärfarbe und eignet sich gut für Call-to-Action-Buttons oder um wichtige Elemente hervorzuheben.
|
||||
Farbe 3 (#333333): Ein dunkles Grau für allgemeinen Text. Es ist angenehmer für die Augen als reines Schwarz und bietet gute Lesbarkeit auf hellen Hintergründen.
|
||||
Farbe 4 (#002366): Ein dunkleres Blau für Überschriften und Titel. Es harmoniert mit der Primärfarbe, ist aber deutlich genug, um eine Hierarchie zu schaffen.
|
||||
Farbe 5 (#D3D3D3): Ein helles Grau für Rahmen. Es ist dezent genug, um nicht abzulenken, kann aber effektiv Inhaltsbereiche trennen.
|
||||
Farbe 6 (#F0F8FF): Ein sehr helles Blau für dezente Hintergründe. Es passt zum blauen Thema, bleibt aber fast weiß für gute Lesbarkeit.
|
||||
Farbe 7 (#FFFFFF): Reines Weiß für den Haupthintergrund der Website. Dies gewährleistet maximalen Kontrast und Lesbarkeit.
|
||||
Farbe 8 (#E6F2FF): Eine etwas dunklere Schattierung als Farbe 6, aber immer noch sehr hell. Nützlich zur Unterscheidung von Kopfbereichen, ohne zu auffällig zu sein.
|
||||
|
||||
Diese Palette zielt darauf ab, mit den dominierenden Blautönen einen professionellen, vertrauenswürdigen Eindruck zu schaffen, während das Orange Energie verleiht und die Aufmerksamkeit dort lenkt, wo sie benötigt wird. Die neutralen Grau- und Weißtöne sorgen für Lesbarkeit und Balance. Die Farben sind so gewählt, dass sie gut zusammenarbeiten, ausreichend Kontrast für Barrierefreiheit bieten und Flexibilität im Design ermöglichen. Sie erlauben ein klares, modernes Aussehen bei gleichzeitiger Wahrung der Markenkonsistenz durch die Verwendung von Blautönen.
|
||||
|
||||
## FarbCodes
|
||||
### Comenius-Institut
|
||||
### Goethe-Uni
|
||||
[https://www.puk.uni-frankfurt.de/53182959/Poster_Goethe_Spektrum_web.pdf](https://www.puk.uni-frankfurt.de/53182959/Poster_Goethe_Spektrum_web.pdf)
|
||||
### FAU Nürnberg
|
||||
[https://www.wordpress.rrze.fau.de/entwicklung/design/farben/](https://www.wordpress.rrze.fau.de/entwicklung/design/farben/)
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th class="center">FAU</th>
|
||||
<th class="center">Goethe</th>
|
||||
<th class="center">Comenius</th>
|
||||
<th class="center">SDG</th>
|
||||
<th class="center">rpi-virtuell</th>
|
||||
<th class="center">fOERbico</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Helle Flächen</strong><br>Theme-Property: <code>--color-primary-ci-hell2</code></td>
|
||||
<td style="background-color: #CED9E7; color: #000;">Textfarbe: #000, Hintergrund: #CED9E7</td>
|
||||
<td style="background-color: #fff; color: #000;">Textfarbe: #000, Hintergrund: #fff</td>
|
||||
<td style="background-color: #F2DED1; color: #000;">Textfarbe: #000, Hintergrund: #F2DED1</td>
|
||||
<td style="background-color: #fff; color: #23446a;">Textfarbe: #23446a, Hintergrund: #23446a</td>
|
||||
<td style="background-color: #CFE0D8; color: #000;">Textfarbe: #000, Hintergrund: #CFE0D8</td>
|
||||
<td style="background-color: #F0F8FF; color: #000;">Textfarbe: #000, Hintergrund: #F0F8FF</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Vitale Flächen</strong><br>Theme-Property: <code>--color-primary-ci-hell</code></td>
|
||||
<td style="background-color: #04316A; color: #fff;">Textfarbe: #fff, Hintergrund: #04316A</td>
|
||||
<td style="background-color: #00618F ; color: #fff;">Textfarbe: #fff, Hintergrund: #00618F</td>
|
||||
<td style="background-color: #C50F3C; color: #fff;">Textfarbe: #fff, Hintergrund: #C50F3C</td>
|
||||
<td style="background-color: #18B4F1; color: #000;">Textfarbe: #000, Hintergrund: #18B4F1</td>
|
||||
<td style="background-color: #7BB725; color: #000;">Textfarbe: #000, Hintergrund: #7BB725</td>
|
||||
<td style="background-color: #203A8F; color: #fff;">Textfarbe: #fff, Hintergrund: #203A8F</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Aktive Elemente</strong><br>Theme-Property: <code>--color-primary-dunkler</code></td>
|
||||
<td style="background-color: #004A9F; color: #fff;">Textfarbe: #fff, Hintergrund: #004A9F</td>
|
||||
<td style="background-color: #337ab7; color: #fff;">Textfarbe: #fff, Hintergrund: #337ab7</td>
|
||||
<td style="background-color: #971B2F; color: #fff;">Textfarbe: #fff, Hintergrund: #971B2F</td>
|
||||
<td style="background-color: #23446a; color: #fff;">Textfarbe: #fff, Hintergrund: #23446a</td>
|
||||
<td style="background-color: #266141; color: #fff;">Textfarbe: #fff, Hintergrund: #266141</td>
|
||||
<td style="background-color: #002366; color: #fff;">Textfarbe: #fff, Hintergrund: #002366</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Buttons u.a.</strong><br>Theme-Property: <code>--color-primary-dunkelste</code></td>
|
||||
<td style="background-color: #041E42; color: #fff;">Textfarbe: #fff, Hintergrund: #041E42</td>
|
||||
<td style="background-color: #327ebb; color: #000;">Textfarbe: #000, Hintergrund: #327ebb</td>
|
||||
<td style="background-color: #662938; color: #fff;">Textfarbe: #fff, Hintergrund: #662938</td>
|
||||
<td style="background-color: #003E61; color: #fff;">Textfarbe: #fff, Hintergrund: #003E61</td>
|
||||
<td style="background-color: #14462D; color: #fff;">Textfarbe: #fff, Hintergrund: #14462D</td>
|
||||
<td style="background-color: #FFA500; color: #000;">Textfarbe: #000, Hintergrund: #FFA500</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||