theme: make bold weight configurable #922

to avoid migration hassle if someone forced a different font
This commit is contained in:
Sören Weber 2024-10-12 23:09:20 +02:00
parent d34d155e5d
commit 2061495d2e
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
13 changed files with 16 additions and 4 deletions

View file

@ -5,6 +5,7 @@
--MAIN-LINK-color: rgba( 28, 144, 243, 1 ); /* Color of links */ --MAIN-LINK-color: rgba( 28, 144, 243, 1 ); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 22, 122, 208, 1 ); /* Color of hovered links */ --MAIN-LINK-HOVER-color: rgba( 22, 122, 208, 1 ); /* Color of hovered links */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */

View file

@ -5,6 +5,7 @@
--MAIN-LINK-color: rgba( 89, 154, 62, 1 ); /* Color of links */ --MAIN-LINK-color: rgba( 89, 154, 62, 1 ); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 63, 109, 44, 1 ); /* Color of hovered links */ --MAIN-LINK-HOVER-color: rgba( 63, 109, 44, 1 ); /* Color of hovered links */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */

View file

@ -5,6 +5,7 @@
--MAIN-LINK-color: rgba( 0, 189, 243, 1 ); /* Color of links */ --MAIN-LINK-color: rgba( 0, 189, 243, 1 ); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 0, 130, 167, 1 ); /* Color of hovered links */ --MAIN-LINK-HOVER-color: rgba( 0, 130, 167, 1 ); /* Color of hovered links */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */

View file

@ -6,6 +6,7 @@
--MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */
--MAIN-LINK-HOVER-color: rgb( 80, 215, 255, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgb( 80, 215, 255, 1 ); /* hovered link color of content */
--MAIN-BG-color: rgba( 16, 16, 16, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 16, 16, 16, 1 ); /* background color of content */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
/* optional overwrites for specific headers */ /* optional overwrites for specific headers */
--MAIN-TITLES-TEXT-color: rgba( 243, 0, 178, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 243, 0, 178, 1 ); /* text color of h2-h6 titles and transparent box titles */

View file

@ -5,6 +5,7 @@
--MAIN-LINK-color: rgba( 243, 28, 28, 1 ); /* Color of links */ --MAIN-LINK-color: rgba( 243, 28, 28, 1 ); /* Color of links */
--MAIN-LINK-HOVER-color: rgba( 208, 22, 22, 1 ); /* Color of hovered links */ --MAIN-LINK-HOVER-color: rgba( 208, 22, 22, 1 ); /* Color of hovered links */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* color of text by default */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: learn; /* name of the chroma stylesheet file */ --CODE-theme: learn; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */ --CODE-BLOCK-color: rgba( 226, 228, 229, 1 ); /* fallback color for code text */

View file

@ -7,6 +7,7 @@
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: relearn-light; /* name of the chroma stylesheet file */ --CODE-theme: relearn-light; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */

View file

@ -7,6 +7,7 @@
--MAIN-LINK-HOVER-color: rgba( 147, 176, 255, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba( 147, 176, 255, 1 ); /* hovered link color of content */
--MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: relearn-dark; /* name of the chroma stylesheet file */ --CODE-theme: relearn-dark; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */

View file

@ -7,6 +7,8 @@
--MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */ --MAIN-LINK-HOVER-color: rgba( 32, 40, 145, 1 ); /* hovered link color of content */
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */
--MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: relearn-light; /* name of the chroma stylesheet file */ --CODE-theme: relearn-light; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */

View file

@ -7,6 +7,7 @@
--MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 32, 32, 32, 1 ); /* background color of content */
--MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba( 224, 224, 224, 1 ); /* text color of content and h1 titles */
--MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 255, 255, 255, 1 ); /* text color of h2-h6 titles and transparent box titles */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: relearn-dark; /* name of the chroma stylesheet file */ --CODE-theme: relearn-dark; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 248, 248, 242, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */

View file

@ -7,6 +7,7 @@
--MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */ --MAIN-BG-color: rgba( 255, 255, 255, 1 ); /* background color of content */
--MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */ --MAIN-TEXT-color: rgba( 0, 0, 0, 1 ); /* text color of content and h1 titles */
--MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */ --MAIN-TITLES-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of h2-h6 titles and transparent box titles */
--MAIN-BOLD-font-weight: 800; /* font weight for bold text */
--CODE-theme: relearn-light; /* name of the chroma stylesheet file */ --CODE-theme: relearn-light; /* name of the chroma stylesheet file */
--CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */ --CODE-BLOCK-color: rgba( 39, 40, 34, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */

View file

@ -132,8 +132,9 @@ body {
b, b,
strong, strong,
label, label,
th { th,
font-weight: 800; blockquote cite {
font-weight: var(--INTERNAL-MAIN-BOLD-font-weight);
} }
ul { ul {
@ -769,7 +770,6 @@ blockquote p {
blockquote cite { blockquote cite {
display: block; display: block;
font-weight: bold;
opacity: .5; opacity: .5;
padding-top: .5rem; padding-top: .5rem;
text-align: end; text-align: end;

View file

@ -8,6 +8,7 @@
--INTERNAL-MAIN-LINK-color: var(--MAIN-LINK-color, var(--SECONDARY-color, rgba( 72, 106, 201, 1 ))); /* not --INTERNAL-SECONDARY-color */ --INTERNAL-MAIN-LINK-color: var(--MAIN-LINK-color, var(--SECONDARY-color, rgba( 72, 106, 201, 1 ))); /* not --INTERNAL-SECONDARY-color */
--INTERNAL-MAIN-LINK-HOVER-color: var(--MAIN-LINK-HOVER-color, var(--INTERNAL-MAIN-LINK-color)); --INTERNAL-MAIN-LINK-HOVER-color: var(--MAIN-LINK-HOVER-color, var(--INTERNAL-MAIN-LINK-color));
--INTERNAL-MAIN-BG-color: var(--MAIN-BG-color, rgba( 255, 255, 255, 1 )); --INTERNAL-MAIN-BG-color: var(--MAIN-BG-color, rgba( 255, 255, 255, 1 ));
--INTERNAL-MAIN-BOLD-font-weight: var(--MAIN-BOLD-font-weight, 700);
--INTERNAL-MAIN-TEXT-color: var(--MAIN-TEXT-color, rgba( 16, 16, 16, 1 )); --INTERNAL-MAIN-TEXT-color: var(--MAIN-TEXT-color, rgba( 16, 16, 16, 1 ));
--INTERNAL-MAIN-font: var(--MAIN-font, "Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif); --INTERNAL-MAIN-font: var(--MAIN-font, "Roboto Flex", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif);

View file

@ -1 +1 @@
6.4.0+6b0a9fe2ce84b5792b9597f6ca3894dee308e499 6.4.0+d34d155e5d2eed4e6d0218ac1a425401433b7bba