From 2fd51054461b6aa3c88e2fb863ac8c173d1254d1 Mon Sep 17 00:00:00 2001 From: Kaan Barmore-Genc Date: Tue, 17 May 2022 16:17:07 -0400 Subject: [PATCH] use a custom theme --- custom.css | 113 ++++++++++++++++++++++++++++++++++++++++++++++++++++ dendron.yml | 1 + 2 files changed, 114 insertions(+) create mode 100644 custom.css 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