theme-simple & menun

styles/globals.css

@@ -215,4 +215,20 @@ nav {
 /* twikoo 评论区超链接样式 */
 .tk-main a {
    @apply text-blue-700
-}
+}
+
+
+/*  菜单下划线动画 */
+.menu-link {
+    text-decoration: none;
+    background-image: linear-gradient(#dd3333, #dd3333);
+    background-repeat: no-repeat;
+    background-position: bottom center;
+    background-size: 0 2px;
+    transition: background-size 100ms ease-in-out;
+}
+ 
+.menu-link:hover {
+    background-size: 100% 2px;
+    color: #dd3333;
+}

styles/notion.css

@@ -1118,10 +1118,11 @@ code[class*='language-'] {
 .notion-table-of-contents {
   width: 100%;
   margin: 4px 0;
+  @apply bg-gray-50 dark:bg-black p-2
 }
 
 .notion-table-of-contents-item {
-  color: inherit;
+  /* color: inherit; */
   text-decoration: none;
   user-select: none;
   transition: background 20ms ease-in 0s;
@@ -1137,6 +1138,8 @@ code[class*='language-'] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+
+  @apply text-blue-600 dark:text-blue-200
 }
 
 .notion-table-of-contents-item:hover {