主题更改尝试

复用common.css到custom.css，希望只是名字变了作用一样

.github/workflows/publish.yml

@@ -7,13 +7,10 @@ jobs:
     name: Publish Logseq graph
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Build graph's SPA
-        uses: logseq/[email protected]
-        with:
-          theme-mode: dark
-          accent-color: classical
+        uses: logseq/publish-spa@main
 
       - name: Add a nojekyll file # to make sure asset paths are correctly identified
         run: touch $GITHUB_WORKSPACE/www/.nojekyll

logseq/bak/static/css/shui/2024-05-19T14_25_32.117Z.Desktop.css

@@ -0,0 +1,121 @@
+html * {
+  border-color: hsl(var(--border));
+}
+
+html {
+  .ui__dropdown-menu-content,
+  .ui__context-menu-content,
+  .ui__select-content {
+    --accent: var(--rx-gray-04-hsl);
+    --accent-foreground: var(--rx-gray-12-hsl);
+  }
+
+  &:not([data-color=logseq]) {
+  }
+
+  &[data-color=logseq] {
+    .references-blocks-item {
+      --lx-bg-override: var(--rx-gray-03-alpha);
+    }
+
+    .block-children-left-border:hover {
+      --ls-block-left-color: var(--rx-logseq-11);
+    }
+  }
+
+  .ui__calendar {
+    --accent: var(--rx-gray-04-hsl);
+    --accent-foreground: var(--rx-gray-12-hsl);
+  }
+}
+
+html[data-theme=light] {
+  --accent: var(--rx-gray-04-hsl);
+  --accent-foreground: var(--rx-gray-12-hsl);
+  --input: var(--rx-gray-03-hsl);
+
+  &[data-color=logseq] {
+    --primary: 200 97% 37%;
+    --primary-foreground: 255 92% 100%;
+    --accent: 200 97% 37%;
+    --accent-foreground: 255 92% 100%;
+    --ring: 200 97% 37%;
+
+    .references-blocks-item {
+      --lx-bg-override: var(--rx-gray-03-alpha);
+    }
+  }
+
+  .extensions__pdf-container {
+    --lx-pdf-container-dark-bg: var(--lx-gray-11, #042f3c);
+  }
+}
+
+html[data-theme=dark] {
+  --primary-foreground: 255 92% 100%;
+  --background: 0 0% 11%;
+  --foreground: 0 0% 95%;
+  --card: 0 0% 11%;
+  --card-foreground: 0 0% 95%;
+  --secondary: 0 0% 20%;
+  --secondary-foreground: 0 0% 98%;
+  --border: 0 0% 16%;
+  --muted: 0 0% 15%;
+  --popover: 0 0% 7%;
+  --popover-foreground: 0 0 95%;
+  --input: 0 0% 25%;
+
+  &[data-color=logseq] {
+    --background: 192 100% 11%;
+    --foreground: 0 0% 95%;
+    --accent: 192 80% 10%;
+    --accent-foreground: 255 92% 100%;
+    --primary: 200 97% 37%;
+    --primary-foreground: 255 92% 100%;
+    --ring: 200 97% 37%;
+    --secondary: 203 50% 20%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 192 100% 13%;
+    --border: 192 100% 16%;
+    --card: 192 100% 10%;
+    --card-foreground: 0 0% 95%;
+    --popover: 192 100% 11%;
+    --input: 203 35% 25%;
+
+    .ui__button {
+      &.as-outline {
+        --accent: 192 100% 12%;
+      }
+    }
+
+    .ui__dropdown-menu-content,
+    .ui__context-menu-content,
+    .ui__select-content {
+      --accent: 190 100% 15%;
+    }
+
+    .ui__calendar {
+      --accent: 196 100% 15%;
+    }
+
+    .rc-datepicker {
+      --accent: 200 97% 37%;
+    }
+  }
+}
+
+.ui__button-shortcut-key {
+  @apply text-xs font-normal h-5 w-5 flex items-center justify-center rounded bg-gray-06-alpha;
+
+  &:first-of-type {
+    @apply ml-2;
+  }
+}
+
+.ui__list-item-highlighted-span {
+  background-color: or(--lx-accent-06, --color-level-4);
+}
+
+.dark .ui__list-item-highlighted-span {
+  background-color: or(--lx-accent-08-alpha, --color-level-4);
+}