| layout | title | header | hidden | ||
|---|---|---|---|---|---|
article |
Color Scheme |
|
true |
<style>
body {
display: flex;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
}
#karakun {
display: flex;
font-size: 20px;
color: #69c96b;
margin-top: 10px;
margin-bottom: 10px;
}
#karakun > div:first-of-type {
margin-right: 5px;
font-weight: bolder;
}
#karakun > div:last-of-type {
font-weight: lighter;
}
#grundfarbe-dunkel{
color: #ffffff;
background-color: #1a2226;
width: 210px;
height: 100px;
padding: 5px;
border-radius: 5px;
}
#grundfarbe-gruen{
color: #ffffff;
background-color: #69c96b;
width: 130px;
height: 50px;
padding: 5px;
margin-top: 5px;
border-radius: 5px;
}
#grau,
#gruen,
#blau,
#rot,
#violett {
display: flex;
margin-top: 5px;
}
#grau > .hell {
background-color: #ececec;
color: #788487;
width: 130px;
height: 50px;
padding: 5px;
border-radius: 5px 0 0 5px;
}
#grau > .dunkel {
background-color: #788487;
color: #ececec;
width: 70px;
height: 50px;
padding: 5px;
border-radius: 0 5px 5px 0;
}
#gruen > .hell {
background-color: #a0e293;
color: #3da05e;
width: 130px;
height: 50px;
padding: 5px;
border-radius: 5px 0 0 5px;
}
#gruen > .dunkel {
background-color: #3da05e;
color: #a0e293;
width: 70px;
height: 50px;
padding: 5px;
border-radius: 0 5px 5px 0;
}
#blau > .hell {
background-color: #86e0e0;
color: #3b94bc;
width: 130px;
height: 50px;
padding: 5px;
border-radius: 5px 0 0 5px;
}
#blau > .dunkel {
background-color: #3b94bc;
color: #86e0e0;
width: 70px;
padding: 5px;
border-radius: 0 5px 5px 0;
}
#rot > .hell {
background-color: #ed8c98;
color: #b23847;
width: 130px;
height: 50px;
padding: 5px;
border-radius: 5px 0 0 5px;
}
#rot > .dunkel {
background-color: #b23847;
color: #ed8c98;
width: 70px;
height: 50px;
padding: 5px;
border-radius: 0 5px 5px 0;
}
#gelb {
background-color: #efe073;
color: #806db5;
width: 130px;
height: 50px;
padding: 5px;
margin-top: 5px;
border-radius: 5px;
}
#violett > .hell {
background-color: #c4aee5;
color: #806db5;
width: 130px;
height: 50px;
padding: 5px;
border-radius: 5px 0 0 5px;
}
#violett > .dunkel {
background-color: #806db5;
color: #c4aee5;
width: 70px;
height: 50px;
padding: 5px;
border-radius: 0 5px 5px 0;
}
</style>
Karakun
Colors
#1a2226
#69c96b
#ececec
#788487
#a0e293
#3da05e
#86e0e0
#3b94bc
#ed8c98
#b23847
#efe073
#c4aee5
#806db5