Rename gitalk

Author: xcatliu

_gitment.tsx renamed to _gitalk.tsx

@@ -3,13 +3,14 @@ import React from 'https://dev.jspm.io/[email protected]';
 // @deno-types="https://deno.land/x/types/react-dom/v16.13.1/react-dom.d.ts"
 import ReactDOM from 'https://dev.jspm.io/[email protected]';
 
-interface GitmentProps {
+interface GitalkProps {
   clientID: string;
   clientSecret: string;
   repo: string;
   owner: string;
   admin: string[];
   id: string;
+  title: string;
 }
 
 declare global {
@@ -19,7 +20,7 @@ declare global {
   }
 }
 
-const Gitalk = (props: GitmentProps) => {
+const Gitalk = (props: GitalkProps) => {
   React.useEffect(() => {
     // @ts-ignore
     const container = document.getElementById('gitalk-container');

_layout.tsx

@@ -3,7 +3,7 @@ import React from 'https://dev.jspm.io/[email protected]';
 import { PagicLayout } from 'https://deno.land/x/pagic/mod.ts';
 
 import Sidebar from './_sidebar.tsx';
-import Gitalk from './_gitment.tsx';
+import Gitalk from './_gitalk.tsx';
 
 const Layout: PagicLayout = ({ config, title, content, script, sidebar, outputPath }) => {
   const [isDark, setIsDark] = React.useState(
@@ -80,6 +80,7 @@ if (shouldSetIsDark) {
             owner="xcatliu"
             admin={['xcatliu']}
             id={outputPath}
+            title={title}
           />
         </section>
         {script}

assets/index.css

@@ -277,15 +277,16 @@ h6:hover .header-anchor {
   background-color: var(--color-background-aside);
   color: var(--color-text);
 }
-.is_dark .gt-container .gt-btn-preview,
-.is_dark .gt-container .gt-header-textarea:hover,
-.is_dark .gt-container .gt-header-textarea:focus {
-  background-color: var(--color-background-aside-hover);
+.is_dark .gt-container .gt-btn-preview {
+  background-color: var(--color-background-aside);
 }
+.is_dark .gt-container .gt-header-textarea:hover,
+.is_dark .gt-container .gt-header-textarea:focus,
 .is_dark .gt-container .gt-btn-preview:hover {
   background-color: var(--color-background-aside-hover);
 }
-.is_dark .gt-container a.is--active {
+.is_dark .gt-container a.is--active,
+.is_dark .gt-container a.is--active:hover {
   color: var(--color-text);
 }
 .is_dark .gt-container .gt-comment-body {