优化仪表板热力图和动态样式

.github/release.md

@@ -21,6 +21,7 @@ determined.
 
 - 优化小型按钮的高度
 - 一些列表栏的元素位置居中
+- 优化仪表板热力图和动态样式
 
 ##### 更符合 GitHub 风格
 

src/types/color/github.ts

@@ -197,6 +197,9 @@ export const github = {
       /** 悬浮阴影
        * @tippy `tippyBox` 悬浮框阴影
        * @dropdown `dropdown` 下拉框阴影
+       * @dashboard `dashboard` 仓库/组织切换按钮和列表边框和阴影
+       * @heatmap `heatmap` 热力图阴影
+       * @heatmap `activity` 动态活动阴影
        */
       small: null,
     },

styles/components/heatmap.ts

@@ -1,7 +1,10 @@
-import { css, otherThemeVars, themeVars } from "src/types/vars";
+import { css, themeVars } from "src/types/vars";
 
 export const heatmap = css`
   #user-heatmap {
+    + .divider:not(.divider-text) {
+      margin: 16px 0;
+    }
     .total-contributions {
       left: 25px + 20px;
       bottom: 0 + 12px;
@@ -12,8 +15,8 @@ export const heatmap = css`
     }
     .vch__container {
       padding: 12px 20px;
-      border: 1px solid ${themeVars.color.secondary.self};
+      box-shadow: ${themeVars.github.shadow.floating.small};
-      border-radius: ${otherThemeVars.border.radius};
+      border-radius: 12px;
       // 覆盖热力图和图例的背景色
       .vch__day__square,
       .vch__legend__wrapper rect {
@@ -65,13 +68,12 @@ export const heatmap = css`
 
 // 动态
 export const activity = css`
-  #activity-feed {
+  .flex-list#activity-feed {
-    .flex-item {
+    border-radius: 12px;
+    box-shadow: ${themeVars.github.shadow.floating.small};
+    > .flex-item {
       gap: 12px;
-      padding: 16px 0;
+      padding: 12px 8px 16px 12px;
-      &:first-child {
-        padding-top: 6px;
-      }
       > .flex-item-main {
         gap: 8px !important;
         > div:not([class]) {
@@ -89,5 +91,9 @@ export const activity = css`
         width: 20px;
       }
     }
+    > .page.buttons {
+      border-top: 1px solid ${themeVars.color.light.border};
+      padding: 16px;
+    }
   }
 `;