dalfuss/colours.dalfuss.link
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

few tweaks, added colours for jax

Browse source
This commit is contained in:
Sam Dalfuss 2024-12-23 18:54:57 +01:00
parent 740c615d32
commit bc29050fdc
2 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/custom.css
View file

@ -20,18 +20,22 @@ border-radius: 10px;
margin: 10px;
}
.white {
.light {
color: black;
}
a {
color: #1BEC99;
color: #F5A9B8;
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: #FD3656;
color: #5BCEFA;
}
a:visited {
color: #5BCEFA;
}
.popup {
@ -54,3 +58,7 @@ z-index: 1000;
display: block;
}
.jax {
color: #A8C5DB;
}

17
index.html
View file

@ -13,11 +13,22 @@
<p>These are the colours <a href="https://dalfuss.link">I</a> use!</p>
<h2 style="color: #F5A9B8">Dalfuss "Brand" Colours</h2>
<div class="palette">
<div class="color" style="background-color: #f5a9b8;">#F5A9B8</div>
<div class="color" style="background-color: #5bcffa;">#5BCFFA</div>
<div class="color white" style="background-color: #FFFFFF;">#FFFFFF</div>
<div class="color light" style="background-color: #f5a9b8;">#F5A9B8</div>
<div class="color light" style="background-color: #5bcffa;">#5BCFFA</div>
<div class="color light" style="background-color: #FFFFFF;">#FFFFFF</div>
<div class="color" style="background-color: #161618;">#161618</div>
</div>
<h2><a class="jax" href="https://dalfuss.net/OCs/jax" target="_blank">Jax P. Nolan</a></h2>
<div class="palette">
<div class="color light" style="background-color: #A8C5DB;">Skin<br>#A8C5DB</div>
<div class="color light" style="background-color: #F5A9B8;">Dyed Hair<br>#F5A9B8</div>
<div class="color" style="background-color: #12354B;">Natural Hair<br>#12354B</div>
<div class="color" style="background-color: #105522;">Eyes<br>#105522</div>
<div class="color" style="background-color: #12404B;">Freckles<br>#12404B</div>
</div>
<script>
const colors = document.querySelectorAll(".color");
const popup = document.getElementById("popup");