Inferencium/website
1
0
Fork 0
Code Issues Activity

Add light color scheme

Browse Source 
This commit closes #57.
This commit is contained in:
inference 2024-03-04 20:51:03 +00:00
parent 928b49e378
commit cbf6b6d316
Signed by: inference
SSH Key Fingerprint: SHA256:FtEVfx1CmTKMy40VwZvF4k+3TC+QhCWy+EmPRg50Nnc
1 changed files with 48 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

156
main.css
View File

@ -1,5 +1,5 @@
/* Inferencium - Website - CSS - Main */
/* Version: 11.7.0 */
/* Version: 12.0.0-alpha.1 */
/* Copyright 2022 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause */
@ -14,73 +14,58 @@ body {
font-size: 16px;
line-height: 130%;
background-color: #121212;
color: #ffffff;
}
/* Headings */
h1 {
font-family: Roboto, sans-serif;
font-size: 24px;
h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited {
text-align: left;
line-height: 130%;
color: #ffffff;
}
h1, h1 a, h1 a:visited {
text-align: center;
line-height: 130%;
color: #ffffff;
font-size: 24px;
}
h2 {
font-family: Roboto, sans-serif;
h2, h2 a, h2 a:visited {
font-size: 22px;
line-height: 130%;
color: #ffffff;
}
h3 {
font-family: Roboto, sans-serif;
h3, h3 a, h3 a:visited {
font-size: 20px;
line-height: 130%;
color: #ffffff;
}
h4 {
font-family: Roboto, sans-serif;
h4, h4 a, h4 a:visited {
font-size: 19px;
line-height: 130%;
color: #ffffff;
}
h5 {
font-family: Roboto, sans-serif;
h5, h5 a, h5 a:visited {
font-size: 18px;
line-height: 130%;
color: #ffffff;
}
h6 {
font-family: Roboto, sans-serif;
h6, h6 a, h6 a:visited {
font-size: 17px;
line-height: 130%;
color: #ffffff;
}
/* Paragraph */
p {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #ffffff;
}
/* Blockquote */
blockquote {
font-size: 16px;
color: #ffffff;
}
/* Code */
code {
code, pre {
font-size: 15px;
color: #ffffff;
background-color: #424242;
padding: 2px;
}
@ -88,7 +73,6 @@ code {
/* Links */
a {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #90caf9;
text-decoration: none;
@ -102,56 +86,10 @@ a:hover {
text-decoration: underline;
}
h1 a, h1 a:visited {
font-family: Roboto, sans-serif;
font-size: 24px;
text-align: center;
line-height: 130%;
color: #ffffff;
padding-bottom: 40px;
}
h2 a, h2 a:visited {
font-family: Roboto, sans-serif;
font-size: 22px;
line-height: 130%;
color: #ffffff;
}
h3 a, h3 a:visited {
font-family: Roboto, sans-serif;
font-size: 20px;
line-height: 130%;
color: #ffffff;
}
h4 a, h4 a:visited {
font-family: Roboto, sans-serif;
font-size: 19px;
line-height: 130%;
color: #ffffff;
}
h5 a, h5 a:visited {
font-family: Roboto, sans-serif;
font-size: 18px;
line-height: 130%;
color: #ffffff;
}
h6 a, h6 a:visited {
font-family: Roboto, sans-serif;
font-size: 17px;
line-height: 130%;
color: #ffffff;
}
/* Lists */
li {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #ffffff;
}
ul li::before {
@ -159,7 +97,6 @@ ul li::before {
display: inline-block;
width: 1em;
font-weight: bold;
color: #ffffff;
}
@ -169,23 +106,17 @@ table, th, td {
border-collapse: collapse;
border-color: #ffffff;
padding: 15px;
font-family: Roboto, sans-serif;
font-size: 16px;
color: #ffffff;
}
th {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: bold;
text-align: center;
}
td {
font-family: Roboto, sans-serif;
font-size: 16px;
color: #ffffff;
text-align: center;
}
@ -264,12 +195,6 @@ div.sitemap-small {
}
/* Emphasis */
strong {
color: #ffffff;
}
/* Media */
@media (max-width: 600px) {
@ -308,23 +233,7 @@ strong {
font-size: 20px;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
h4 {
text-align: center;
}
h5 {
text-align: center;
}
h6 {
h2, h3, h4, h5, h6 {
text-align: center;
}
@ -348,4 +257,35 @@ strong {
.update_date {
text-align: center;
}
}
@media (prefers-color-scheme: light) {
body {
background-color: #fafafa;
color: #000000;
}
h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited, code {
color: #000000;
}
a {
color: #1565c0;
}
a:visited {
color: #6a1b9a;
}
code, pre {
background-color: #e0e2ec;
}
table, th, td {
border-color: #000000;
}
}