EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Styleguide Update 1
All checks were successful
/ build (push) Successful in 13s
Details

Browse source
This commit is contained in:
kritzl 2025-04-05 23:50:54 +02:00
commit 1eff2f0e0b
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
28 changed files with 692 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

37
styleguide/colors/index.html
View file

@ -69,6 +69,9 @@
<li>
<a href="../glow"><i data-icon="lightbulb"></i>Glow</a>
</li>
<li>
<a href="../doodles"><i data-icon="looping"></i>Doodles</a>
</li>
<li>
<a href="../demopage"><i data-icon="code"></i>Demopage</a>
</li>
@ -77,6 +80,9 @@
><i data-icon="settings"></i>Image Generator</a
>
</li>
<li>
<a href="../changelog"><i data-icon="history"></i>Changelog</a>
</li>
<li id="themeToggleDark" class="themeToggle">
<input
id="themeDark"
@ -323,7 +329,7 @@
</section>
<section aria-labelledby="label-dark-error-success">
<span id="label-dark-error-success">Error &amp; Success</span>
<span id="label-dark-error-success">Status indicators</span>
<div
aria-labelledby="label-dark-swatch-error"
@ -346,6 +352,17 @@
></div>
<span id="label-dark-swatch-success">#54aa18</span>
</div>
<div
aria-labelledby="label-dark-swatch-success"
class="swatch-container"
>
<div
class="swatch"
style="--swatch-color: var(--color-dark-warning)"
></div>
<span id="label-dark-swatch-warning">#efb100</span>
</div>
</section>
<section aria-labelledby="label-dark-accents">
@ -542,7 +559,7 @@
</section>
<section aria-labelledby="label-light-error-success">
<span id="label-light-error-success">Error &amp; Success</span>
<span id="label-light-error-success">Status indicators</span>
<div
aria-labelledby="label-light-swatch-error"
@ -565,6 +582,17 @@
></div>
<span id="label-light-swatch-success">#47990f</span>
</div>
<div
aria-labelledby="label-dark-swatch-success"
class="swatch-container"
>
<div
class="swatch"
style="--swatch-color: var(--color-light-warning)"
></div>
<span id="label-light-swatch-warning">#d08700</span>
</div>
</section>
<section aria-labelledby="label-light-accents">
@ -612,7 +640,10 @@
</p>
<div class="swatch-grid">
<section aria-labelledby="label-light-primary-secondary">
<section
aria-labelledby="label-light-primary-secondary"
style="--swatch-size: 7rem"
>
<span id="label-cmyk-primary-secondary">CMYK Colors</span>
<div