Fix themes to W3 AA compliant

feature/font
AtelierSnek 2022-10-13 16:57:10 +11:00
parent f5fe024eaf
commit 8a0ff1b1a0
4 changed files with 90 additions and 2 deletions

51
assets/css/custom.css Normal file
View File

@ -0,0 +1,51 @@
.prose {
--tw-prose-code: rgba(var(--color-secondary-600),1);
--tw-prose-invert-code: rgba(var(--color-secondary-400),1);
}
/*
.dark .prose .chroma {
background-color: rgba(var(--color-neutral-800),var(--tw-bg-opacity));
}
/* color 1 for code blocks */
.dark .chroma .kt, .dark .chroma .nv, .dark .chroma .vi, .dark .chroma .vm, .dark .chroma .m, .dark .chroma .mb,
.dark .chroma .mf, .dark .chroma .mh, .dark .chroma .mi, .dark .chroma .il, .dark .chroma .mo {
color: rgba(var(--color-secondary-400),var(--tw-text-opacity));
}
.chroma .kt, .chroma .nv, .chroma .vi, .chroma .vm, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi,
.chroma .il, .chroma .mo {
color: rgba(var(--color-secondary-600),var(--tw-text-opacity));
}
/* color 2 for code blocks */
.dark .chroma .na, .dark .chroma .nb, .dark .chroma .bp, .dark .chroma .nx, .dark .chroma .py, .dark .chroma .nt {
color: rgba(var(--color-secondary-300),var(--tw-text-opacity));
}
/* color 3 for code blocks */
.chroma .l, .chroma .ld, .chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .sh, .chroma .si, .chroma .sx, .chroma .s1, .chroma .gi, .chroma .go, .chroma .gp {
color: rgba(var(--color-primary-700),var(--tw-text-opacity));
}
.dark .chroma .ow {
color: rgba(var(--color-primary-400),var(--tw-text-opacity));
}
.chroma .ow {
color: rgba(var(--color-primary-600),var(--tw-text-opacity));
}
.chroma .se {
color: rgba(var(--color-secondary-600),var(--tw-text-opacity));
}
.dark .dark\:bg-neutral-800 {
background-color: rgba(var(--color-neutral-900),var(--tw-bg-opacity));
}
.bg-neutral {
background-color: rgba(var(--color-neutral-50),var(--tw-bg-opacity));
}
.prose .chroma {
background-color: rgba(var(--color-neutral-100),var(--tw-bg-opacity));
}

View File

@ -0,0 +1,37 @@
/* Blowfish scheme */
:root {
--color-neutral: 251, 254, 254;
/* BlueGrey */
--color-neutral-50: 248, 247, 250; /* f8f7fa */
--color-neutral-100: 237, 238, 241; /* edeef1 */
--color-neutral-200: 217, 219, 226; /* d9dbe2 */
--color-neutral-300: 181, 184, 194; /* b5b8c2 */
--color-neutral-400: 138, 146, 158; /* 8a929e */
--color-neutral-500: 110, 113, 125; /* 6e717d */
--color-neutral-600: 90, 86, 97; /* 5a5661 */
--color-neutral-700: 70, 65, 75; /* 46414b */
--color-neutral-800: 49, 45, 53; /* 312d35 */
--color-neutral-900: 31, 29, 34; /* 1f1d22 */
/* Violet */
--color-primary-50: 245, 243, 255;
--color-primary-100: 237, 233, 254;
--color-primary-200: 221, 214, 254;
--color-primary-300: 196, 181, 253;
--color-primary-400: 167, 139, 250;
--color-primary-500: 139, 92, 246;
--color-primary-600: 124, 58, 237;
--color-primary-700: 109, 40, 217;
--color-primary-800: 91, 33, 182;
--color-primary-900: 76, 29, 149;
/* Cerise */
--color-secondary-50: 253, 252, 250; /* fdfcfa */
--color-secondary-100: 251, 240, 238; /* fbf0ee */
--color-secondary-200: 247, 207, 220; /* f7cfdc */
--color-secondary-300: 236, 163, 185; /* eca3b9 */
--color-secondary-400: 232, 115, 145; /* e87391 */
--color-secondary-500: 219, 79, 112; /* db4f70 */
--color-secondary-600: 195, 53, 81; /* c33551 */
--color-secondary-700: 155, 40, 59; /* 9b283b */
--color-secondary-800: 112, 28, 39; /* 701c27 */
--color-secondary-900: 68, 18, 21; /* 441215 */
}

View File

@ -7,7 +7,7 @@ baseURL: "https://rin.systems/"
defaultContentLanguage: en defaultContentLanguage: en
enableRobotsTXT: true enableRobotsTXT: true
paginate: 20 paginate: 20
summaryLength: 30 summaryLength: 100
buildDrafts: false buildDrafts: false
buildFuture: false buildFuture: false
sitemap: sitemap:

View File

@ -5,7 +5,7 @@
# Refer to the theme docs for more details about each of these parameters. # Refer to the theme docs for more details about each of these parameters.
# https://nunocoracao.github.io/blowfish/docs/configuration/#theme-parameters # https://nunocoracao.github.io/blowfish/docs/configuration/#theme-parameters
colorScheme: congo colorScheme: rin
defaultAppearance: dark # valid options: light or dark defaultAppearance: dark # valid options: light or dark
mainSections: mainSections: