Milliways/www.hip-berlin.de
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

color palette fixes

Browse source
This commit is contained in:
Leif Niemczik 2022-11-18 14:53:24 +01:00
parent b96b35be87
commit 729abc7842
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/pages/resources/index.astro
View file

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