fix(code-block): line number and button bg color & color (#13)

Author: StarHeartHunt

packages/theme-nonepress/src/theme/CodeBlock/CopyButton/index.tsx

@@ -57,7 +57,7 @@ export default function CopyButton({ code, className }: Props): ReactNode {
       onClick={handleCopyCode}
     >
       <IconCopy className="swap-off code-block-btn-icon" />
-      <IconSuccess className="swap-on code-block-btn-icon" />
+      <IconSuccess className="swap-on code-block-btn-icon text-success" />
     </button>
   );
 }

packages/theme-nonepress/src/theme/CodeBlock/styles.css

@@ -72,7 +72,7 @@
     &-number {
       overflow-wrap: normal;
 
-      /* background-color: var(--prism-background-color); */
+      background: var(--prism-background-color);
 
       @apply table-cell sticky left-0 text-right px-4 select-none w-[1%];
 
@@ -103,9 +103,10 @@
   &-btn {
     @apply transition text-base-content;
     @apply opacity-0 group-hover:opacity-50 hover:!opacity-100 focus-visible:!opacity-100;
-    @apply bg-transparent hover:bg-transparent focus-visible:bg-transparent;
     @apply border border-base-content hover:!border-base-content focus-visible:!border-base-content;
 
+    background-color: var(--prism-background-color);
+
     &-active {
       @apply text-success;
       @apply border-success hover:!border-success focus-visible:!border-success;