From 568097f7407296cb1c60813654d8d11140583160 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sun, 24 Dec 2023 15:52:34 +0800
Subject: [PATCH] doc(GoTop): update sample code support dark theme (#2659)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: split support dark theme

* refactor: 调整 footer 样式

* doc: 更新 GoTop Stack 示例
---
 src/BootstrapBlazor.Server/Components/Samples/GoTops.razor     | 2 +-
 src/BootstrapBlazor.Server/Components/Samples/Stacks.razor.css | 3 +--
 src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss   | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor b/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor
index 8716493c47c..d6af1785be3 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/GoTops.razor
@@ -6,7 +6,7 @@
 <h4>@Localizer["Description"]</h4>
 
 <DemoBlock Title="@Localizer["NormalTitle"]" Introduction="@Localizer["NormalIntro"]" Name="Normal">
-    <div class="overflow-auto border border-secondary" style="max-height: 180px; border-radius: 4px; position: relative;">
+    <div class="overflow-auto border" style="max-height: 180px; border-radius: var(--bs-border-radius); position: relative;">
         <div class="p-2" style="height: 200px;">
             <p>@Localizer["Description1"]</p>
             <p>@Localizer["Description2"]</p>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor.css
index 9e0b2f34675..16bd15a2d33 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Samples/Stacks.razor.css
@@ -1,10 +1,9 @@
 .stack-demo {
-    border: 2px solid var(--bs-info);
+    border: 1px solid var(--bs-border-color);
     height: 400px;
     border-radius: var(--bs-border-radius);
     padding: 1rem;
     margin-top: 1rem;
-    background-color: #e9ecef;
 }
 
 ::deep .bb_stack {
diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
index 6392db4ea6c..35fbb57fe82 100644
--- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
+++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss
@@ -260,7 +260,7 @@ $bb-filter-item-btn-hover-border-color: #409eff;
 $bb-filter-row-input-min-width: 50px;
 
 // Footer
-$bb-footer-bg: var(--bs-secondary);
+$bb-footer-bg: rgba(var(--bs-body-color-rgb), .12);
 $bb-footer-padding: .5rem 1rem;
 
 // GoTop