style: update backgroud color and link

Author: shenxianpeng

docs/getting-started.md

@@ -18,7 +18,7 @@ Select the method that best fits your development workflow:
 
     **Perfect for:** CI/CD pipelines, automated PRs, team collaboration
 
-    [Get started with GitHub Actions →](https://commit-check.github.io/commit-check-action/){ .md-button .md-button--primary }
+    [Get started with GitHub Actions →](https://github.com/commit-check/commit-check-action){ .md-button .md-button--primary }
 
 - :material-git: **Pre-commit Hooks**
 
@@ -28,7 +28,7 @@ Select the method that best fits your development workflow:
 
     **Perfect for:** Local development, enforcing commit standards before commits
 
-    [Get started with pre-commit →](https://github.com/commit-check/commit-check){ .md-button .md-button--primary }
+    [Get started with pre-commit →](https://commit-check.github.io/commit-check/example.html#running-as-pre-commit-hook){ .md-button .md-button--primary }
 
 - :fontawesome-brands-python: **Command Line**
 

docs/overrides/home.html

@@ -4,12 +4,11 @@
     <div class="hero">
         <h1 id="cc-linting-that-simply-works">Commit Check that simply works</h1>
         <p>
-            <strong>Check commit in your development workflow</strong>
+            Streamline your workflow with automated validation for commits, branches, and beyond.</strong>
             <br>
-            - automated, configurable, and reliable.
             <br>
+            Automated • Configurable • Reliable
             <br>
-            Integrate seamlessly into any development workflow in minutes.
         </p>
         <p>
             <a class="md-button md-button--primary" href="getting-started/">

docs/stylesheets/extra.css

@@ -7,6 +7,25 @@ th {
     --commit-check-logo-color-yellow: #ffffff;
 }
 
+/* Custom theme colors to match commit-check branding */
+:root {
+    --md-primary-fg-color: #009485;
+    --md-primary-fg-color--light: #00a893;
+    --md-primary-fg-color--dark: #008077;
+}
+
+[data-md-color-scheme="default"] {
+    --md-primary-fg-color: #009485;
+    --md-primary-fg-color--light: #00a893;
+    --md-primary-fg-color--dark: #008077;
+}
+
+[data-md-color-scheme="slate"] {
+    --md-primary-fg-color: #009485;
+    --md-primary-fg-color--light: #00a893;
+    --md-primary-fg-color--dark: #008077;
+}
+
 /* Hero section styling */
 .hero {
     text-align: center;

mkdocs.yml

@@ -1,5 +1,5 @@
 site_name: "commit-check"
-site_description: "Documentation for the commit-check organization."
+site_description: "Automated, configurable, and reliable commit validation for professional development workflows."
 site_url: "https://commit-check.github.io/"
 repo_url: https://github.com/commit-check
 repo_name: "commit-check"
@@ -29,26 +29,26 @@ theme:
   palette:
     # Palette toggle for automatic mode
     - media: "(prefers-color-scheme)"
-      primary: blue
-      accent: cyan
+      primary: teal
+      accent: teal
       toggle:
         icon: material/brightness-auto
         name: Switch to light mode
 
     # Palette toggle for light mode
     - media: "(prefers-color-scheme: light)"
       scheme: default
-      primary: indigo
-      accent: cyan
+      primary: teal
+      accent: teal
       toggle:
         icon: material/lightbulb-outline
         name: Switch to dark mode
 
     # Palette toggle for dark mode
     - media: "(prefers-color-scheme: dark)"
       scheme: slate
-      primary: indigo
-      accent: cyan
+      primary: teal
+      accent: teal
       toggle:
         icon: material/lightbulb
         name: Switch to system preference