From 8a0ff1b1a09147a5d6bd56820aff1696bbaa3980 Mon Sep 17 00:00:00 2001 From: AtelierSnek Date: Thu, 13 Oct 2022 16:57:10 +1100 Subject: [PATCH] Fix themes to W3 AA compliant --- assets/css/custom.css | 51 +++++++++++++++++++++++++++++++++++++ assets/css/schemes/rin.css | 37 +++++++++++++++++++++++++++ config/_default/config.yaml | 2 +- config/_default/params.yaml | 2 +- 4 files changed, 90 insertions(+), 2 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/css/schemes/rin.css diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..986f58e --- /dev/null +++ b/assets/css/custom.css @@ -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)); +} diff --git a/assets/css/schemes/rin.css b/assets/css/schemes/rin.css new file mode 100644 index 0000000..2ebe788 --- /dev/null +++ b/assets/css/schemes/rin.css @@ -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 */ +} diff --git a/config/_default/config.yaml b/config/_default/config.yaml index 4f9628a..e2493e2 100644 --- a/config/_default/config.yaml +++ b/config/_default/config.yaml @@ -7,7 +7,7 @@ baseURL: "https://rin.systems/" defaultContentLanguage: en enableRobotsTXT: true paginate: 20 -summaryLength: 30 +summaryLength: 100 buildDrafts: false buildFuture: false sitemap: diff --git a/config/_default/params.yaml b/config/_default/params.yaml index 3d85c9f..8377fb6 100644 --- a/config/_default/params.yaml +++ b/config/_default/params.yaml @@ -5,7 +5,7 @@ # Refer to the theme docs for more details about each of these parameters. # https://nunocoracao.github.io/blowfish/docs/configuration/#theme-parameters -colorScheme: congo +colorScheme: rin defaultAppearance: dark # valid options: light or dark mainSections: