docs: enhance css style

This commit is contained in:
hieu-jan 2024-03-09 19:46:35 +09:00
parent 6359364e2f
commit 086f8b207e

View File

@ -4,43 +4,45 @@
} }
/* For dark theme */ /* For dark theme */
[data-theme="dark"] .DocSearch { [data-theme='dark'] .DocSearch {
--docsearch-hit-active-color: #090a11; /* Keep the color unchanged */ --docsearch-hit-active-color: #090a11; /* Keep the color unchanged */
} }
/* Sidebar styles based on Docusaurus light theme */
/* Sidebar styles */ [data-theme='light'] .head_Menu div {
.head_Menu div {
font-weight: bold; font-weight: bold;
background-color: whitesmoke; background-color: var(--ifm-background-color);
margin-left: 0.7rem; margin-left: 0.7rem;
font-size: larger; font-size: larger;
color: var(--ifm-font-color-base);
} }
.head_Menu li { [data-theme='light'] .head_Menu li {
font-weight: normal; font-weight: normal;
background-color: white; background-color: var(--ifm-background-color);
margin-bottom: 5px; margin-bottom: 5px;
color: var(--ifm-font-color-base);
} }
.head_SubMenu div { [data-theme='light'] .head_SubMenu div {
font-weight: normal; font-weight: normal;
background-color: white; background-color: var(--ifm-background-color);
margin-left: 0rem; margin-left: 0rem;
font-size: medium; font-size: medium;
color: var(--ifm-font-color-base);
} }
/* Dark mode styles based on Docusaurus dark theme */ /* Dark mode styles based on Docusaurus dark theme */
[data-theme="dark"] .head_Menu div { [data-theme='dark'] .head_Menu div {
background-color: var(--ifm-background-color); background-color: var(--ifm-background-color);
color: var(--ifm-font-color-base); color: var(--ifm-font-color-base);
} }
[data-theme="dark"] .head_Menu li { [data-theme='dark'] .head_Menu li {
background-color: var(--ifm-background-color); background-color: var(--ifm-background-color);
color: var(--ifm-font-color-base); color: var(--ifm-font-color-base);
} }
[data-theme="dark"] .head_SubMenu div { [data-theme='dark'] .head_SubMenu div {
background-color: var(--ifm-background-color); background-color: var(--ifm-background-color);
color: var(--ifm-font-color-base); color: var(--ifm-font-color-base);
} }