|
|
| (не показано 8 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| <div style="text-align: center; column-count: 7; column-gap: 0.5em"> | | <div class="oklch-test" style="display: flex;> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Civilian|Static Text}}; border: 1px solid {{ColorPalette|Civilian|Opaque}}; text-align: center;"> | | <div> |
| <div style="background-color : {{ColorPalette|Civilian|Opaque}}; padding: 1em 0; text- align: center;"> Civilian</div> | | <div style="background: var(--color-red-dark);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Civilian|Primary}}; color: {{ColorPalette|Civilian|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | | <div style="background : var(--color- orange-dark);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Civilian|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div style="background : var(--color- yellow-dark);"> Пример текста</div> |
| </div> | | <div style="background : var(--color- olive-dark);"> Пример текста</div> |
| | | <div style="background: var(--color-green-dark);">Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Medical|Static Text}}; border: 1px solid {{ColorPalette|Medical|Opaque}}; text-align: center;">
| | <div style="background : var(--color- teal-dark);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Medical|Opaque}}; padding: 1em 0; text- align: center;"> Medical</div> | | <div style="background : var(--color- blue-dark);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Medical|Primary}}; color: {{ColorPalette|Medical|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | | <div style="background : var(--color- cyan-dark);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Medical|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div style="background: var(--color-violet-dark);">Пример текста</div> |
| </div>
| | <div style="background : var(--color- purple-dark);"> Пример текста</div> |
| | | <div style="background : var(--color- pink-dark);"> Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Supply|Static Text}}; border: 1px solid {{ColorPalette|Supply|Opaque}}; text-align: center;"> | | <div style="background : var(--color- brown-dark);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Supply|Opaque}}; padding: 1em 0; text- align: center;"> Supply</div> | | <div style="background: var(--color-label-dark);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Supply|Primary}}; color: {{ColorPalette|Supply|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | | </div> |
| <div style="background-color : {{ColorPalette|Supply|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div> |
| </div> | | <div style="background: var(--color-red);">Пример текста</div> |
| | | <div style="background : var(--color -orange); "> Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Science|Static Text}}; border: 1px solid {{ColorPalette|Science|Opaque}}; text-align: center;">
| | <div style="background : var(--color- yellow);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Science|Opaque}}; padding: 1em 0; text- align: center;"> Science</div> | | <div style="background: var(--color-olive);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Science|Primary}}; color: {{ColorPalette|Science|Link Text}}; padding: 1em 0; text-align: center;"> Primary</div> | | <div style="background : var(--color- green);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Science|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div style="background : var(--color- teal);"> Пример текста</div> |
| </div> | | <div style="background : var(--color -blue);"> Пример текста</div> |
| | | <div style="background: var(--color-cyan);">Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Engineering|Static Text}}; border: 1px solid {{ColorPalette|Engineering|Opaque}}; text-align: center;">
| | <div style="background: var(--color-violet);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Engineering|Opaque}}; padding: 1em 0; text- align: center;"> Engineering</div> | | <div style="background : var(--color- purple);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Engineering|Primary}}; color: {{ColorPalette|Engineering|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | | <div style="background : var(--color- pink);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Engineering|Secondary}}; padding: 1em 0; text-align: center;"> Secondary</div> | | <div style="background : var(--color- brown);"> Пример текста</div> |
| </div> | | <div style="background: var(--color-label);">Пример текста</div> |
| | | </div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Security|Static Text}}; border: 1px solid {{ColorPalette|Security|Opaque}}; text-align: center;"> | | <div> |
| <div style="background-color : {{ColorPalette|Security|Opaque}}; padding: 1em 0; text- align: center;"> Security</div> | | <div style="background: var(--color-red-light);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Security|Primary}}; color: {{ColorPalette|Security|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | | <div style="background : var(--color -orange-light);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Security|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div style="background : var(--color- yellow-light);"> Пример текста</div> |
| </div> | | <div style="background: var(--color-olive-light);">Пример текста</div> |
| | | <div style="background : var(--color- green-light);"> Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Antag|Static Text}}; border: 1px solid {{ColorPalette|Antag|Opaque}}; text-align: center;">
| | <div style="background : var(--color- teal-light);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Antag|Opaque}}; padding: 1em 0; text- align: center;"> Antag</div> | | <div style="background : var(--color- blue-light);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Antag|Primary}}; color: {{ColorPalette|Antag|Link Text}}; padding: 1em 0; text-align: center;"> Primary</div> | | <div style="background: var(--color-cyan-light);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Antag|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div style="background : var(--color- violet-light);"> Пример текста</div> |
| </div> | | <div style="background : var(--color- purple-light);"> Пример текста</div> |
| | | <div style="background : var(--color- pink-light);"> Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Legal|Static Text}}; border: 1px solid {{ColorPalette|Legal|Opaque}}; text-align: center;">
| | <div style="background: var(--color-brown-light);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Legal|Opaque}}; padding: 1em 0; text- align: center;"> Legal</div> | | <div style="background : var(--color- label-light);"> Пример текста</div> |
| <div style="background-color : {{ColorPalette|Legal|Primary}}; color: {{ColorPalette|Legal|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | | </div> |
| <div style="background-color : {{ColorPalette|Legal|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | | <div> |
| </div>
| | <div style="color: var(--color -text );"> Пример текста</div> |
| | | <div style=" color: var(--color -text- darker);"> Пример текста</div> |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Command|Static Text}}; border: 1px solid {{ColorPalette|Command|Opaque}}; text-align: center;"> | | <div style="color: var(--color-text-gray);">Пример текста</div> |
| <div style="background-color : {{ColorPalette|Command|Opaque}}; padding: 1em 0; text- align: center;"> Command</div> | | </div> |
| <div style="background-color : {{ColorPalette|Command|Primary}}; color: {{ColorPalette|Command|Link Text}}; padding: 1em 0; text- align: center;"> Primary</div> | |
| <div style="background-color : {{ColorPalette|Command|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | |
| </div> | |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Synthetic|Static Text}}; border: 1px solid {{ColorPalette|Synthetic|Opaque}}; text-align: center;">
| |
| <div style="background-color : {{ColorPalette|Synthetic|Opaque}}; padding: 1em 0; text- align: center;"> Synthetic</div> | |
| <div style=" background-color: {{ColorPalette|Synthetic|Primary}}; color : {{ColorPalette|Synthetic|Link Text}}; padding: 1em 0; text -align: center;"> Primary</div> | |
| <div style=" background-color : {{ColorPalette|Synthetic|Secondary}}; padding: 1em 0; text- align: center;"> Secondary</div> | |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|CentCom|Static Text}}; border: 1px solid {{ColorPalette|CentCom|Opaque}}; text-align: center;"> | |
| <div style="background-color: {{ColorPalette|CentCom|Opaque}}; padding: 1em 0; text-align: center;">CentCom</div>
| |
| <div style="background-color: {{ColorPalette|CentCom|Primary}}; color: {{ColorPalette|CentCom|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|CentCom|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Special|Static Text}}; border: 1px solid {{ColorPalette|Special|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Special|Opaque}}; padding: 1em 0; text-align: center;">Special</div>
| |
| <div style="background-color: {{ColorPalette|Special|Primary}}; color: {{ColorPalette|Special|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Special|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Cyan|Static Text}}; border: 1px solid {{ColorPalette|Cyan|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Cyan|Opaque}}; padding: 1em 0; text-align: center;">Cyan</div>
| |
| <div style="background-color: {{ColorPalette|Cyan|Primary}}; color: {{ColorPalette|Cyan|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Cyan|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Blue|Static Text}}; border: 1px solid {{ColorPalette|Blue|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Blue|Opaque}}; padding: 1em 0; text-align: center;">Blue</div>
| |
| <div style="background-color: {{ColorPalette|Blue|Primary}}; color: {{ColorPalette|Blue|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Blue|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Green|Static Text}}; border: 1px solid {{ColorPalette|Green|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Green|Opaque}}; padding: 1em 0; text-align: center;">Green</div>
| |
| <div style="background-color: {{ColorPalette|Green|Primary}}; color: {{ColorPalette|Green|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Green|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Yellow|Static Text}}; border: 1px solid {{ColorPalette|Yellow|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Yellow|Opaque}}; padding: 1em 0; text-align: center;">Yellow</div>
| |
| <div style="background-color: {{ColorPalette|Yellow|Primary}}; color: {{ColorPalette|Yellow|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Yellow|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Red|Static Text}}; border: 1px solid {{ColorPalette|Red|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Red|Opaque}}; padding: 1em 0; text-align: center;">Red</div>
| |
| <div style="background-color: {{ColorPalette|Red|Primary}}; color: {{ColorPalette|Red|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Red|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Pink|Static Text}}; border: 1px solid {{ColorPalette|Pink|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Pink|Opaque}}; padding: 1em 0; text-align: center;">Pink</div>
| |
| <div style="background-color: {{ColorPalette|Pink|Primary}}; color: {{ColorPalette|Pink|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Pink|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Brown|Static Text}}; border: 1px solid {{ColorPalette|Brown|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Brown|Opaque}}; padding: 1em 0; text-align: center;">Brown</div>
| |
| <div style="background-color: {{ColorPalette|Brown|Primary}}; color: {{ColorPalette|Brown|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Brown|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette|Black|Static Text}}; border: 1px solid {{ColorPalette|Black|Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette|Black|Opaque}}; padding: 1em 0; text-align: center;">Black</div>
| |
| <div style="background-color: {{ColorPalette|Black|Primary}}; color: {{ColorPalette|Black|Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette|Black|Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| | |
| <div style="margin-bottom: 0.5em; color: {{ColorPalette||Static Text}}; border: 1px solid {{ColorPalette||Opaque}}; text-align: center;">
| |
| <div style="background-color: {{ColorPalette||Opaque}}; padding: 1em 0; text-align: center;">Default (Gray)</div>
| |
| <div style="background-color: {{ColorPalette||Primary}}; color: {{ColorPalette||Link Text}}; padding: 1em 0; text-align: center;">Primary</div>
| |
| <div style="background-color: {{ColorPalette||Secondary}}; padding: 1em 0; text-align: center;">Secondary</div>
| |
| </div>
| |
| </div> | | </div> |
