2023-01-25 17:45:06 +01:00
|
|
|
.black-theme {
|
|
|
|
/* Black mode */
|
|
|
|
--bg-0: #181818;
|
|
|
|
--bg-1: #252525;
|
|
|
|
--bg-2: #3b3b3b;
|
|
|
|
--dim: #777777;
|
|
|
|
--fg-0: #b9b9b9;
|
|
|
|
--fg-1: #dedede;
|
|
|
|
--red: #ed4a46;
|
|
|
|
--green: #70b433;
|
|
|
|
--yellow: #dbb32d;
|
|
|
|
--blue: #368aeb;
|
|
|
|
--magenta: #eb6eb7;
|
|
|
|
--cyan: #3fc5b7;
|
|
|
|
--orange: #e67f43;
|
|
|
|
--violet: #a580e2;
|
|
|
|
--br_red: #ff5e56;
|
|
|
|
--br_green: #83c746;
|
|
|
|
--br_yellow: #efc541;
|
|
|
|
--br_blue: #4f9cfe;
|
|
|
|
--br_magenta: #ff81ca;
|
|
|
|
--br_cyan: #56d8c9;
|
|
|
|
--br_orange: #fa9153;
|
|
|
|
--br_violet: #b891f5;
|
|
|
|
}
|
|
|
|
.dark-theme {
|
|
|
|
/* Dark mode */
|
|
|
|
--bg-0: #103c48;
|
|
|
|
--bg-1: #184956;
|
|
|
|
--bg-2: #2d5b69;
|
|
|
|
--dim: #72898f;
|
|
|
|
--fg-0: #adbcbc;
|
|
|
|
--fg-1: #cad8d9;
|
|
|
|
--red: #fa5750;
|
|
|
|
--green: #75b938;
|
|
|
|
--yellow: #dbb32d;
|
|
|
|
--blue: #4695f7;
|
|
|
|
--magenta: #f275be;
|
|
|
|
--cyan: #41c7b9;
|
|
|
|
--orange: #ed8649;
|
|
|
|
--violet: #af88eb;
|
|
|
|
--br_red: #ff665c;
|
|
|
|
--br_green: #84c747;
|
|
|
|
--br_yellow: #ebc13d;
|
|
|
|
--br_blue: #58a3ff;
|
|
|
|
--br_magenta: #ff84cd;
|
|
|
|
--br_cyan: #53d6c7;
|
|
|
|
--br_orange: #fd9456;
|
|
|
|
--br_violet: #bd96fa;
|
|
|
|
}
|
|
|
|
.light-theme {
|
|
|
|
/* Light mode */
|
|
|
|
--bg-0: #fbf3db;
|
|
|
|
--bg-1: #ece3cc;
|
|
|
|
--bg-2: #d5cdb6;
|
|
|
|
--dim: #909995;
|
|
|
|
--fg-0: #53676d;
|
|
|
|
--fg-1: #3a4d53;
|
|
|
|
--red: #d2212d;
|
|
|
|
--green: #489100;
|
|
|
|
--yellow: #ad8900;
|
|
|
|
--blue: #0072d4;
|
|
|
|
--magenta: #ca4898;
|
|
|
|
--cyan: #009c8f;
|
|
|
|
--orange: #c25d1e;
|
|
|
|
--violet: #8762c6;
|
|
|
|
--br_red: #cc1729;
|
|
|
|
--br_green: #428b00;
|
|
|
|
--br_yellow: #a78300;
|
|
|
|
--br_blue: #006dce;
|
|
|
|
--br_magenta: #c44392;
|
|
|
|
--br_cyan: #00978a;
|
|
|
|
--br_orange: #bc5819;
|
|
|
|
--br_violet: #825dc0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#themes {
|
|
|
|
background-color: var(--bg-0);
|
|
|
|
border: none;
|
|
|
|
color: var(--fg-1);
|
|
|
|
font-size: 0.9em;
|
|
|
|
padding: 14px 16px;
|
|
|
|
}
|
|
|
|
|
2021-03-11 18:53:14 +01:00
|
|
|
* {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
2023-01-25 17:45:06 +01:00
|
|
|
html {
|
|
|
|
background-color: var(--bg-0);
|
|
|
|
color: var(--fg-0);
|
|
|
|
}
|
2021-03-11 18:53:14 +01:00
|
|
|
body {
|
2023-01-25 17:45:06 +01:00
|
|
|
background-color: var(--bg-1);
|
2021-03-11 18:53:14 +01:00
|
|
|
display: grid;
|
|
|
|
grid-template-rows: auto 1fr auto;
|
2021-05-17 17:39:55 +02:00
|
|
|
|
2022-01-30 10:18:31 +01:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont,
|
2023-01-25 17:45:06 +01:00
|
|
|
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
|
|
|
|
"Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
|
|
sans-serif;
|
2021-05-17 17:39:55 +02:00
|
|
|
|
2021-08-16 10:59:26 +02:00
|
|
|
font-feature-settings: "kern" 1;
|
|
|
|
font-kerning: normal;
|
2021-03-11 18:53:14 +01:00
|
|
|
}
|
2022-10-24 01:03:05 +02:00
|
|
|
main {
|
2023-01-25 17:45:06 +01:00
|
|
|
background-color: var(--bg-1);
|
2022-01-30 10:18:31 +01:00
|
|
|
padding-left:1em;
|
|
|
|
padding-right:1em;
|
2022-10-12 21:43:33 +02:00
|
|
|
scrollbar-gutter: stable both-edges;
|
2021-09-01 14:58:57 +02:00
|
|
|
}
|
2021-05-17 17:39:55 +02:00
|
|
|
p {
|
2021-03-11 18:53:14 +01:00
|
|
|
text-align: justify;
|
2021-05-17 17:39:55 +02:00
|
|
|
hyphens: auto;
|
|
|
|
text-justify: inter-character;
|
2021-08-16 10:59:26 +02:00
|
|
|
overflow-wrap: anywhere;
|
2021-03-11 18:53:14 +01:00
|
|
|
}
|
2022-07-16 11:30:59 +02:00
|
|
|
pre,code {
|
2023-01-25 17:45:06 +01:00
|
|
|
background-color: var(--bg-0);
|
|
|
|
color: var(--fg-0);
|
2022-07-16 11:30:59 +02:00
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
2021-03-11 18:53:14 +01:00
|
|
|
nav#TableOfContents ul {
|
|
|
|
padding: 0;
|
|
|
|
list-style-type: none;
|
2021-04-01 00:01:51 +02:00
|
|
|
}
|
|
|
|
nav#TableOfContents ul li ul {
|
|
|
|
padding-left:1em;
|
|
|
|
}
|
|
|
|
nav#TableOfContents ul li ul li ul {
|
|
|
|
padding-left:2em;
|
|
|
|
}
|
|
|
|
nav#TableOfContents ul li ul li ul li ul {
|
|
|
|
padding-left:3em;
|
2021-03-11 18:53:14 +01:00
|
|
|
}
|
2021-05-17 17:39:55 +02:00
|
|
|
h1, h2, h3, h4, h5 {
|
2021-05-18 18:06:46 +02:00
|
|
|
font-family: open, serif;
|
2021-05-17 17:39:55 +02:00
|
|
|
}
|
2021-03-11 18:53:14 +01:00
|
|
|
@media only screen and (min-width: 60rem) {
|
|
|
|
body {
|
|
|
|
max-width:60rem;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
}
|
2021-09-12 14:03:45 +02:00
|
|
|
.fullwidth {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2023-01-25 17:45:06 +01:00
|
|
|
img[src*='#center'] {
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: var(--yellow);
|
|
|
|
}
|
|
|
|
a:visited {
|
|
|
|
color: var(--orange);
|
|
|
|
}
|
|
|
|
a:hover {
|
|
|
|
color: var(--red);
|
|
|
|
}
|
|
|
|
h1,
|
|
|
|
body header nav ul li a,
|
|
|
|
body header nav ul li a:visited {
|
|
|
|
color: var(--red);
|
|
|
|
}
|
|
|
|
h2, h3, h4, h5, h6 {
|
|
|
|
color: var(--green);
|
2022-07-25 00:31:54 +02:00
|
|
|
}
|