color palette fixes

This commit is contained in:
Leif Niemczik 2022-11-18 14:53:24 +01:00
parent b96b35be87
commit 729abc7842

View file

@ -2,7 +2,7 @@
import Layout from '../../layouts/Layout.astro'
---
<Layout title='Privacy'>
<Layout title='Design Resources'>
<main>
<article>
<h1>Design Resources</h1>
@ -138,7 +138,7 @@ import Layout from '../../layouts/Layout.astro'
<span>for: Body text</span><br />
<div class='values'>
HEX: #FFFFFF <br />
RGB (255,255,255) <br />
RGB (122,120,121) <br />
</div>
</div>
<div class='color-block'>
@ -156,18 +156,18 @@ import Layout from '../../layouts/Layout.astro'
</div>
<div class='color-block'>
<div class='sample' style='background: #FED61E'></div>
<h3>LBL</h3>
<h3>YLW</h3>
<div class='values'>
HEX: #FED61E <br />
RGB (,,) <br />
RGB (254,214,30) <br />
</div>
</div>
<div class='color-block'>
<div class='sample' style='background: #44B4E9'></div>
<h3>CYN</h3>
<h3>LBL</h3>
<div class='values'>
HEX: #44B4E9 <br />
RGB (,,) <br />
RGB (68,180,233) <br />
</div>
</div>
<div class='color-block'>
@ -175,7 +175,7 @@ import Layout from '../../layouts/Layout.astro'
<h3>GRN</h3>
<div class='values'>
HEX: #008317 <br />
RGB (,,) <br />
RGB (0,131,23) <br />
</div>
</div>
<div class='color-block'>
@ -183,7 +183,7 @@ import Layout from '../../layouts/Layout.astro'
<h3>DBL</h3>
<div class='values'>
HEX: #002E5C <br />
RGB (,,) <br />
RGB (0,46,92) <br />
</div>
</div>
<div class='color-block'>
@ -191,7 +191,7 @@ import Layout from '../../layouts/Layout.astro'
<h3>DTR</h3>
<div class='values'>
HEX: #003A3E <br />
RGB (,,) <br />
RGB (0,58,26) <br />
</div>
</div>
<div class='color-block'>
@ -199,7 +199,7 @@ import Layout from '../../layouts/Layout.astro'
<h3>BRN</h3>
<div class='values'>
HEX: #6C2400 <br />
RGB (,,) <br />
RGB (108,36,0) <br />
</div>
</div>
<div class='color-block'>
@ -207,7 +207,15 @@ import Layout from '../../layouts/Layout.astro'
<h3>ONG</h3>
<div class='values'>
HEX: #FF9900 <br />
RGB (,,) <br />
RGB (255,153,0) <br />
</div>
</div>
<div class='color-block'>
<div class='sample' style='background: var(--gradient)'></div>
<h3>Gradient</h3>
<div class='values'>
linear-gradient( 95.7deg, #44b4e9 -2.12%, #008317 41.14%, #fed61e
64.72%, #ff9900 77.58%, #6c2400 96.25% );
</div>
</div>
</div>