✨ feat: introduce skins to customise the theme (#105)

sass/skins/lowcontrast_peach.scss

@@ -0,0 +1,12 @@
+// WARNING! This skin, in light theme, may not provide optimal contrast for readability
+// and might not be suitable for users with certain types of visual impairment.
+// Furthermore, low contrast will affect your Google Lighthouse rating.
+// For more information on web accessibility: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
+
+:root {
+    --primary-color: #ffa057; // Contrast ratio: 2.01:1. Not very accessible.
+}
+
+[data-theme='dark'] {
+    --primary-color: #ffab7f; // Contrast ratio: 8.93:1. Accessible.
+}