diff --git a/custom.css b/custom.css
new file mode 100644
index 0000000..6f3cccd
--- /dev/null
+++ b/custom.css
@@ -0,0 +1,113 @@
+/* Customizing the theme for the published Dendron site. This is a theme that darkens the background slightly, and uses blue for links and highlights.
+
+The custom styles are at a
+[seed stage](https://wiki.dendron.so/notes/gE61aypBFWOeV0SP1qFz3/),
+meaning that these CSS selectors are not stable yet. You may need to make
+changes to your custom styles in the future to keep them working.
+We'll be trying to stabilize these as soon as possible to minimize breakages!
+*/
+
+/* ============> background colors <============ */
+section.side-layout-main {
+  /* Background color of the main section, with the page contents and table of contents. */
+  background: #ffffff;
+  }
+  
+  footer.ant-layout-footer {
+  /* Background color of the footer */
+  background: #fafafa;
+  }
+  
+  header.ant-layout-header {
+  /* Background color of the header, with logo and search bar. */
+  background: #eeeeee;
+  }
+  
+  .dendron-tree-menu.ant-menu
+  .ant-menu-submenu.dendron-ant-menu-submenu-selected
+  > .ant-menu-submenu-title {
+  /* Background color for the currently selected item on the sidebar. */
+  background: #c5f0ff;
+  }
+  
+  .site-layout-sidebar.ant-layout,
+  .ant-layout-sider,
+  .ant-menu-submenu,
+  .site-layout-sidebar.ant-layout .ant-menu.ant-menu-inline,
+  .ant-menu-vertical .ant-menu-submenu,
+  .ant-menu-vertical-left .ant-menu-submenu,
+  .ant-menu-vertical-right .ant-menu-submenu,
+  .ant-menu-inline .ant-menu-submenu {
+  /* Background color for the sidebar. */
+  background: #eeeeee;
+  }
+  
+  /* ============> Text and link colors <============ */
+  body,
+  h1,
+  h2,
+  h3,
+  h4 {
+  /* Text color for the text, not including links. */
+  color: #0c0c0c;
+  }
+  
+  a,
+  a:hover,
+  a:active {
+  /** Color for links, except ones that have been already visited. */
+  color: #02b17f;
+  }
+  
+  a:visited {
+  /* Color for links that have been already visited. */
+  color: #01694b;
+  }
+  
+  .dendron-toc .ant-anchor-link-title {
+  /* Color for items in the table of contents. */
+  color: #0c0c0c;
+  }
+  
+  .dendron-tree-menu.ant-menu .ant-menu-title-content a {
+  /* Color for links in the sidebar. */
+  color: #02b17f;
+  }
+  
+  footer .ant-typography {
+  /* Color for text in the footer, except the "Page last modified" text. */
+  color: #1b1b1b;
+  }
+  
+  footer .ant-typography.ant-typography-secondary {
+  /* Color for the "Page last modified" text in the footer. */
+  color: #4e4e4e;
+  }
+  
+  .ant-menu-item a:hover,
+  .ant-menu-item > .ant-badge a:hover,
+  .ant-menu-submenu-selected {
+  /* Color for the selected item in the sidebar. */
+  color: #029fb1;
+  }
+  
+  .ant-menu-submenu .ant-menu-submenu-title:hover {
+  /* The color for the currently highlighted sidebar item. */
+  color: #117b81;
+  }
+  
+  .dendron-tree-menu.ant-menu .ant-menu-inline .ant-menu-item-selected::after {
+  /* The color for the bar on the right side of the currently selected sidebar item. */
+  border-color: #005261;
+  }
+  
+  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  /* The color for the background of the currently selected sidebar item. */
+  background-color: #c3cbdb;
+  }
+  
+  .dendron-toc .ant-anchor-ink-ball {
+  /* The color for the dot in the table of contents showing the current position. */
+  border-color: #005261;
+  }
+  
\ No newline at end of file
diff --git a/dendron.yml b/dendron.yml
index 4fe7ee5..ecdf728 100644
--- a/dendron.yml
+++ b/dendron.yml
@@ -79,6 +79,7 @@ preview:
     enableKatex: true
     automaticallyShowPreview: false
 publishing:
+    theme: custom
     enableFMTitle: true
     enableNoteTitleForLink: true
     enableMermaid: true