www/assets/base.css

156 lines
2.7 KiB
CSS
Raw Permalink Normal View History

2023-01-25 17:45:06 +01:00
.black-theme {
--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 {
--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 {
--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;
}
* {
box-sizing: border-box;
}
2023-01-25 17:45:06 +01:00
html {
background-color: var(--bg-0);
color: var(--fg-0);
2023-06-30 07:28:00 +02:00
font-size: 150%;
2023-01-25 17:45:06 +01:00
}
body {
2023-01-25 17:45:06 +01:00
background-color: var(--bg-1);
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",
2023-06-30 07:28:00 +02:00
system-ui, sans-serif;
2021-05-17 17:39:55 +02:00
font-feature-settings: "kern" 1;
font-kerning: normal;
}
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-05-17 17:39:55 +02:00
p {
text-align: justify;
2021-05-17 17:39:55 +02:00
hyphens: auto;
text-justify: inter-character;
overflow-wrap: anywhere;
}
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;
}
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;
}
ul li {
margin-bottom: 4px;
}
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-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);
}
h1,
body header nav ul li a,
2023-01-27 23:05:50 +01:00
body header nav ul li a:visited,
a:hover {
2023-01-25 17:45:06 +01:00
color: var(--red);
2024-08-23 22:51:24 +02:00
text-wrap: balance;
2023-01-25 17:45:06 +01:00
}
h2, h3, h4, h5, h6 {
color: var(--green);
2024-08-23 22:51:24 +02:00
text-wrap: balance;
2022-07-25 00:31:54 +02:00
}