recipes/custom.css

113 lines
3.2 KiB
CSS

/* 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;
}