light theme

i feel like changing the theme. it's too dark.

i guess it's june right now, so let's make it a light
theme instead of dark.

totally done on a whim.

Signed-off-by: Leah Rowe <info@minifree.org>
master
Leah Rowe 2024-06-23 21:15:29 +01:00
parent d8bcd5c704
commit 955e3ade94
6 changed files with 20 additions and 14 deletions

View File

@ -2,6 +2,9 @@
* This CSS is released under Creative Commons Zero 1.0 Universal license: * This CSS is released under Creative Commons Zero 1.0 Universal license:
* https://creativecommons.org/publicdomain/zero/1.0/legalcode.txt * https://creativecommons.org/publicdomain/zero/1.0/legalcode.txt
*/ */
h1,h2,h3,h4{font-weight:normal; font-size:2em}
.specs .specs
{ {
float: right; float: right;
@ -14,7 +17,7 @@
} }
@media (max-width:89em) @media (max-width:90em)
{ {
html html
{ {
@ -31,21 +34,24 @@
html html
{ {
background: #280b22; color: #280b22;
color: #eee; background: #f0f0f0;
font-family: sans-serif; font-family: sans-serif;
line-height: 1.4; line-height: 1.4;
text-shadow: 1px 1px #000; }
hr {
color: #eee;
} }
code,pre, #TOC, a:hover code,pre, #TOC, a:hover, img
{ {
background: #4e324e; background: #d9d6d6;
border-radius:0.25em;
} }
a a
{ {
color: #fcc; color: #4e324e;
} }
img,video,iframe,pre img,video,iframe,pre
@ -81,12 +87,12 @@ html, ul, #TOC
{ {
.title-logo{display:none} .title-logo{display:none}
div.title,h1.title { div.title,h1.title {
background:url("/favicon.ico") no-repeat; background:url("https://av.libreboot.org/logo/logo.png") no-repeat;
background-size:auto 99%; background-size:auto 99%;
min-height:2em min-height:2em
} }
div.title {background-position:right} div.title {background-position:right}
h1.title {padding:0 4em} h1.title {padding:0 4em; font-size:2.5em; font-weight:normal;}
#TOC #TOC
{ {
float: left; float: left;

View File

@ -53,7 +53,7 @@ $if(title)$
<header> <header>
<div class="title"> <div class="title">
<p class="title-logo"> <p class="title-logo">
<img class="title-logo" alt="Libreboot logo" src="/favicon.ico" /> <img class="title-logo" alt="Libreboot logo" src="https://av.libreboot.org/logo/logo_purple.png" />
</p> </p>
<h1 class="title">$title$</h1> <h1 class="title">$title$</h1>
</div> </div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header> <header>
<div class="title"> <div class="title">
<p class="title-logo"> <p class="title-logo">
<img class="title-logo" alt="Libreboot logo" src="/favicon.ico" /> <img class="title-logo" alt="Libreboot logo" src="https://av.libreboot.org/logo/logo_purple.png" />
</p> </p>
<h1 class="title">$title$</h1> <h1 class="title">$title$</h1>
</div> </div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header> <header>
<div class="title"> <div class="title">
<p class="title-logo"> <p class="title-logo">
<img class="title-logo" alt="Libreboot logo" src="/favicon.ico" /> <img class="title-logo" alt="Libreboot logo" src="https://av.libreboot.org/logo/logo_purple.png" />
</p> </p>
<h1 class="title">$title$</h1> <h1 class="title">$title$</h1>
</div> </div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header> <header>
<div class="title"> <div class="title">
<p class="title-logo"> <p class="title-logo">
<img class="title-logo" alt="Логотип Libreboot" src="/favicon.ico" /> <img class="title-logo" alt="Логотип Libreboot" src="https://av.libreboot.org/logo/logo_purple.png" />
</p> </p>
<h1 class="title">$title$</h1> <h1 class="title">$title$</h1>
</div> </div>

View File

@ -53,7 +53,7 @@ $if(title)$
<header> <header>
<div class="title"> <div class="title">
<p class="title-logo"> <p class="title-logo">
<img class="title-logo" alt="Libreboot 图标" src="/favicon.ico" /> <img class="title-logo" alt="Libreboot 图标" src="https://av.libreboot.org/logo/logo_purple.png" />
</p> </p>
<h1 class="title">$title$</h1> <h1 class="title">$title$</h1>
</div> </div>