Set fonts using variables

This commit is contained in:
Antoine Le Gonidec 2024-07-25 13:27:45 +02:00
parent d34aea175a
commit 2ab0bfc793
Signed by: vv221
GPG key ID: 636B78F91CEB80D8

View file

@ -27,6 +27,8 @@ html {
--menu-font: white; --menu-font: white;
--font-regular: "Cabin", sans-serif; --font-regular: "Cabin", sans-serif;
--font-emphasis: "Oswald", sans-serif; --font-emphasis: "Oswald", sans-serif;
--font-mono: "DejaVu Sans Mono", Menlo, Monaco, Consolas, monospace;
--font-copyright: Verdana, sans-serif; /* Copyright must be Verdana! */
} }
/* Index */ /* Index */
@ -38,7 +40,7 @@ html {
body { body {
background: var(--bgcolor); background: var(--bgcolor);
font-size: 100%; font-size: 100%;
font-family: "Cabin",sans-serif; font-family: var(--font-regular);
color: var(--dark-color); color: var(--dark-color);
position: relative; position: relative;
height: 100%; height: 100%;
@ -49,7 +51,7 @@ body {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: "Oswald",sans-serif; font-family: var(--font-emphasis);
} }
/* General reset */ /* General reset */
@ -169,7 +171,7 @@ img, input, select, textarea {
/* Use a consistent monospace font everywhere */ /* Use a consistent monospace font everywhere */
.monospace, .bbc_code, .phpcode, pre { .monospace, .bbc_code, .phpcode, pre {
font-family: "DejaVu Sans Mono", Menlo, Monaco, Consolas, monospace; font-family: var(--font-mono);
} }
.sceditor-container textarea, .sceditor-container textarea:focus { .sceditor-container textarea, .sceditor-container textarea:focus {
@ -1536,7 +1538,7 @@ font-size: large;
} }
#footer li.copyright { #footer li.copyright {
display: block; display: block;
font-family: Verdana, sans-serif; /* Copyright must be Verdana! */ font-family: var(--font-copyright);
} }
#footerfix { #footerfix {
flex: 1 0 auto; flex: 1 0 auto;
@ -4035,7 +4037,7 @@ ul.post_options li {
/* File error */ /* File error */
.errorfile_table { .errorfile_table {
font-family: monospace; font-family: var(--font-mono);
border-spacing: 1px; border-spacing: 1px;
} }
.errorfile_table td { .errorfile_table td {