20260608160402

code/docusaurus/src/css/custom.css

@@ -6,29 +6,168 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #2f7451;
+  --ifm-color-primary-dark: #285f44;
+  --ifm-color-primary-darker: #23563d;
+  --ifm-color-primary-darkest: #1b4530;
+  --ifm-color-primary-light: #3b8560;
+  --ifm-color-primary-lighter: #4a9670;
+  --ifm-color-primary-lightest: #67ad88;
+  --ifm-background-color: #f1f6ef;
+  --ifm-background-surface-color: #fbfdf9;
+  --ifm-navbar-background-color: rgba(251, 253, 249, 0.9);
+  --ifm-footer-background-color: #e8f0e5;
+  --ifm-card-background-color: #fbfdf9;
+  --ifm-font-color-base: #253126;
+  --ifm-heading-color: #132018;
+  --ifm-color-emphasis-0: #ffffff;
+  --ifm-color-emphasis-100: #e8f0e5;
+  --ifm-color-emphasis-200: #dbe6d8;
+  --ifm-color-emphasis-300: #c8d5c4;
+  --ifm-color-emphasis-400: #a9b8a5;
+  --ifm-color-emphasis-500: #7e8d7b;
+  --ifm-color-emphasis-600: #657363;
+  --ifm-color-emphasis-700: #485647;
+  --ifm-color-emphasis-800: #2f3d31;
+  --ifm-color-emphasis-900: #18241b;
+  --oneao-surface-muted: #eaf2e7;
+  --oneao-surface-soft: rgba(255, 255, 255, 0.54);
+  --oneao-border: rgba(47, 86, 61, 0.16);
+  --oneao-hover: rgba(255, 255, 255, 0.72);
+  --oneao-shadow: rgba(28, 55, 38, 0.08);
+  --oneao-grid-line: rgba(47, 116, 81, 0.055);
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --ifm-code-background: #e3ece0;
+  --ifm-pre-background: #1f2e24;
+  --docusaurus-highlighted-code-line-bg: rgba(47, 125, 78, 0.14);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
+  --ifm-color-primary: #7dc69b;
+  --ifm-color-primary-dark: #68b686;
+  --ifm-color-primary-darker: #5fa97b;
+  --ifm-color-primary-darkest: #4b8964;
+  --ifm-color-primary-light: #94d3ab;
+  --ifm-color-primary-lighter: #a7ddb9;
+  --ifm-color-primary-lightest: #c5ead0;
+  --ifm-background-color: #111812;
+  --ifm-background-surface-color: #182219;
+  --ifm-navbar-background-color: rgba(24, 34, 25, 0.9);
+  --ifm-footer-background-color: #0d130e;
+  --ifm-card-background-color: #182219;
+  --ifm-font-color-base: #d9e4d8;
+  --ifm-heading-color: #f0f7ee;
+  --ifm-color-emphasis-100: #1d2a20;
+  --ifm-color-emphasis-200: #263628;
+  --ifm-color-emphasis-300: #334734;
+  --ifm-color-emphasis-400: #50634f;
+  --ifm-color-emphasis-500: #7f927d;
+  --ifm-color-emphasis-600: #a1b1a0;
+  --ifm-color-emphasis-700: #bdcbbb;
+  --ifm-color-emphasis-800: #dbe5d9;
+  --ifm-color-emphasis-900: #f0f7ee;
+  --oneao-surface-muted: #1d2a20;
+  --oneao-surface-soft: rgba(255, 255, 255, 0.035);
+  --oneao-border: rgba(190, 220, 198, 0.13);
+  --oneao-hover: rgba(255, 255, 255, 0.065);
+  --oneao-shadow: rgba(0, 0, 0, 0.32);
+  --oneao-grid-line: rgba(125, 198, 155, 0.055);
+  --ifm-code-background: #223025;
+  --ifm-pre-background: #0d140f;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+html {
+  background: var(--ifm-background-color);
+}
+
+body {
+  background: var(--ifm-background-color);
+}
+
+.navbar {
+  border-bottom: 1px solid var(--oneao-border);
+  backdrop-filter: blur(12px);
+}
+
+.main-wrapper {
+  background: var(--ifm-background-color);
+}
+
+.theme-doc-markdown,
+.blog-post-page article,
+.markdown {
+  color: var(--ifm-font-color-base);
+}
+
+.theme-doc-sidebar-container {
+  background: var(--ifm-background-color);
+}
+
+.menu {
+  color: var(--ifm-color-emphasis-700);
+}
+
+.menu__link {
+  border-radius: 8px;
+}
+
+.menu__link:hover,
+.menu__link--active {
+  background: var(--oneao-surface-muted);
+}
+
+.table-of-contents {
+  border-left-color: var(--oneao-border);
+}
+
+.pagination-nav__link,
+.theme-edit-this-page,
+.breadcrumbs__link {
+  border-radius: 8px;
+}
+
+.pagination-nav__link,
+.dropdown__menu,
+.navbar-sidebar,
+.theme-admonition,
+.breadcrumbs__link {
+  border-color: var(--oneao-border);
+  background: var(--ifm-background-surface-color);
+}
+
+.pagination-nav__link:hover,
+.breadcrumbs__link:hover,
+.dropdown__link:hover {
+  background: var(--oneao-surface-muted);
+}
+
+.navbar__link:hover,
+.navbar__link--active {
+  color: var(--ifm-color-primary-dark);
+}
+
+[data-theme="dark"] .navbar__link:hover,
+[data-theme="dark"] .navbar__link--active {
+  color: var(--ifm-color-primary-light);
+}
+
+.clean-btn:hover {
+  background: var(--oneao-surface-muted);
+}
+
+.theme-code-block,
+pre {
+  border: 1px solid var(--oneao-border);
+}
+
+blockquote {
+  border-left-color: var(--ifm-color-primary);
+  background: var(--oneao-surface-muted);
+  border-radius: 0 8px 8px 0;
+}
+
 /* navbar */
 .navbar--gitee-link,
 .navbar--github-link,