diff --git a/src/css/custom.css b/src/css/custom.css
new file mode 100644
index 0000000..fdbf2c5
--- /dev/null
+++ b/src/css/custom.css
@@ -0,0 +1,30 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+:root {
+    --ifm-color-primary: #7289D9;
+    --ifm-color-primary-dark: #5F73B6;
+    --ifm-color-primary-darker: #4D5A93;
+    --ifm-color-primary-darkest: #3A4170;
+    --ifm-color-primary-light: #8B9FD9;
+    --ifm-color-primary-lighter: #9CA8D9;
+    --ifm-color-primary-lightest: #BDC6E6;
+    --ifm-code-font-size: 95%;
+    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.07);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
+    --ifm-color-primary: #7289D9;
+    --ifm-color-primary-dark: #5F73B6;
+    --ifm-color-primary-darker: #4D5A93;
+    --ifm-color-primary-darkest: #3A4170;
+    --ifm-color-primary-light: #8B9FD9;
+    --ifm-color-primary-lighter: #9CA8D9;
+    --ifm-color-primary-lightest: #BDC6E6;
+    --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.07);
+}