diff --git a/docs/_sass/color_schemes/dark.scss b/docs/_sass/color_schemes/dark.scss
new file mode 100644
index 0000000..fbb12f9
--- /dev/null
+++ b/docs/_sass/color_schemes/dark.scss
@@ -0,0 +1,25 @@
+$color-scheme: dark;
+
+// Slightly brighter ruby tones for dark mode readability.
+$purple-000: #CC342D;
+$purple-100: #B82E28;
+$purple-200: #A42823;
+$purple-300: #7E1F1B;
+
+$body-background-color: $grey-dk-300;
+$body-heading-color: $grey-lt-000;
+$body-text-color: $grey-lt-300;
+$link-color: $purple-000;
+$nav-child-link-color: $grey-dk-000;
+$sidebar-color: $grey-dk-300;
+$base-button-color: $grey-dk-250;
+$btn-primary-color: $purple-100;
+$code-background-color: #0d1117; // github-dark bg color
+$code-linenumber-color: #e6edf3; // github-dark line number color
+$feedback-color: darken($sidebar-color, 3%);
+$table-background-color: $grey-dk-250;
+$search-background-color: $grey-dk-250;
+$search-result-preview-color: $grey-lt-300;
+$border-color: $grey-dk-200;
+
+@import "./vendor/accessible-pygments/github-dark";
diff --git a/docs/_sass/color_schemes/light.scss b/docs/_sass/color_schemes/light.scss
new file mode 100644
index 0000000..6095ade
--- /dev/null
+++ b/docs/_sass/color_schemes/light.scss
@@ -0,0 +1,23 @@
+$color-scheme: light;
+
+// Slightly darker ruby tones for improved readability.
+$purple-000: #B82E28;
+$purple-100: #A42823;
+$purple-200: #8E1F1B;
+$purple-300: #701816;
+
+$body-background-color: $white;
+$body-heading-color: $grey-dk-300;
+$body-text-color: $grey-dk-100;
+$link-color: $purple-000;
+$nav-child-link-color: $grey-dk-100;
+$sidebar-color: $grey-lt-000;
+$base-button-color: #f7f7f7;
+$btn-primary-color: $purple-100;
+$code-background-color: $white;
+$feedback-color: darken($sidebar-color, 3%);
+$table-background-color: $white;
+$search-background-color: $white;
+$search-result-preview-color: $grey-dk-100;
+
+@import "./vendor/accessible-pygments/github-light";