Add light theme.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Captain ALM 2022-07-27 00:18:34 +01:00
parent 1716f3c3af
commit 9be55ab6dc
Signed by: alfred
GPG Key ID: 4E4ADD02609997B1
3 changed files with 43 additions and 12 deletions

View File

@ -6,22 +6,13 @@ body{
a{
color: #b0b0f0;
}
.header, .nav{
.header, .nav, footer{
background-color: #1d1d1e;
}
.home-button{
.home-button, .menu a{
color: #e0e0e0;
}
.home-button:hover{
background-color: #606061;
}
.menu a{
color: #e0e0e0;
}
.menu a:hover{
background-color: #606061;
}
.hmb:hover{
.home-button:hover, .menu a:hover, .hmb:hover{
background-color: #606061;
}
.hmb-line, .hmb-line::before, .hmb-line::after{

View File

@ -86,5 +86,10 @@
</div>
{{ end }}
</main>
<footer>
<p>
Looking for the old static HTML page, here's the <a href="index.html">link</a>.
</p>
</footer>
</body>
</html>

35
light.css Normal file
View File

@ -0,0 +1,35 @@
body{
color: #060606;
background-color: #fafaf9;
border-color: #969696;
}
a{
color: #4f4fff;
}
.header, .nav, footer{
background-color: #e2e2e1;
}
.home-button, .menu a{
color: #1f1f1f;
}
.home-button:hover, .menu a:hover, .hmb:hover{
background-color: #9f9f9e;
}
.hmb-line, .hmb-line::before, .hmb-line::after{
background: #1f1f1f;
}
.main-box{
background-color: #f0f0f0;
}
.item-table{
background-color: #c0c0c0;
}
.item-table > div > div, .item-table-caption{
border-color: #0a214c;
}
.image-box{
background-color: #b0b0b0;
}
.image-box > a{
border-color: #4f4f0f;
}