113 lines
3.2 KiB
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;
|
||
|
|
}
|
||
|
|
|