From 12cc47fc753cc63af7ed2946ea1ce39d008fb95e Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Tue, 19 Dec 2023 19:28:02 +0800 Subject: [PATCH 01/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Layout/MainLayout.razor.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css index def7eb42ee3..67f662ae9e5 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css @@ -33,7 +33,7 @@ ::deep .code-label { font-weight: bold; - color: #333; + color: var(--bs-body-color); margin-bottom: 8px; } From a4a06a0e2c537c914e385f210ff6b13ff661a1e6 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Tue, 19 Dec 2023 19:28:20 +0800 Subject: [PATCH 02/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20main=20?= =?UTF-8?q?=E6=9C=80=E5=B0=8F=E9=AB=98=E5=BA=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Layout/BaseLayout.razor.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css index 6087c1fbe80..a6c2becedf1 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.css @@ -47,3 +47,7 @@ margin-bottom: 0; max-height: 260px; } + +main { + min-height: calc(100vh - var(--bs-header-height)); +} From ee1fb7a0038d2ec9a0816cf69da958fe1c78d04a Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Tue, 19 Dec 2023 19:28:39 +0800 Subject: [PATCH 03/50] =?UTF-8?q?doc:=20=E7=A7=BB=E9=99=A4=E4=BE=A7?= =?UTF-8?q?=E8=BE=B9=E6=A0=8F=E8=83=8C=E6=99=AF=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Layout/MainLayout.razor.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css index 67f662ae9e5..8438b459ef8 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css @@ -85,7 +85,6 @@ position: sticky; top: 0; border-right: solid 1px #c0c4cc; - background-color: #f0f0f0; margin-top: calc(var(--bs-header-height)*-1); } From ccf5031a7621ac7ba913c7963aa31ee4a3f95f4b Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Tue, 19 Dec 2023 19:28:55 +0800 Subject: [PATCH 04/50] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E9=AB=98=E4=BA=AE=E8=83=8C=E6=99=AF=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/wwwroot/css/site.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index d77b1313213..b4aab01d819 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -161,6 +161,10 @@ display: none !important; } +[data-bs-theme=dark] .hljs { + background-color: #1b1f22; +} + @media (min-width: 768px) { :root { --bs-header-height: 50px; From 8a54682b3b04b1252a3dc88c136294b4edd4fea7 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Tue, 19 Dec 2023 19:29:10 +0800 Subject: [PATCH 05/50] =?UTF-8?q?doc:=20=E5=8E=BB=E9=99=A4=E6=9D=83?= =?UTF-8?q?=E9=87=8D=E5=85=B3=E9=94=AE=E5=AD=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/wwwroot/css/motronic.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/wwwroot/css/motronic.css b/src/BootstrapBlazor.Server/wwwroot/css/motronic.css index 02cf5751b44..566e9871254 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/motronic.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/motronic.css @@ -1,6 +1,6 @@ @media (min-width: 768px) { .sidebar { - background-color: #fff !important; + background-color: #fff; } } From e492802502bf5c103804ddd961d7118c98cd0b8f Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 09:51:48 +0800 Subject: [PATCH 06/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20Select?= =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=E8=83=8C=E6=99=AF=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Select/Select.razor.scss | 3 +-- src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss | 1 - 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.scss b/src/BootstrapBlazor/Components/Select/Select.razor.scss index 6e864f66223..0d6dbfc1641 100644 --- a/src/BootstrapBlazor/Components/Select/Select.razor.scss +++ b/src/BootstrapBlazor/Components/Select/Select.razor.scss @@ -5,7 +5,6 @@ .select { --bb-select-focus-shadow: #{$bb-select-focus-shadow}; - --bb-select-bg: #{$bb-select-bg}; --bb-select-padding: #{$bb-select-padding}; --bb-select-search-padding: #{$bb-select-search-padding}; --bb-select-search-margin-bottom: #{$bb-select-search-margin-bottom}; @@ -36,7 +35,7 @@ .select .form-select { background-image: none; - background-color: var(--bb-select-bg); + background-color: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: var(--bb-select-padding); diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss index 15d62bee01f..440933a48c0 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss @@ -472,7 +472,6 @@ $bb-segmented-text-margin-left: 4px; // Select $bb-dropdown-link-pre-active-bg: #498ff7; $bb-select-focus-shadow: none; -$bb-select-bg: #fff; $bb-select-padding: 6px 2.25rem 6px 0.75rem; $bb-select-search-padding: 7px 10px; $bb-select-search-margin-bottom: .5rem; From af08a498ded0528d8cc9c6344720cf17491d9e4c Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 10:15:27 +0800 Subject: [PATCH 07/50] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20primary?= =?UTF-8?q?=20=E9=A2=9C=E8=89=B2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/BBLogo.razor.css | 2 +- .../Components/Layout/NavMenu.razor.css | 8 ++++++++ src/BootstrapBlazor.Server/wwwroot/css/site.css | 4 ++-- 3 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/BBLogo.razor.css b/src/BootstrapBlazor.Server/Components/Components/BBLogo.razor.css index 13147bf8b21..5789ca6dbbc 100644 --- a/src/BootstrapBlazor.Server/Components/Components/BBLogo.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/BBLogo.razor.css @@ -2,7 +2,7 @@ width: 42px; height: auto; border-radius: var(--bs-border-radius); - background-color: var(--bs-info); + background-color: var(--bb-primary-color); border: solid 1px #fff; margin-right: 1rem; } diff --git a/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css b/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css index 62a474e1549..b2f5543d0da 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css @@ -50,6 +50,14 @@ background-color: rgb(9, 105, 218); } +::deep .badge-menu { + background-color: var(--bb-primary-color); +} + +::deep .icon-summary { + color: var(--bb-primary-color); +} + @media (min-width: 768px) { .sidebar-content { height: calc(100vh - var(--bs-header-height)); diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index b4aab01d819..55ff6360ec3 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -1,7 +1,7 @@ :root { --bb-font-weight: 500; - --bb-title-color: #1f2f3d; --bb-sub-font-size: 1.2rem; + --bb-primary-color: var(--bs-indigo); } .navbar { @@ -68,7 +68,7 @@ } .menu .nav-link.nav-table { - color: var(--bs-info); + color: var(--bb-primary-color); font-weight: bold; } From 43acba2f976c3a4aa2afcad69205369c8778d5fa Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 10:16:02 +0800 Subject: [PATCH 08/50] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20icon-sum?= =?UTF-8?q?mary=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Extensions/MenusLocalizerExtensions.cs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs b/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs index 246ef3a498d..60111655814 100644 --- a/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs +++ b/src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs @@ -108,7 +108,7 @@ public static List GenerateMenus(this IStringLocalizer Locali item = new DemoMenuItem() { Text = Localizer["Components"], - Icon = "text-info fa-solid fa-fw fa-heart fa-beat", + Icon = "fa-solid fa-fw fa-heart fa-beat icon-summary", Url = "components" }; AddSummary(item); From 57f294b7286e2ed4d18a402d478f964377ee386a Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 10:16:17 +0800 Subject: [PATCH 09/50] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20badge-me?= =?UTF-8?q?nu=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/Components/Components/State.razor | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/State.razor b/src/BootstrapBlazor.Server/Components/Components/State.razor index fb4154a2f4f..167e23440b2 100644 --- a/src/BootstrapBlazor.Server/Components/Components/State.razor +++ b/src/BootstrapBlazor.Server/Components/Components/State.razor @@ -12,7 +12,7 @@ } @if (Count > 0) { - + @Count } From e433cede5c788d937c4367323620269ff1b230ba Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 10:16:38 +0800 Subject: [PATCH 10/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20archor-l?= =?UTF-8?q?ink=20=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/DemoBlock.razor.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css b/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css index 5f941279571..930f4df77bb 100644 --- a/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css @@ -81,7 +81,7 @@ .demo-block > ::deep .anchor-link { font-weight: var(--bb-font-weight); - color: var(--bb-title-color); + color: var(--bs-body-color); font-size: var(--bb-sub-font-size); margin-top: 1rem; margin-bottom: .5rem; From 6458fd6f60b8c696379e58091683b05bc7b4be71 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 10:21:54 +0800 Subject: [PATCH 11/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20dropdown?= =?UTF-8?q?-item=20menu-item=20=E9=A2=9C=E8=89=B2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/CultureChooser.razor.css | 4 ---- src/BootstrapBlazor.Server/wwwroot/css/site.css | 10 ++++++++++ 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css index 764961680bd..eb2fc834d51 100644 --- a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css @@ -12,7 +12,3 @@ .culture-selector ::deep .select { width: 210px; } - - .culture-selector ::deep .dropdown-menu { - --bs-dropdown-link-active-bg: #7532f9; - } diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index 55ff6360ec3..8e2cc56a0c7 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -76,6 +76,12 @@ color: unset; } +.menu { + --bb-menu-active-color: var(--bb-primary-color); + --bb-menu-bar-bg: var(--bb-primary-color); + --bb-menu-item-hover-bg: var(--bb-primary-color); +} + .custom-popover { --bs-popover-border-color: var(--bs-primary); --bs-popover-header-bg: var(--bs-primary); @@ -161,6 +167,10 @@ display: none !important; } +.dropdown-menu { + --bs-dropdown-link-active-bg: var(--bb-primary-color); +} + [data-bs-theme=dark] .hljs { background-color: #1b1f22; } From ad6ee0dcb89e0415bad5db06d25bb459460aff58 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 11:09:21 +0800 Subject: [PATCH 12/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20GlobalSe?= =?UTF-8?q?arch=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/GlobalSearch.razor | 2 +- .../Components/GlobalSearch.razor.css | 4 ++++ .../Components/Components/Header.razor.css | 18 ------------------ 3 files changed, 5 insertions(+), 19 deletions(-) create mode 100644 src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css diff --git a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor index 871e7a705fe..11a3d2b7fc7 100644 --- a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor +++ b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor @@ -1,3 +1,3 @@ 
- +
diff --git a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css new file mode 100644 index 00000000000..aa905a6b9dc --- /dev/null +++ b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css @@ -0,0 +1,4 @@ +::deep .btn { + --bs-btn-bg: #8759ff; + --bs-btn-hover-bg: #7d53eb; +} diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css index f5db2941450..c2c33ef8b75 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css @@ -14,24 +14,6 @@ margin-right: 0; } -::deep .btn-search .btn { - --bs-btn-bg: #8759ff; - --bs-btn-color: #fff; - --bs-btn-hover-bg: #7d53eb; - --bs-btn-hover-color: var(--bs-btn-color); - --bs-btn-hover-border-color: var(--bs-btn-hover-bg); - --bs-btn-active-bg: var(--bs-btn-hover-bg); - --bs-btn-active-color: var(--bs-btn-hover-color); - --bs-btn-active-border-color: var(--bs-btn-hover-border-color); -} - -::deep .btn-search .form-control { - --bs-border-color: #fff; - --bb-border-focus-color: var(--bs-border-color); - --bb-border-hover-color: var(--bs-border-color); - z-index: 6; -} - ::deep .btn-fs { margin-top: 2px; } From d7108a3eff53fcf5b6f07e1c99db8593ce6387a2 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 11:16:04 +0800 Subject: [PATCH 13/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E8=BE=B9?= =?UTF-8?q?=E6=A1=86=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/GlobalSearch.razor.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css index aa905a6b9dc..ea101f2c82b 100644 --- a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css @@ -2,3 +2,9 @@ --bs-btn-bg: #8759ff; --bs-btn-hover-bg: #7d53eb; } + +::deep .form-control { + --bs-border-color: var(--bs-body-bg); + --bb-border-focus-color: var(--bs-body-bg); + --bb-border-hover-color: var(--bs-body-bg); +} From 1fe5bef392dca6f9d0d201157bac70a57dca8837 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 11:24:58 +0800 Subject: [PATCH 14/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=20Tab=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 11 +++++------ .../wwwroot/scss/theme/bootstrap.blazor.scss | 1 - 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 0891fa7087b..625f4ce0de8 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -5,7 +5,6 @@ --bb-tabs-item-active-color: #{$bb-tabs-item-active-color}; --bb-tabs-item-hover-color: #{$bb-tabs-item-hover-color}; --bb-tabs-border-card-top-item-margin-top: #{$bb-tabs-border-card-top-item-margin-top}; - --bb-tabs-border-color: #{$bb-tabs-border-color}; --bb-tabs-border-card-header-bg-color: #{$bb-tabs-border-card-header-bg-color}; --bb-tabs-bar-width: #{$bb-tabs-bar-width}; --bb-tabs-bar-height: #{$bb-tabs-bar-height}; @@ -28,7 +27,7 @@ &:after { content: ""; height: 2px; - background-color: var(--bb-tabs-border-color); + background-color: var(--bs-border-color); position: absolute; left: 0; right: 0; @@ -82,7 +81,7 @@ height: 100%; justify-content: center; align-items: center; - border: 1px solid var(--bb-tabs-border-color); + border: 1px solid var(--bs-border-color); display: none; &.left { @@ -206,7 +205,7 @@ /*Card*/ .tabs.tabs-card, .tabs.tabs-border-card { - border: 1px solid var(--bb-tabs-border-color); + border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); } @@ -218,7 +217,7 @@ .tabs.tabs-card > .tabs-header .tabs-item, .tabs.tabs-border-card > .tabs-header .tabs-item { height: 100%; - border: 1px solid var(--bb-tabs-border-color); + border: 1px solid var(--bs-border-color); border-width: 0 1px 1px 0; } @@ -231,7 +230,7 @@ .tabs .tabs-item-fix { height: 100%; flex: 1; - border: 1px solid var(--bb-tabs-border-color); + border: 1px solid var(--bs-border-color); border-width: 0 0 1px 0; } diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss index 440933a48c0..49c60bb7a8d 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss @@ -550,7 +550,6 @@ $bb-tabs-item-active-bg: #fff; $bb-tabs-item-active-color: #409eff; $bb-tabs-item-hover-color: #409eff; $bb-tabs-border-card-top-item-margin-top: -1px; -$bb-tabs-border-color: #e4e7ed; $bb-tabs-border-card-header-bg-color: #f5f7fa; $bb-tabs-bar-width: 40px; $bb-tabs-bar-height: 40px; From 24b09b8a681b867d351e1be6245079a996eb8565 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 11:25:16 +0800 Subject: [PATCH 15/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=20Divider?= =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Divider/Divider.razor.scss | 6 ++---- .../wwwroot/scss/theme/bootstrap.blazor.scss | 2 -- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/src/BootstrapBlazor/Components/Divider/Divider.razor.scss b/src/BootstrapBlazor/Components/Divider/Divider.razor.scss index 3dab7fcd854..4b65972b689 100644 --- a/src/BootstrapBlazor/Components/Divider/Divider.razor.scss +++ b/src/BootstrapBlazor/Components/Divider/Divider.razor.scss @@ -1,7 +1,5 @@ .divider { - --bb-divider-bg: #{$bb-divider-bg}; --bb-divider-margin: #{$bb-divider-margin}; - --bb-divider-text-color: #{$bb-divider-text-color}; --bb-divider-text-padding: #{$bb-divider-text-padding}; background-color: var(--bs-body-bg); margin: var(--bb-divider-margin); @@ -11,14 +9,14 @@ width: 100%; .divider-mask { - background-color: var(--bb-divider-bg); + background-color: var(--bs-border-color); height: 100%; width: 100%; } .divider-text { padding: var(--bb-divider-text-padding); - color: var(--bb-divider-text-color); + color: var(--bs-body-color); position: absolute; font-weight: 500; background-color: inherit; diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss index 49c60bb7a8d..710affa84c6 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss @@ -226,9 +226,7 @@ $form-control-padding: 6px 33px; $dt-range-bar-color: #b5b5c3; // Divider -$bb-divider-bg: #dcdfe6; $bb-divider-margin: 1rem 0; -$bb-divider-text-color: #303133; $bb-divider-text-padding: 0 20px; // Drawer From c00a0fe977c76b2ef6c436dcaf365d0731ab246e Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 11:31:01 +0800 Subject: [PATCH 16/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20tab=20he?= =?UTF-8?q?ader=20=E8=83=8C=E6=99=AF=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 7 +++---- .../wwwroot/scss/theme/bootstrap.blazor.scss | 1 - 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 625f4ce0de8..23f35ff0e62 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -5,7 +5,6 @@ --bb-tabs-item-active-color: #{$bb-tabs-item-active-color}; --bb-tabs-item-hover-color: #{$bb-tabs-item-hover-color}; --bb-tabs-border-card-top-item-margin-top: #{$bb-tabs-border-card-top-item-margin-top}; - --bb-tabs-border-card-header-bg-color: #{$bb-tabs-border-card-header-bg-color}; --bb-tabs-bar-width: #{$bb-tabs-bar-width}; --bb-tabs-bar-height: #{$bb-tabs-bar-height}; --bb-tabs-bar-bg: #{$bb-tabs-bar-bg}; @@ -264,16 +263,16 @@ /*Border-Card*/ .tabs.tabs-border-card { - background: #fff; + background: var(--bs-body-bg); box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04); } .tabs.tabs-border-card > .tabs-header { - background-color: var(--bb-tabs-border-card-header-bg-color); + background-color: var(--bs-border-bg); } .tabs.tabs-border-card > .tabs-header .nav-link-bar { - background-color: var(--bb-tabs-border-card-header-bg-color); + background-color: var(--bs-border-bg); } .tabs.tabs-border-card > .tabs-header .nav-link-bar.left { diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss index 710affa84c6..399fc6e6ee0 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss @@ -548,7 +548,6 @@ $bb-tabs-item-active-bg: #fff; $bb-tabs-item-active-color: #409eff; $bb-tabs-item-hover-color: #409eff; $bb-tabs-border-card-top-item-margin-top: -1px; -$bb-tabs-border-card-header-bg-color: #f5f7fa; $bb-tabs-bar-width: 40px; $bb-tabs-bar-height: 40px; $bb-tabs-bar-bg: #409eff; From fceaf93d490e5fbca69252806c658aeafa799b08 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 12:43:04 +0800 Subject: [PATCH 17/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E5=BD=93?= =?UTF-8?q?=E5=89=8D=E6=A0=87=E7=AD=BE=E9=A1=B5=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 3 +-- src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss | 1 - 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 23f35ff0e62..ff8d2750ccf 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -1,7 +1,6 @@ .tabs { --bb-tabs-item-padding: #{$bb-tabs-item-padding}; --bb-tabs-item-height: #{$bb-tabs-item-height}; - --bb-tabs-item-active-bg: #{$bb-tabs-item-active-bg}; --bb-tabs-item-active-color: #{$bb-tabs-item-active-color}; --bb-tabs-item-hover-color: #{$bb-tabs-item-hover-color}; --bb-tabs-border-card-top-item-margin-top: #{$bb-tabs-border-card-top-item-margin-top}; @@ -222,7 +221,7 @@ .tabs.tabs-card > .tabs-header .tabs-item.active, .tabs.tabs-border-card > .tabs-header .tabs-item.active { - background-color: var(--bb-tabs-item-active-bg); + background-color: var(--bs-body-bg); border-width: 0 1px 0px 0; } diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss index 399fc6e6ee0..97624a0b571 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss @@ -544,7 +544,6 @@ $bb-switch-label-margin-left: 10px; // Tab $bb-tabs-item-padding: 0 1rem; $bb-tabs-item-height: 40px; -$bb-tabs-item-active-bg: #fff; $bb-tabs-item-active-color: #409eff; $bb-tabs-item-hover-color: #409eff; $bb-tabs-border-card-top-item-margin-top: -1px; From a4b5f508f36e5fd991914077ec09cde37ed5c124 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 13:20:15 +0800 Subject: [PATCH 18/50] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=9A=97?= =?UTF-8?q?=E9=BB=91=E4=B8=BB=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/Header.razor | 4 ++++ .../Components/Components/Header.razor.css | 9 +++++++++ .../wwwroot/images/theme-light.svg | 1 + .../wwwroot/images/theme-night.svg | 1 + 4 files changed, 15 insertions(+) create mode 100644 src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg create mode 100644 src/BootstrapBlazor.Server/wwwroot/images/theme-night.svg diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor b/src/BootstrapBlazor.Server/Components/Components/Header.razor index 85cd2a8961c..3f0ad2e90d4 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor @@ -40,5 +40,9 @@ @DownloadText +
v8.0.6-beta01
+
+ +
diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css index c2c33ef8b75..6ecaf8824ff 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css @@ -36,6 +36,15 @@ width: auto; } +.icon-theme { + border-left: 1px solid #dddddd40; + padding-left: 0.5rem; +} + + .icon-theme img { + cursor: pointer; + } + @media (min-width: 768px) { .navbar-header { position: sticky; diff --git a/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg b/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg new file mode 100644 index 00000000000..4a5afd14d96 --- /dev/null +++ b/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg @@ -0,0 +1 @@ + diff --git a/src/BootstrapBlazor.Server/wwwroot/images/theme-night.svg b/src/BootstrapBlazor.Server/wwwroot/images/theme-night.svg new file mode 100644 index 00000000000..9bd7811300c --- /dev/null +++ b/src/BootstrapBlazor.Server/wwwroot/images/theme-night.svg @@ -0,0 +1 @@ + From adfcdf1036cc66b5d8f1f1b62df1477e1ad4c186 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 14:09:32 +0800 Subject: [PATCH 19/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E5=88=87=E6=8D=A2=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/Header.razor | 3 +- .../Components/Components/Header.razor.css | 12 +++++++ .../Components/Components/Header.razor.js | 35 +++++++++++++++++++ .../wwwroot/images/theme-light.svg | 4 ++- 4 files changed, 52 insertions(+), 2 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor b/src/BootstrapBlazor.Server/Components/Components/Header.razor index 3f0ad2e90d4..8db0305aeb9 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor @@ -42,7 +42,8 @@ @DownloadText
v8.0.6-beta01
- + +
diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css index 6ecaf8824ff..f6dd141d2e3 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css @@ -45,6 +45,18 @@ cursor: pointer; } + .icon-theme .icon-dark { + display: none; + } + +[data-bs-theme='dark'] .icon-dark { + display: block; +} + +[data-bs-theme='dark'] .icon-light { + display: none; +} + @media (min-width: 768px) { .navbar-header { position: sticky; diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.js b/src/BootstrapBlazor.Server/Components/Components/Header.razor.js index 27316e53125..958cf7349d8 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.js +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.js @@ -13,8 +13,43 @@ export function init() { } prevScrollTop = currentScrollTop }) + + const themeElement = document.querySelector('.icon-theme'); + if (themeElement) { + EventHandler.on(themeElement, 'click', e => { + let theme = getPreferredTheme(); + if (theme === 'dark') { + theme = 'light'; + } + else { + theme = 'dark'; + } + setTheme(theme); + }); + } } export function dispose() { EventHandler.off(document, 'scroll') } + +const getStoredTheme = () => localStorage.getItem('theme') +const setStoredTheme = theme => localStorage.setItem('theme', theme) + +const setTheme = theme => { + if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { + document.documentElement.setAttribute('data-bs-theme', 'light') + } else { + document.documentElement.setAttribute('data-bs-theme', theme); + } + setStoredTheme(theme); +} + +const getPreferredTheme = () => { + const storedTheme = getStoredTheme() + if (storedTheme) { + return storedTheme + } + + return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' +} diff --git a/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg b/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg index 4a5afd14d96..a0c43e66117 100644 --- a/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg +++ b/src/BootstrapBlazor.Server/wwwroot/images/theme-light.svg @@ -1 +1,3 @@ - + + + From 82bf46b85ff0ff7c4d1e91e13aa9d50a61f1d84f Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 14:51:00 +0800 Subject: [PATCH 20/50] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20hover=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Menu/Menu.razor.scss | 3 ++- src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor/Components/Menu/Menu.razor.scss b/src/BootstrapBlazor/Components/Menu/Menu.razor.scss index ca3e9066c2c..ab91af3a2f5 100644 --- a/src/BootstrapBlazor/Components/Menu/Menu.razor.scss +++ b/src/BootstrapBlazor/Components/Menu/Menu.razor.scss @@ -5,6 +5,7 @@ --bb-menu-active-color: #{$bb-menu-active-color}; --bb-menu-bar-bg: #{$bb-menu-bar-bg}; --bb-menu-item-hover-bg: #{$bb-menu-item-hover-bg}; + --bb-menu-item-hover-color: #{$bb-menu-item-hover-color}; --bb-menu-sub-bg: #{$bb-menu-sub-bg}; --bb-disabled-bg: #{$bb-disabled-bg}; } @@ -64,7 +65,7 @@ .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active { background-color: var(--bb-menu-item-hover-bg); - color: var(--bs-body-color); + color: var(--bb-menu-item-hover-color); } .menu .nav .sub-menu, diff --git a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss index 97624a0b571..ae0616351fa 100644 --- a/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss +++ b/src/BootstrapBlazor/wwwroot/scss/theme/bootstrap.blazor.scss @@ -377,6 +377,7 @@ $bb-menu-min-width: 160px; $bb-menu-active-color: #409eff; $bb-menu-bar-bg: #409eff; $bb-menu-item-hover-bg: #409eff; +$bb-menu-item-hover-color: var(--bs-body-color); $bb-menu-sub-bg: var(--bs-body-bg); $bb-disabled-bg: #ddd; From 7a3615f2cfd95b47832e97d42948187b7b4195d6 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 14:51:15 +0800 Subject: [PATCH 21/50] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E9=BB=91?= =?UTF-8?q?=E8=89=B2=E4=B8=BB=E9=A2=98=E6=A0=B7=E5=BC=8F=E6=94=AF=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/Components/Pages/Coms.razor.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Pages/Coms.razor.css b/src/BootstrapBlazor.Server/Components/Pages/Coms.razor.css index 1a82ec02ad3..9a0a5afba57 100644 --- a/src/BootstrapBlazor.Server/Components/Pages/Coms.razor.css +++ b/src/BootstrapBlazor.Server/Components/Pages/Coms.razor.css @@ -6,7 +6,7 @@ .coms-search .row { padding: 1rem 0; - background: #fff; + background: var(--bs-body-bg); } .coms-search-filter { @@ -15,6 +15,10 @@ background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0)); } +[data-bs-theme='dark'] .coms-search-filter { + background: linear-gradient(rgba(33,37,41,1),rgba(33,37,41,0.8),rgba(33,37,41,0)); +} + @media (min-width: 768px) { .coms-search { top: 3rem; From fa67c3f277257bee5b59bfa4d8bd27e8ea4fa1dc Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 14:51:40 +0800 Subject: [PATCH 22/50] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20navbar-v?= =?UTF-8?q?ersion=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/Components/Components/Header.razor | 2 +- .../Components/Components/Header.razor.css | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor b/src/BootstrapBlazor.Server/Components/Components/Header.razor index 8db0305aeb9..c9f588bf699 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor @@ -40,7 +40,7 @@ @DownloadText -
v8.0.6-beta01
+
v8.0.6-beta01
diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css index f6dd141d2e3..6a4d4fc1b9a 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css @@ -36,6 +36,10 @@ width: auto; } +.navbar-version { + color: var(--bs-navbar-color); +} + .icon-theme { border-left: 1px solid #dddddd40; padding-left: 0.5rem; From c7e4663bd4ea007a45225fa81a41cceac1d6199f Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 14:51:57 +0800 Subject: [PATCH 23/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E5=8F=B3?= =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A1=86=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Layout/MainLayout.razor.css | 2 +- .../Components/Layout/PracticeLayout.razor.css | 7 +++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css index 8438b459ef8..c295c77a915 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css @@ -84,7 +84,7 @@ height: calc(100vh); position: sticky; top: 0; - border-right: solid 1px #c0c4cc; + border-right: solid 1px var(--bs-border-color); margin-top: calc(var(--bs-header-height)*-1); } diff --git a/src/BootstrapBlazor.Server/Components/Layout/PracticeLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/PracticeLayout.razor.css index 3c76b664662..2086d11a6e3 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/PracticeLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/PracticeLayout.razor.css @@ -10,7 +10,7 @@ height: 50px; align-items: center; padding: 1rem; - border-bottom: solid 1px #c0c4cc; + border-bottom: solid 1px var(--bs-border-color); display: none; } @@ -57,9 +57,8 @@ height: calc(100vh); position: sticky; top: 0; - border-right: solid 1px #c0c4cc; - background-color: #f0f0f0; - margin-top: calc(var(--bs-header-height)*-1); + border-right: solid 1px var(--bs-border-color); + margin-top: calc(var(--bs-header-height) * -1); } .main { From 7770aaa15d9ad0f6fb68481d2268c2905475895b Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 14:52:18 +0800 Subject: [PATCH 24/50] =?UTF-8?q?refactor:=20=E8=87=AA=E5=AE=9A=E4=B9=89?= =?UTF-8?q?=E8=8F=9C=E5=8D=95=E9=A1=B9=E5=89=8D=E6=99=AF=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/wwwroot/css/site.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index 8e2cc56a0c7..1bd97257fc9 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -80,6 +80,7 @@ --bb-menu-active-color: var(--bb-primary-color); --bb-menu-bar-bg: var(--bb-primary-color); --bb-menu-item-hover-bg: var(--bb-primary-color); + --bb-menu-item-hover-color: #fff; } .custom-popover { From 629728632a5455d967475befa67c06c57df9b719 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Wed, 20 Dec 2023 15:19:14 +0800 Subject: [PATCH 25/50] =?UTF-8?q?refactor:=20=E5=BE=AE=E8=B0=83=20tips=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Pages/Install.razor.css | 4 ++++ src/BootstrapBlazor.Server/wwwroot/css/site.css | 14 +++++++++++++- 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css b/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css index c303e38416d..3cde2e65698 100644 --- a/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css +++ b/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css @@ -26,3 +26,7 @@ color: #1c3949; margin-left: 38px; } + +[data-bs-theme='dark'] .git .git-fork span { + color: var(--bs-body-color); +} diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index 1bd97257fc9..fb379235eab 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -4,6 +4,17 @@ --bb-primary-color: var(--bs-indigo); } +.alert { + --bs-info: var(--bb-primary-color); + --bs-info-rgb: var(--bb-primary-color); +} + +.alert-info { + --bs-alert-color: #44228c; + --bs-alert-bg: #e3d7fb; + --bs-alert-border-color: #d5c4f9; +} + .navbar { --bs-navbar-color: rgba(255,255,255,.85); --bs-navbar-hover-color: rgb(255,255,255); @@ -173,7 +184,8 @@ } [data-bs-theme=dark] .hljs { - background-color: #1b1f22; + background-color: var(--bs-body-bg); + color: var(--bs-body-color); } @media (min-width: 768px) { From de9eb9107ab2e8ec3c7454947fb70596bf93097f Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 10:09:44 +0800 Subject: [PATCH 26/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E5=9C=86?= =?UTF-8?q?=E8=A7=92?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Tab/Tab.razor.scss | 37 ++++++++++--------- 1 file changed, 19 insertions(+), 18 deletions(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index ff8d2750ccf..8adc489d357 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -18,20 +18,29 @@ height: 100%; } +.tabs-header { + background-color: var(--bs-body-bg); + border-top-left-radius: var(--bs-border-radius); + border-top-right-radius: var(--bs-border-radius); +} + +.tabs-bottom > .tabs-header { + border-bottom-left-radius: var(--bs-border-radius); + border-bottom-right-radius: var(--bs-border-radius); +} + +.tabs-left > .tabs-header { + border-bottom-left-radius: var(--bs-border-radius); +} + +.tabs-right > .tabs-header { + border-bottom-right-radius: var(--bs-border-radius); +} + .tabs-nav-wrap { position: relative; height: var(--bb-tabs-item-height); - &:after { - content: ""; - height: 2px; - background-color: var(--bs-border-color); - position: absolute; - left: 0; - right: 0; - bottom: 0; - } - > .dropdown-toggle { &:after { display: none; @@ -266,14 +275,6 @@ box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04); } -.tabs.tabs-border-card > .tabs-header { - background-color: var(--bs-border-bg); -} - -.tabs.tabs-border-card > .tabs-header .nav-link-bar { - background-color: var(--bs-border-bg); -} - .tabs.tabs-border-card > .tabs-header .nav-link-bar.left { border-top-left-radius: var(--bs-border-radius); } From 390c5660821ff47e50c09d777b0f1bbe57162218 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 11:02:01 +0800 Subject: [PATCH 27/50] =?UTF-8?q?feat:=20=E5=AE=A2=E6=88=B7=E7=AB=AF?= =?UTF-8?q?=E5=AD=98=E5=82=A8=E4=B8=BB=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/App.razor | 4 ++-- .../wwwroot/lib/theme.js | 21 +++++++++++++++++++ 2 files changed, 23 insertions(+), 2 deletions(-) create mode 100644 src/BootstrapBlazor.Server/wwwroot/lib/theme.js diff --git a/src/BootstrapBlazor.Server/Components/App.razor b/src/BootstrapBlazor.Server/Components/App.razor index 7c9163efc6c..2991fa8a16d 100644 --- a/src/BootstrapBlazor.Server/Components/App.razor +++ b/src/BootstrapBlazor.Server/Components/App.razor @@ -2,7 +2,7 @@ @inject IStringLocalizer Localizer - + @@ -22,9 +22,9 @@ - @Localizer["Title"] + diff --git a/src/BootstrapBlazor.Server/wwwroot/lib/theme.js b/src/BootstrapBlazor.Server/wwwroot/lib/theme.js new file mode 100644 index 00000000000..adebe0ee752 --- /dev/null +++ b/src/BootstrapBlazor.Server/wwwroot/lib/theme.js @@ -0,0 +1,21 @@ +const getStoredTheme = () => localStorage.getItem('theme') +const setStoredTheme = theme => localStorage.setItem('theme', theme) + +const getPreferredTheme = () => { + const storedTheme = getStoredTheme() + if (storedTheme) { + return storedTheme + } + + return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' +} + +const setTheme = theme => { + if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { + document.documentElement.setAttribute('data-bs-theme', 'light') + } else { + document.documentElement.setAttribute('data-bs-theme', theme); + } + setStoredTheme(theme); +} +setTheme(getPreferredTheme()) From b410e42e04a3df5a60b04558488397931be12f58 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 11:08:34 +0800 Subject: [PATCH 28/50] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E8=84=9A=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/App.razor | 2 +- .../wwwroot/lib/theme.js | 20 +------------------ src/BootstrapBlazor/wwwroot/modules/theme.js | 20 +++++++++++++++++++ 3 files changed, 22 insertions(+), 20 deletions(-) create mode 100644 src/BootstrapBlazor/wwwroot/modules/theme.js diff --git a/src/BootstrapBlazor.Server/Components/App.razor b/src/BootstrapBlazor.Server/Components/App.razor index 2991fa8a16d..dbf0f809584 100644 --- a/src/BootstrapBlazor.Server/Components/App.razor +++ b/src/BootstrapBlazor.Server/Components/App.razor @@ -24,7 +24,7 @@ @Localizer["Title"] - + diff --git a/src/BootstrapBlazor.Server/wwwroot/lib/theme.js b/src/BootstrapBlazor.Server/wwwroot/lib/theme.js index adebe0ee752..9c1fd8a8aff 100644 --- a/src/BootstrapBlazor.Server/wwwroot/lib/theme.js +++ b/src/BootstrapBlazor.Server/wwwroot/lib/theme.js @@ -1,21 +1,3 @@ -const getStoredTheme = () => localStorage.getItem('theme') -const setStoredTheme = theme => localStorage.setItem('theme', theme) +import { getPreferredTheme, setTheme } from "../../_content/BootstrapBlazor/modules/theme.js?v=$version" -const getPreferredTheme = () => { - const storedTheme = getStoredTheme() - if (storedTheme) { - return storedTheme - } - - return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' -} - -const setTheme = theme => { - if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { - document.documentElement.setAttribute('data-bs-theme', 'light') - } else { - document.documentElement.setAttribute('data-bs-theme', theme); - } - setStoredTheme(theme); -} setTheme(getPreferredTheme()) diff --git a/src/BootstrapBlazor/wwwroot/modules/theme.js b/src/BootstrapBlazor/wwwroot/modules/theme.js new file mode 100644 index 00000000000..bedfef5580c --- /dev/null +++ b/src/BootstrapBlazor/wwwroot/modules/theme.js @@ -0,0 +1,20 @@ +const getStoredTheme = () => localStorage.getItem('theme') +const setStoredTheme = theme => localStorage.setItem('theme', theme) + +export function getPreferredTheme() { + const storedTheme = getStoredTheme() + if (storedTheme) { + return storedTheme + } + + return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' +} + +export function setTheme(theme) { + if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { + document.documentElement.setAttribute('data-bs-theme', 'dark') + } else { + document.documentElement.setAttribute('data-bs-theme', theme); + } + setStoredTheme(theme); +} From 39e269c4fa9da69fd7840b2cf20819d5dd238060 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 11:10:01 +0800 Subject: [PATCH 29/50] =?UTF-8?q?refactor:=20=E5=A4=8D=E7=94=A8=E8=AE=BE?= =?UTF-8?q?=E7=BD=AE=E4=B8=BB=E9=A2=98=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/Header.razor.js | 24 ++----------------- 1 file changed, 2 insertions(+), 22 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.js b/src/BootstrapBlazor.Server/Components/Components/Header.razor.js index 958cf7349d8..b4dee27521c 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.js +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.js @@ -1,4 +1,5 @@ -import EventHandler from "../../_content/BootstrapBlazor/modules/event-handler.js?v=$version" +import { getPreferredTheme, setTheme } from "../../_content/BootstrapBlazor/modules/theme.js?v=$version" +import EventHandler from "../../_content/BootstrapBlazor/modules/event-handler.js?v=$version" export function init() { const scrollTop = () => (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop @@ -32,24 +33,3 @@ export function init() { export function dispose() { EventHandler.off(document, 'scroll') } - -const getStoredTheme = () => localStorage.getItem('theme') -const setStoredTheme = theme => localStorage.setItem('theme', theme) - -const setTheme = theme => { - if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { - document.documentElement.setAttribute('data-bs-theme', 'light') - } else { - document.documentElement.setAttribute('data-bs-theme', theme); - } - setStoredTheme(theme); -} - -const getPreferredTheme = () => { - const storedTheme = getStoredTheme() - if (storedTheme) { - return storedTheme - } - - return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' -} From aff645b83ea287eae2b544e91c3bc75e5a4a28bb Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 12:17:03 +0800 Subject: [PATCH 30/50] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=20sasscompile?= =?UTF-8?q?r=20=E9=85=8D=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/BootstrapBlazor.csproj | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj index 41a73d6428e..289a4b5f1fd 100644 --- a/src/BootstrapBlazor/BootstrapBlazor.csproj +++ b/src/BootstrapBlazor/BootstrapBlazor.csproj @@ -50,12 +50,14 @@ + + From 4b83e80a089784fb9d024b75d17338d3c6c0cd66 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 12:19:55 +0800 Subject: [PATCH 31/50] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=20motronic?= =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../wwwroot/css/motronic.css | 71 ------ .../wwwroot/css/site.css | 11 - .../wwwroot/css/motronic.min.css | 1 - .../wwwroot/src/css/motronic.css | 222 +++++++----------- 4 files changed, 88 insertions(+), 217 deletions(-) delete mode 100644 src/BootstrapBlazor.Server/wwwroot/css/motronic.css delete mode 100644 src/BootstrapBlazor/wwwroot/css/motronic.min.css diff --git a/src/BootstrapBlazor.Server/wwwroot/css/motronic.css b/src/BootstrapBlazor.Server/wwwroot/css/motronic.css deleted file mode 100644 index 566e9871254..00000000000 --- a/src/BootstrapBlazor.Server/wwwroot/css/motronic.css +++ /dev/null @@ -1,71 +0,0 @@ -@media (min-width: 768px) { - .sidebar { - background-color: #fff; - } -} - -.content code.highlight, -.alert-content code, -.content p code, .content li code { - background-color: #fff5f8 !important; -} - -.layout { - --bb-layout-sidebar-banner-background: #702cf8; - --bb-layout-header-background: #702cf8; - --bb-layout-header-color: #fff; - --bb-layout-title-color: #fff; -} - - .layout.is-page .layout-side { - color: #3f4254; - background-color: #fff; - } - - .layout.is-page .layout-user .layout-title { - color: #3f4254; - } - - .layout.is-page .layout-footer { - background-color: #f8f9fa; - } - - .layout .widget { - margin-right: 2rem; - --bb-widget-toggle-color: #fff; - } - - .layout .widget .dropdown-menu { - --bs-dropdown-min-width: 16rem; - } - - .layout .layout-menu { - border-right: 1px solid var(--bs-border-color); - } - -.layout-header img { - border-radius: 50%; -} - -.layout-gotop { - background: #e9ecef; - color: #3f4254; -} - - .layout-gotop:hover { - background-color: #dee2e6; - } - -.tabs-body { - background-color: #fff; -} - -.page-layout-demo-footer-link { - color: #3f4254; -} - -.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active { - --bb-bg-violet: #7a5cff; - background-color: var(--bb-bg-violet); - color: var(--bs-white); -} diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index fb379235eab..3380ef9ae45 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -4,17 +4,6 @@ --bb-primary-color: var(--bs-indigo); } -.alert { - --bs-info: var(--bb-primary-color); - --bs-info-rgb: var(--bb-primary-color); -} - -.alert-info { - --bs-alert-color: #44228c; - --bs-alert-bg: #e3d7fb; - --bs-alert-border-color: #d5c4f9; -} - .navbar { --bs-navbar-color: rgba(255,255,255,.85); --bs-navbar-hover-color: rgb(255,255,255); diff --git a/src/BootstrapBlazor/wwwroot/css/motronic.min.css b/src/BootstrapBlazor/wwwroot/css/motronic.min.css deleted file mode 100644 index a1536ba7b70..00000000000 --- a/src/BootstrapBlazor/wwwroot/css/motronic.min.css +++ /dev/null @@ -1 +0,0 @@ -:root{--bs-gray:#7e8299;--bs-gray-dark:#3f4254;--bs-gray-100:#f5f8fa;--bs-gray-200:#eff2f5;--bs-gray-300:#e4e6ef;--bs-gray-400:#b5b5c3;--bs-gray-500:#a1a5b7;--bs-gray-600:#7e8299;--bs-gray-700:#5e6278;--bs-gray-800:#3f4254;--bs-gray-900:#181c32;--bs-light:#f5f8fa;--bs-primary:#009ef7;--bs-secondary:#e4e6ef;--bs-success:#50cd89;--bs-info:#7239ea;--bs-warning:#ffc700;--bs-danger:#f1416c;--bs-dark:#181c32;--bs-light-rgb:245,248,250;--bs-primary-rgb:0,158,247;--bs-secondary-rgb:228,230,239;--bs-success-rgb:80,205,137;--bs-info-rgb:114,57,234;--bs-warning-rgb:255,199,0;--bs-danger-rgb:241,65,108;--bs-dark-rgb:24,28,50;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-rgb:24,28,50;--bs-body-color:#181c32;--bs-border-radius:.475rem;--bb-disabled-bg:#f5f8fa;--bs-border-color:var(--bs-secondary);--bb-border-focus-color:#b5b5c3;--bb-border-hover-color:#b5b5c3}.table-container{--bs-table-striped-bg:rgba(245,248,250,.75);--bs-table-hover-bg:#f5f8fa}.table-filter .card-header{border-bottom:1px solid var(--bs-secondary);background-color:var(--bs-secondary)}.table-filter .card-arrow:after{border-bottom-color:var(--bs-secondary)}.picker-panel-footer{border-bottom-left-radius:var(--bs-border-radius);border-bottom-right-radius:var(--bs-border-radius)}.table-filter .card-arrow:before{border-bottom-color:var(--bs-secondary)}.btn-primary{--bs-btn-hover-bg:#0095e8;--bs-btn-bg:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-disabled-bg:var(--bs-primary);--bs-btn-disabled-border-color:var(--bs-primary);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-secondary{--bs-btn-color:#3f4254;--bs-btn-hover-bg:#b5b5c3;--bs-btn-hover-color:var(--bs-btn-color);--bs-btn-active-color:var(--bs-btn-color);--bs-btn-disabled-color:var(--bs-btn-color);--bs-btn-bg:var(--bs-secondary);--bs-btn-border-color:var(--bs-secondary);--bs-btn-disabled-bg:var(--bs-secondary);--bs-btn-disabled-border-color:var(--bs-secondary);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-success{--bs-btn-hover-bg:#47be7d;--bs-btn-bg:var(--bs-success);--bs-btn-border-color:var(--bs-success);--bs-btn-disabled-bg:var(--bs-success);--bs-btn-disabled-border-color:var(--bs-success);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-info{--bs-btn-color:#fff;--bs-btn-hover-bg:#5014d0;--bs-btn-hover-color:var(--bs-btn-color);--bs-btn-active-color:var(--bs-btn-color);--bs-btn-disabled-color:var(--bs-btn-color);--bs-btn-bg:var(--bs-info);--bs-btn-border-color:var(--bs-info);--bs-btn-disabled-bg:var(--bs-info);--bs-btn-disabled-border-color:var(--bs-info);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-warning{--bs-btn-color:#fff;--bs-btn-hover-bg:#f1bc00;--bs-btn-hover-color:var(--bs-btn-color);--bs-btn-active-color:var(--bs-btn-color);--bs-btn-disabled-color:var(--bs-btn-color);--bs-btn-bg:var(--bs-warning);--bs-btn-border-color:var(--bs-warning);--bs-btn-disabled-bg:var(--bs-warning);--bs-btn-disabled-border-color:var(--bs-warning);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-danger{--bs-btn-hover-bg:#d9214e;--bs-btn-bg:var(--bs-danger);--bs-btn-border-color:var(--bs-danger);--bs-btn-disabled-bg:var(--bs-danger);--bs-btn-disabled-border-color:var(--bs-danger);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-dark{--bs-btn-hover-bg:#131628;--bs-btn-bg:var(--bs-dark);--bs-btn-border-color:var(--bs-dark);--bs-btn-disabled-bg:var(--bs-dark);--bs-btn-disabled-border-color:var(--bs-dark);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-light{--bs-btn-color:#212529;--bs-btn-hover-color:var(--bs-btn-color);--bs-btn-active-color:var(--bs-btn-color);--bs-btn-disabled-color:var(--bs-btn-color);--bs-btn-bg:var(--bs-light);--bs-btn-border-color:var(--bs-light);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-link{text-decoration:none;--bs-btn-color:var(--bs-primary);--bs-btn-hover-color:#0095e8}.btn-outline-primary{--bs-btn-hover-bg:#0095e8;--bs-btn-color:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-disabled-color:var(--bs-btn-color);--bs-btn-disabled-border-color:var(--bs-btn-color);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-secondary{--bs-btn-hover-bg:#b5b5c3;--bs-btn-color:#b5b5c3;--bs-btn-border-color:var(--bs-secondary);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-success{--bs-btn-hover-bg:#47be7d;--bs-btn-color:var(--bs-success);--bs-btn-border-color:var(--bs-success);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-info{--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5014d0;--bs-btn-color:var(--bs-info);--bs-btn-border-color:var(--bs-info);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-warning{--bs-btn-hover-bg:#f1bc00;--bs-btn-color:var(--bs-warning);--bs-btn-border-color:var(--bs-warning);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-danger{--bs-btn-hover-bg:#d9214e;--bs-btn-color:var(--bs-danger);--bs-btn-border-color:var(--bs-danger);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-dark{--bs-btn-hover-bg:#131628;--bs-btn-color:var(--bs-dark);--bs-btn-border-color:var(--bs-dark);--bs-btn-hover-border-color:var(--bs-btn-hover-bg);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-link{--bs-btn-hover-bg:#fff;--bs-btn-border-color:#e9ecef;--bs-btn-color:var(--bs-primary);--bs-btn-hover-color:var(--bs-primary);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-bg)}.btn-outline-light{--bs-light:#dcdfe6;--bs-btn-color:var(--bs-light);--bs-btn-border-color:var(--bs-light);--bs-btn-disabled-color:var(--bs-btn-border-color);--bs-btn-disabled-border-color:var(--bs-btn-border-color);--bs-btn-hover-border-color:#b5b5c3;--bs-btn-active-border-color:#b5b5c3}.alert-primary{--bs-alert-color:#005f94;--bs-alert-bg:#ccecfd;--bs-alert-border-color:#b3e2fd}.alert-primary .alert-link{--bs-alert-color:#004c76}.alert-secondary{--bs-alert-color:#5b5c60;--bs-alert-bg:#fafafc;--bs-alert-border-color:#f7f8fa}.alert-secondary .alert-link{--bs-alert-color:#494a4d}.alert-success{--bs-alert-color:#205237;--bs-alert-bg:#dcf5e7;--bs-alert-border-color:#cbf0dc}.alert-success .alert-link{--bs-alert-color:#1a422c}.alert-info{--bs-alert-color:#44228c;--bs-alert-bg:#e3d7fb;--bs-alert-border-color:#d5c4f9}.alert-info .alert-link{--bs-alert-color:#361b70}.alert-warning{--bs-alert-color:#665000;--bs-alert-bg:#fff4cc;--bs-alert-border-color:#ffeeb3}.alert-warning .alert-link{--bs-alert-color:#524000}.alert-danger{--bs-alert-color:#912741;--bs-alert-bg:#fcd9e2;--bs-alert-border-color:#fbc6d3}.alert-danger .alert-link{--bs-alert-color:#741f34}.alert-dark{--bs-alert-color:#0e111e;--bs-alert-bg:#d1d2d6;--bs-alert-border-color:#babbc2}.alert-dark .alert-link{--bs-alert-color:#0b0e18}.alert-bar.alert-info{--bs-alert-bg:#e3d7fb}.alert-bar.alert-success{--bs-alert-bg:#dcf5e7}.alert-bar.alert-primary{--bs-alert-bg:#ccecfd}.alert-bar.alert-warning{--bs-alert-bg:#fff4cc}.alert-bar.alert-danger{--bs-alert-bg:#fcd9e2}.modal-backdrop.show{opacity:.3}.modal-content{box-shadow:0 .25rem .5rem #0000001a}.page-item:first-child .page-link{border-top-left-radius:var(--bs-border-radius);border-bottom-left-radius:var(--bs-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-border-radius);border-bottom-right-radius:var(--bs-border-radius)}.page-item.active .page-link{background-color:var(--bs-primary);border-color:var(--bs-primary)}.page-item:not(.active) .page-link:hover{color:var(--bs-primary)}.table{--bs-table-striped-color:#181c32;--bs-table-striped-bg:rgba(245,248,250,.75);--bs-table-active-color:#181c32;--bs-table-active-bg:#f5f8fa;--bs-table-hover-color:#181c32;--bs-table-hover-bg:#f5f8fa;--bs-table-border-color:#eff2f5}.table>:not(:last-child)>:last-child>*{border-bottom-color:var(--bs-secondary)}.menu .nav-link{color:#3f4254;font-weight:500}.menu .nav .dropdown-menu .nav-link:not(.disabled):hover,.menu .nav .dropdown-menu .nav-link.active,.menu .submenu .nav-link.active,.menu .submenu .nav-link:not(.disabled):hover,.cascade .dropdown-item:not(.disabled):hover,.cascade .dropdown-item.active,.cascade .nav .nav-link:not(.disabled):hover,.cascade .nav .nav-link.active{background-color:transparent;color:var(--bs-primary)}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-success)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:var(--bs-success);box-shadow:none}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-danger)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:var(--bs-danger);box-shadow:none}.table-filter .filter-item{border-color:var(--bs-secondary)}.dropdown-menu{--bs-dropdown-item-padding-y:6px;--bs-dropdown-item-padding-x:20px}.select{--bb-select-disabled-bg:#f5f7fa}.tree-view{--bb-tree-item-hover-color:var(--bs-primary)}.btn-xs,.btn-group-xs>.btn{--bs-btn-border-radius:.375rem}.accordion{--bs-accordion-active-bg:var(--bs-secondary);--bs-accordion-btn-padding-x:1rem;--bs-accordion-btn-padding-y:.5rem}@media(prefers-reduced-motion:reduce){.btn{transition:none}} \ No newline at end of file diff --git a/src/BootstrapBlazor/wwwroot/src/css/motronic.css b/src/BootstrapBlazor/wwwroot/src/css/motronic.css index d74337a9465..7bca4268c40 100644 --- a/src/BootstrapBlazor/wwwroot/src/css/motronic.css +++ b/src/BootstrapBlazor/wwwroot/src/css/motronic.css @@ -1,4 +1,4 @@ -:root { +:root, [data-bs-theme='light'] { --bs-gray: #7E8299; --bs-gray-dark: #3F4254; --bs-gray-100: #F5F8FA; @@ -35,6 +35,88 @@ --bs-border-color: var(--bs-secondary); --bb-border-focus-color: #b5b5c3; --bb-border-hover-color: #b5b5c3; + --bs-primary-text-emphasis: #005f94; + --bs-secondary-text-emphasis: #5b5c60; + --bs-success-text-emphasis: #205237; + --bs-info-text-emphasis: #44228c; + --bs-warning-text-emphasis: #665000; + --bs-danger-text-emphasis: #912741; + --bs-light-text-emphasis: #495057; + --bs-dark-text-emphasis: #0e111e; + --bs-primary-bg-subtle: #ccecfd; + --bs-secondary-bg-subtle: #fafafc; + --bs-success-bg-subtle: #dcf5e7; + --bs-info-bg-subtle: #e3d7fb; + --bs-warning-bg-subtle: #fff4cc; + --bs-danger-bg-subtle: #fcd9e2; + --bs-light-bg-subtle: #fcfcfd; + --bs-dark-bg-subtle: #d1d2d6; + --bs-primary-border-subtle: #b3e2fd; + --bs-secondary-border-subtle: #f7f8fa; + --bs-success-border-subtle: #cbf0dc; + --bs-info-border-subtle: #d5c4f9; + --bs-warning-border-subtle: #ffeeb3; + --bs-danger-border-subtle: #fbc6d3; + --bs-light-border-subtle: #e9ecef; + --bs-dark-border-subtle: #babbc2; +} + +[data-bs-theme='dark'] { + --bs-primary-text-emphasis: #6ea8fe; + --bs-secondary-text-emphasis: #a7acb1; + --bs-success-text-emphasis: #75b798; + --bs-info-text-emphasis: #6edff6; + --bs-warning-text-emphasis: #ffda6a; + --bs-danger-text-emphasis: #ea868f; + --bs-light-text-emphasis: #f8f9fa; + --bs-dark-text-emphasis: #dee2e6; + --bs-primary-bg-subtle: #031633; + --bs-secondary-bg-subtle: #161719; + --bs-success-bg-subtle: #051b11; + --bs-info-bg-subtle: #032830; + --bs-warning-bg-subtle: #332701; + --bs-danger-bg-subtle: #2c0b0e; + --bs-light-bg-subtle: #343a40; + --bs-dark-bg-subtle: #1a1d20; + --bs-primary-border-subtle: #084298; + --bs-secondary-border-subtle: #41464b; + --bs-success-border-subtle: #0f5132; + --bs-info-border-subtle: #087990; + --bs-warning-border-subtle: #997404; + --bs-danger-border-subtle: #842029; + --bs-light-border-subtle: #495057; + --bs-dark-border-subtle: #343a40; +} + +[data-bs-theme='dark'] { + --bs-body-color: #dee2e6; + --bs-body-color-rgb: 222, 226, 230; + --bs-body-bg: #212529; + --bs-body-bg-rgb: 33, 37, 41; +} + +.table { + --bs-table-striped-color: #181C32; + --bs-table-striped-bg: rgba(245, 248, 250, 0.75); + --bs-table-active-color: #181C32; + --bs-table-active-bg: #F5F8FA; + --bs-table-hover-color: #181C32; + --bs-table-hover-bg: #F5F8FA; + --bs-table-border-color: #eff2f5; +} + +[data-bs-theme='dark'] .table { + --bs-table-striped-color: #181C32; + --bs-table-striped-bg: rgba(245, 248, 250, 0.75); + --bs-table-active-color: #181C32; + --bs-table-active-bg: #F5F8FA; + --bs-table-hover-color: #181C32; + --bs-table-hover-bg: #F5F8FA; + --bs-table-border-color: #eff2f5; +} + +.table > :not(:last-child) > :last-child > * { + border-bottom-color: var(--bs-secondary); } .table-container { @@ -42,6 +124,11 @@ --bs-table-hover-bg: #f5f8fa; } +[data-bs-theme='dark'] .table-container { + --bs-table-striped-bg: rgba(245,248,250,.75); + --bs-table-hover-bg: #f5f8fa; +} + .table-filter .card-header { border-bottom: 1px solid var(--bs-secondary); background-color: var(--bs-secondary); @@ -266,96 +353,6 @@ --bs-btn-active-border-color: #B5B5C3; } -.alert-primary { - --bs-alert-color: #005f94; - --bs-alert-bg: #ccecfd; - --bs-alert-border-color: #b3e2fd; -} - - .alert-primary .alert-link { - --bs-alert-color: #004c76; - } - -.alert-secondary { - --bs-alert-color: #5b5c60; - --bs-alert-bg: #fafafc; - --bs-alert-border-color: #f7f8fa; -} - - .alert-secondary .alert-link { - --bs-alert-color: #494a4d; - } - -.alert-success { - --bs-alert-color: #205237; - --bs-alert-bg: #dcf5e7; - --bs-alert-border-color: #cbf0dc; -} - - .alert-success .alert-link { - --bs-alert-color: #1a422c; - } - -.alert-info { - --bs-alert-color: #44228c; - --bs-alert-bg: #e3d7fb; - --bs-alert-border-color: #d5c4f9; -} - - .alert-info .alert-link { - --bs-alert-color: #361b70; - } - -.alert-warning { - --bs-alert-color: #665000; - --bs-alert-bg: #fff4cc; - --bs-alert-border-color: #ffeeb3; -} - - .alert-warning .alert-link { - --bs-alert-color: #524000; - } - -.alert-danger { - --bs-alert-color: #912741; - --bs-alert-bg: #fcd9e2; - --bs-alert-border-color: #fbc6d3; -} - - .alert-danger .alert-link { - --bs-alert-color: #741f34; - } - -.alert-dark { - --bs-alert-color: #0e111e; - --bs-alert-bg: #d1d2d6; - --bs-alert-border-color: #babbc2; -} - - .alert-dark .alert-link { - --bs-alert-color: #0b0e18; - } - -.alert-bar.alert-info { - --bs-alert-bg: #e3d7fb; -} - -.alert-bar.alert-success { - --bs-alert-bg: #dcf5e7; -} - -.alert-bar.alert-primary { - --bs-alert-bg: #ccecfd; -} - -.alert-bar.alert-warning { - --bs-alert-bg: #fff4cc; -} - -.alert-bar.alert-danger { - --bs-alert-bg: #fcd9e2; -} - .modal-backdrop.show { opacity: .3; } @@ -364,49 +361,6 @@ box-shadow: 0 0.25rem 0.5rem #0000001a; } -.page-item:first-child .page-link { - border-top-left-radius: var(--bs-border-radius); - border-bottom-left-radius: var(--bs-border-radius); -} - -.page-item:last-child .page-link { - border-top-right-radius: var(--bs-border-radius); - border-bottom-right-radius: var(--bs-border-radius); -} - -.page-item.active .page-link { - background-color: var(--bs-primary); - border-color: var(--bs-primary); -} - -.page-item:not(.active) .page-link:hover { - color: var(--bs-primary); -} - -.table { - --bs-table-striped-color: #181C32; - --bs-table-striped-bg: rgba(245, 248, 250, 0.75); - --bs-table-active-color: #181C32; - --bs-table-active-bg: #F5F8FA; - --bs-table-hover-color: #181C32; - --bs-table-hover-bg: #F5F8FA; - --bs-table-border-color: #eff2f5; -} - - .table > :not(:last-child) > :last-child > * { - border-bottom-color: var(--bs-secondary); - } - -.menu .nav-link { - color: #3f4254; - font-weight: 500; -} - -.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active { - background-color: transparent; - color: var(--bs-primary); -} - .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-success); } From a25d9be93b286f82a8ef4e4bb620636ce038948b Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 18:39:37 +0800 Subject: [PATCH 32/50] =?UTF-8?q?doc:=20=E6=9B=B4=E6=96=B0=E6=96=87?= =?UTF-8?q?=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Select/Select.razor.cs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.cs b/src/BootstrapBlazor/Components/Select/Select.razor.cs index 8db8d7d51b7..ab76781ce09 100644 --- a/src/BootstrapBlazor/Components/Select/Select.razor.cs +++ b/src/BootstrapBlazor/Components/Select/Select.razor.cs @@ -132,7 +132,7 @@ public partial class Select : ISelect public RenderFragment? DisplayTemplate { get; set; } /// - /// 获得/设置 是否开启虚拟滚动 默认 false 未开启 注意：开启虚拟滚动后不支持 参数设置 + /// 获得/设置 是否开启虚拟滚动 默认 false 未开启 注意：开启虚拟滚动后不支持 参数设置，设置初始值时请设置 /// [Parameter] public bool IsVirtualize { get; set; } From 49770a9f2499b269c8fe90ca5783bcf9d9fe6459 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 18:40:33 +0800 Subject: [PATCH 33/50] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=E9=85=8D?= =?UTF-8?q?=E7=BD=AE=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index ec62ff64b2c..d5a4d14f46f 100644 --- a/.gitignore +++ b/.gitignore @@ -376,4 +376,4 @@ src/**/wwwroot/**/uploader # sass **/BootstrapBlazor/wwwroot/scss/theme/*.css **/BootstrapBlazor/wwwroot/scss/theme/*.css.map -**/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css +**/BootstrapBlazor/wwwroot/css/*.css From 140838d0c9a4d3c415355587e507df391cf84683 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 20:01:48 +0800 Subject: [PATCH 34/50] =?UTF-8?q?refactor:=20=E7=B2=BE=E7=AE=80=20Table=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../wwwroot/src/css/motronic.css | 27 ++----------------- 1 file changed, 2 insertions(+), 25 deletions(-) diff --git a/src/BootstrapBlazor/wwwroot/src/css/motronic.css b/src/BootstrapBlazor/wwwroot/src/css/motronic.css index 7bca4268c40..d09ac74a63f 100644 --- a/src/BootstrapBlazor/wwwroot/src/css/motronic.css +++ b/src/BootstrapBlazor/wwwroot/src/css/motronic.css @@ -86,9 +86,6 @@ --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; -} - -[data-bs-theme='dark'] { --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; @@ -96,39 +93,19 @@ } .table { - --bs-table-striped-color: #181C32; --bs-table-striped-bg: rgba(245, 248, 250, 0.75); - --bs-table-active-color: #181C32; - --bs-table-active-bg: #F5F8FA; - --bs-table-hover-color: #181C32; --bs-table-hover-bg: #F5F8FA; - --bs-table-border-color: #eff2f5; } [data-bs-theme='dark'] .table { - --bs-table-striped-color: #181C32; - --bs-table-striped-bg: rgba(245, 248, 250, 0.75); - --bs-table-active-color: #181C32; - --bs-table-active-bg: #F5F8FA; - --bs-table-hover-color: #181C32; - --bs-table-hover-bg: #F5F8FA; - --bs-table-border-color: #eff2f5; + --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb),.05); + --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); } .table > :not(:last-child) > :last-child > * { border-bottom-color: var(--bs-secondary); } -.table-container { - --bs-table-striped-bg: rgba(245,248,250,.75); - --bs-table-hover-bg: #f5f8fa; -} - -[data-bs-theme='dark'] .table-container { - --bs-table-striped-bg: rgba(245,248,250,.75); - --bs-table-hover-bg: #f5f8fa; -} - .table-filter .card-header { border-bottom: 1px solid var(--bs-secondary); background-color: var(--bs-secondary); From ffe80661a132f2f6933b1b357b45bd6cd7c1e5ca Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 20:02:02 +0800 Subject: [PATCH 35/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E5=88=86?= =?UTF-8?q?=E9=A1=B5=E7=BB=84=E4=BB=B6=E6=9A=97=E9=BB=91=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Pagination/Pagination.razor.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/BootstrapBlazor/Components/Pagination/Pagination.razor.scss b/src/BootstrapBlazor/Components/Pagination/Pagination.razor.scss index bf0171165a8..5a9751ee5fc 100644 --- a/src/BootstrapBlazor/Components/Pagination/Pagination.razor.scss +++ b/src/BootstrapBlazor/Components/Pagination/Pagination.razor.scss @@ -48,6 +48,10 @@ } } +[data-bs-theme='dark'] .pagination { + --bs-pagination-active-border-color: var(--bs-border-color); +} + @media (min-width: 375px) { .pagination { --bb-pagination-link-padding: #{$bb-pagination-link-padding}; From 63c9d89db896f898c490591e6ba232441ec58a49 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 20:13:55 +0800 Subject: [PATCH 36/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20code=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Layout/MainLayout.razor.css | 1 - src/BootstrapBlazor.Server/wwwroot/css/site.css | 8 ++++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css index c295c77a915..946d992c5dd 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css @@ -26,7 +26,6 @@ ::deep li code { display: inline-block; padding: 0px 8px; - background-color: #e9ecef; margin: 0; border-radius: var(--bs-border-radius); } diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index 3380ef9ae45..ae83ac6fc7f 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -177,6 +177,14 @@ color: var(--bs-body-color); } +code { + background-color: #e9ecef; +} + +[data-bs-theme='dark'] code { + background-color: rgba(var(--bs-emphasis-color-rgb),.1); +} + @media (min-width: 768px) { :root { --bs-header-height: 50px; From 304ad0530086833d00bc24e09fc0a6bc60c30290 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 20:38:02 +0800 Subject: [PATCH 37/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=20Card=20?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Table/Table.razor.scss | 1 + src/BootstrapBlazor/wwwroot/src/css/motronic.css | 1 + 2 files changed, 2 insertions(+) diff --git a/src/BootstrapBlazor/Components/Table/Table.razor.scss b/src/BootstrapBlazor/Components/Table/Table.razor.scss index b4ca953bf3f..fda421f3068 100644 --- a/src/BootstrapBlazor/Components/Table/Table.razor.scss +++ b/src/BootstrapBlazor/Components/Table/Table.razor.scss @@ -41,6 +41,7 @@ --bb-border-focus-color: transparent; } +[data-bs-theme='dark'] .table, .table-dark { --bb-table-header-hover-bg: #343a40; --bb-table-header-icon-hover-bg: #6c757d; diff --git a/src/BootstrapBlazor/wwwroot/src/css/motronic.css b/src/BootstrapBlazor/wwwroot/src/css/motronic.css index d09ac74a63f..3341f159e5d 100644 --- a/src/BootstrapBlazor/wwwroot/src/css/motronic.css +++ b/src/BootstrapBlazor/wwwroot/src/css/motronic.css @@ -90,6 +90,7 @@ --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; + --bs-border-color: #495057; } .table { From 84fab86afb7694de4f0ddade59e7327cb7a81d03 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Thu, 21 Dec 2023 20:38:14 +0800 Subject: [PATCH 38/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=20Table=20?= =?UTF-8?q?=E6=9A=97=E9=BB=91=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/DemoBlock.razor.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css b/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css index 930f4df77bb..293f98bdd1c 100644 --- a/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/DemoBlock.razor.css @@ -19,6 +19,9 @@ opacity: 1; } +[data-bs-theme='dark'] .card:hover { + box-shadow: none; +} .card-footer { background-color: transparent; From b922fdab2cd898e7c72c07ff0132ce4810cdc52e Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 09:50:17 +0800 Subject: [PATCH 39/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=20btn-copy?= =?UTF-8?q?=20=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/Pre.razor.css | 11 ---------- .../Components/Components/Tips.razor | 1 - .../wwwroot/css/site.css | 20 +++++++++++++++++++ .../wwwroot/src/css/motronic.css | 4 ++-- 4 files changed, 22 insertions(+), 14 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/Pre.razor.css b/src/BootstrapBlazor.Server/Components/Components/Pre.razor.css index 6eea0ccf4ca..010520a28a2 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Pre.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Pre.razor.css @@ -13,17 +13,6 @@ display: none; } -::deep .btn-primary { - position: absolute; - top: .65rem; - right: 1.5rem; - font-size: 65%; - --bs-btn-color: var(--bs-primary); - --bs-btn-bg: #fff; - --bs-btn-padding-y: .25rem; - --bs-btn-padding-x: .5rem; -} - ::deep .btn-group { position: absolute; top: 0; diff --git a/src/BootstrapBlazor.Server/Components/Components/Tips.razor b/src/BootstrapBlazor.Server/Components/Components/Tips.razor index f6996b6c171..c8801e43483 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Tips.razor +++ b/src/BootstrapBlazor.Server/Components/Components/Tips.razor @@ -7,7 +7,6 @@ @code { - /// /// 获得/设置 图标 /// diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index ae83ac6fc7f..f884bde774d 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -178,6 +178,10 @@ } code { + display: inline-block; + padding: 0px 8px; + margin: 0; + border-radius: var(--bs-border-radius); background-color: #e9ecef; } @@ -185,6 +189,22 @@ code { background-color: rgba(var(--bs-emphasis-color-rgb),.1); } +.btn-copy { + position: absolute; + top: .65rem; + right: 1.5rem; + font-size: 65%; + --bs-btn-color: var(--bs-primary); + --bs-btn-bg: var(--bs-body-bg); + --bs-btn-padding-y: .25rem; + --bs-btn-padding-x: .5rem; +} + +[data-bs-theme='dark'] .btn-copy { + --bs-btn-bg: rgba(255, 255, 255, 0.12); + --bs-btn-color: rgba(255, 255, 255, 0.45); + --bs-btn-border-color: #606266; +} @media (min-width: 768px) { :root { --bs-header-height: 50px; diff --git a/src/BootstrapBlazor/wwwroot/src/css/motronic.css b/src/BootstrapBlazor/wwwroot/src/css/motronic.css index 3341f159e5d..084c9c92152 100644 --- a/src/BootstrapBlazor/wwwroot/src/css/motronic.css +++ b/src/BootstrapBlazor/wwwroot/src/css/motronic.css @@ -54,7 +54,7 @@ --bs-primary-border-subtle: #b3e2fd; --bs-secondary-border-subtle: #f7f8fa; --bs-success-border-subtle: #cbf0dc; - --bs-info-border-subtle: #d5c4f9; + --bs-info-border-subtle: #7239ea; --bs-warning-border-subtle: #ffeeb3; --bs-danger-border-subtle: #fbc6d3; --bs-light-border-subtle: #e9ecef; @@ -81,7 +81,7 @@ --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; - --bs-info-border-subtle: #087990; + --bs-info-border-subtle: #44228c; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; From d8a3b9f1e746d12c5e11a1329106dd406825e8dc Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 09:50:38 +0800 Subject: [PATCH 40/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=20ConsoleL?= =?UTF-8?q?ogger=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/wwwroot/css/site.css | 5 +++++ .../Components/Console/ConsoleLogger.razor.scss | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index f884bde774d..3bbcf66593f 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -205,6 +205,11 @@ code { --bs-btn-color: rgba(255, 255, 255, 0.45); --bs-btn-border-color: #606266; } + +[data-bs-theme='dark'] .console-logger { + background-color: rgba(var(--bs-emphasis-color-rgb),.1); +} + @media (min-width: 768px) { :root { --bs-header-height: 50px; diff --git a/src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss b/src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss index 6003a81328b..b07e538eeb1 100644 --- a/src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss +++ b/src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss @@ -1,6 +1,6 @@ .console-logger { overflow: hidden auto; - border: solid 1px #ddd; + border: solid 1px var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 0.5rem 1rem; background-color: #174482; From 0ae67dd2be61c83a3fc6b5567cb3199e4449b2d2 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 09:50:57 +0800 Subject: [PATCH 41/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E4=BE=A7?= =?UTF-8?q?=E8=BE=B9=E6=A0=8F=E8=BE=B9=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Layout/MainLayout.razor.css | 8 -------- .../Components/Layout/NavMenu.razor.css | 4 ++-- 2 files changed, 2 insertions(+), 10 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css index 946d992c5dd..6cce0b234f6 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/MainLayout.razor.css @@ -22,14 +22,6 @@ margin-bottom: 0; } -::deep p code, -::deep li code { - display: inline-block; - padding: 0px 8px; - margin: 0; - border-radius: var(--bs-border-radius); -} - ::deep .code-label { font-weight: bold; color: var(--bs-body-color); diff --git a/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css b/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css index b2f5543d0da..98ddac6a569 100644 --- a/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css +++ b/src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.css @@ -1,6 +1,6 @@ .sidebar-switch { display: flex; - border-bottom: solid 1px #c0c4cc; + border-bottom: solid 1px var(--bs-border-color); justify-content: center; align-items: center; } @@ -31,7 +31,7 @@ top: 0; right: 0; bottom: 0; - background-color: rgb(208, 215, 222); + background-color: var(--bs-border-color); } .sidebar-bar .sidebar-body { From 2debf690950eb8408da712a67b3b8435f306a33c Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 09:51:07 +0800 Subject: [PATCH 42/50] =?UTF-8?q?doc:=20=E5=BE=AE=E8=B0=83=E9=97=B4?= =?UTF-8?q?=E9=9A=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Samples/Table/TablesFilter.razor | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesFilter.razor b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesFilter.razor index a5b40da0272..9ea808b2532 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Table/TablesFilter.razor +++ b/src/BootstrapBlazor.Server/Components/Samples/Table/TablesFilter.razor @@ -15,7 +15,7 @@ -
+

@((MarkupString)Localizer["FilterableP"].Value)

  • @((MarkupString)Localizer["FilterableLi1"].Value)
    • @@ -24,7 +24,7 @@
  • @((MarkupString)Localizer["FilterableLi4"].Value)
@((MarkupString)Localizer["FilterableDiv"].Value)
- @((MarkupString)Localizer["FilterableAlert"].Value) + @((MarkupString)Localizer["FilterableAlert"].Value)
Date: Fri, 22 Dec 2023 10:40:07 +0800 Subject: [PATCH 43/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E5=85=A8?= =?UTF-8?q?=E5=B1=80=E6=90=9C=E7=B4=A2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/GlobalSearch.razor.css | 19 ++++++++++++------- .../Components/Components/Header.razor.css | 2 +- .../Components/Pages/Index.razor.css | 18 +++++++++--------- .../ValidateForm/ValidateForm.razor.scss | 6 +++--- 4 files changed, 25 insertions(+), 20 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css index ea101f2c82b..5832964224a 100644 --- a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css @@ -1,10 +1,15 @@ -::deep .btn { - --bs-btn-bg: #8759ff; - --bs-btn-hover-bg: #7d53eb; +::deep .form-control { + background-color: transparent; } -::deep .form-control { - --bs-border-color: var(--bs-body-bg); - --bb-border-focus-color: var(--bs-body-bg); - --bb-border-hover-color: var(--bs-body-bg); +::deep .auto-complete { + --bb-complete-border-color: rgba(255,255,255,.2); + --bs-border-width: 0; + border: 1px solid var(--bb-complete-border-color); + border-radius: var(--bs-border-radius); + transition: border-color .3s linear; } + + ::deep .auto-complete:hover { + --bb-complete-border-color: rgba(255,255,255,.8); + } diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css index 6a4d4fc1b9a..72e524482ba 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css @@ -1,7 +1,7 @@ header { --bb-violet-rgb: 112.520718,44.062154,249.437846; background-color: transparent; - background-image: linear-gradient(to bottom, rgba(var(--bb-violet-rgb), 1), rgba(var(--bb-violet-rgb), 0.95)); + background-image: linear-gradient(to right, rgba(var(--bb-violet-rgb), 1), rgba(var(--bb-violet-rgb), 0.6)); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); font-size: 1rem; transition: transform .3s ease; diff --git a/src/BootstrapBlazor.Server/Components/Pages/Index.razor.css b/src/BootstrapBlazor.Server/Components/Pages/Index.razor.css index 69e1b5c18d5..4cc1d3127a5 100644 --- a/src/BootstrapBlazor.Server/Components/Pages/Index.razor.css +++ b/src/BootstrapBlazor.Server/Components/Pages/Index.razor.css @@ -9,7 +9,7 @@ display: flex; flex-direction: column; border-radius: var(--bs-border-radius); - border: 1px solid #dce3e8; + border: 1px solid var(--bs-border-color); padding: 1rem; } @@ -22,7 +22,7 @@ position: absolute; margin-top: 1rem; color: #607D8B; - border-top: solid 1px #dce3e8; + border-top: solid 1px var(--bs-border-color); height: 120px; bottom: 0; left: 0; @@ -48,12 +48,12 @@ } .welcome-body .typed { - color: #0073dc; + color: var(--bb-primary-color); font-weight: 500; } .welcome-body .typed-cursor { - color: #0073dc; + color: var(--bb-primary-color); } .welcome-body .typed-cursor { @@ -71,7 +71,7 @@ } .welcome-body-en .typed { - color: #0073dc; + color: var(--bb-primary-color); font-weight: 500; } @@ -104,14 +104,14 @@ .intro p { font-size: 15px; - color: #1a1a1a; + color: var(--bs-body-color); letter-spacing: .41px; text-align: left; line-height: 24px; } .intro h3 { - color: #1a1a1a; + color: var(--bs-body-color); letter-spacing: .1px; text-align: left; line-height: 25px; @@ -125,7 +125,7 @@ margin-bottom: 2rem; padding-top: 2rem; text-align: center; - border-top: solid 1px #ddd; + border-top: solid 1px var(--bs-border-color); position: relative; } @@ -145,7 +145,7 @@ @media (min-width: 576px) { .intro .card { - border-color: #dce3e8; + border-color: var(--bs-border-color); height: 263px; width: 100%; padding: 1rem; diff --git a/src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.scss b/src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.scss index 67a885bd307..0be2cb46590 100644 --- a/src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.scss +++ b/src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.scss @@ -29,7 +29,7 @@ form { } &:focus { - border: 1px solid var(--bb-border-focus-color); + border: var(--bs-border-width) solid var(--bb-border-focus-color); box-shadow: none; } @@ -44,7 +44,7 @@ form { } &:not(.disabled):not(:disabled):not(.is-valid):not(.is-invalid):not(.no-border):not(.is-display):hover { - border: 1px solid var(--bb-border-hover-color); + border: var(--bs-border-width) solid var(--bb-border-hover-color); } } @@ -74,7 +74,7 @@ form { display: flex; justify-content: center; align-items: center; - border: 1px solid var(--bs-border-color); + border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 2rem; } From 2ec34fdae15d53aa9ea46fd5ce894a27f601f77d Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 18:02:10 +0800 Subject: [PATCH 44/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20Select?= =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Select/Select.razor.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.scss b/src/BootstrapBlazor/Components/Select/Select.razor.scss index 0d6dbfc1641..1b61bc31537 100644 --- a/src/BootstrapBlazor/Components/Select/Select.razor.scss +++ b/src/BootstrapBlazor/Components/Select/Select.razor.scss @@ -36,7 +36,7 @@ .select .form-select { background-image: none; background-color: var(--bs-body-bg); - border: 1px solid var(--bs-border-color); + border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: var(--bb-select-padding); cursor: pointer; @@ -203,7 +203,7 @@ .dropdown-menu .search { padding: var(--bb-select-search-padding); position: relative; - border-bottom: 1px solid var(--bb-select-search-border-color); + border-bottom: var(--bs-border-width) solid var(--bb-select-search-border-color); margin-bottom: var(--bb-select-search-margin-bottom); } From 92ac561ac735d9bf8a81261cb653dbfcf2955faa Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 18:02:26 +0800 Subject: [PATCH 45/50] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E6=96=87?= =?UTF-8?q?=E5=8C=96=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/CultureChooser.razor.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css index eb2fc834d51..1a8b09b254b 100644 --- a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css @@ -1,4 +1,6 @@ .culture-selector { + --bs-border-color: rgba(255,255,255,.2); + --bb-border-hover-color: rgba(255,255,255,.8); display: flex; align-items: center; } @@ -6,9 +8,16 @@ .culture-selector span { margin: 0; color: var(--bs-navbar-color); - opacity: 0.85; } .culture-selector ::deep .select { width: 210px; } + +::deep .form-control { + transition: border-color .3s linear; +} + +::deep .dropdown-toggle { + --bs-body-bg: transparent; +} From a5152e36e862e411670eecdbf648687d88c7ce5d Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 19:20:58 +0800 Subject: [PATCH 46/50] =?UTF-8?q?refactor:=20=E7=BB=9F=E4=B8=80=20border?= =?UTF-8?q?=20=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Pages/Install.razor.css | 2 +- .../Components/Samples/Steps.razor.css | 4 ++-- src/BootstrapBlazor.Server/Components/Samples/Tabs.razor | 2 +- .../Components/Samples/Tabs.razor.css | 6 ++++++ .../Components/Samples/Topologies.razor.css | 2 +- src/BootstrapBlazor.Server/wwwroot/css/site.css | 4 ++-- src/BootstrapBlazor/Components/Table/Table.razor.scss | 2 +- 7 files changed, 14 insertions(+), 8 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css b/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css index 3cde2e65698..1f28f0983bc 100644 --- a/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css +++ b/src/BootstrapBlazor.Server/Components/Pages/Install.razor.css @@ -11,7 +11,7 @@ } .git a { - border: solid 1px #ddd; + border: var(--bs-border-width) solid var(--bs-border-color); display: block; padding: 6px 10px; border-radius: var(--bs-border-radius); diff --git a/src/BootstrapBlazor.Server/Components/Samples/Steps.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Steps.razor.css index 3697ba47c7f..c7cf621b455 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Steps.razor.css +++ b/src/BootstrapBlazor.Server/Components/Samples/Steps.razor.css @@ -1,9 +1,9 @@ .step-demo ::deep .step { + --step-item-color: #ccc; background-color: #f8f9fa; padding: 0 1rem; border-radius: var(--bs-border-radius); - border: 1px solid #ddd; - --step-item-color: #ccc; + border: var(--bs-border-width) solid var(--bs-border-color); } .step-demo .fa-chevron-right { diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor index 00491065218..65c2dff7b77 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor +++ b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor @@ -279,7 +279,7 @@ private void Navigation() @((MarkupString)Localizer["TabsDynamicTabItemDescription"].Value)
- +
@Localizer["Block9Div"]
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.css index 6e6283e782e..b0ad1ea993a 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.css +++ b/src/BootstrapBlazor.Server/Components/Samples/Tabs.razor.css @@ -6,3 +6,9 @@ align-items: center; padding: 0 1rem; } + +.dynamic-tab ::deep .layout { + min-height: 180px; + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); +} diff --git a/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor.css index 07cbed926a3..3038b2512f2 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor.css +++ b/src/BootstrapBlazor.Server/Components/Samples/Topologies.razor.css @@ -1,7 +1,7 @@ .topology { height: 258px; width: 100%; - border: 1px solid #ddd; + border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); overflow: hidden; } diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index 3bbcf66593f..0b8241e5dcb 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -119,7 +119,7 @@ } .connection-body-tail { - border-right: 1px solid #d8d8d8; + border-right: 1px solid var(--bs-border-color); width: 1px; margin-left: 1rem; } @@ -133,7 +133,7 @@ .connection-box { border-radius: var(--bs-border-radius); - border: 1px solid #ddd; + border: var(--bs-border-width) solid var(--bs-border-color); margin-bottom: 1rem; position: relative; overflow: hidden; diff --git a/src/BootstrapBlazor/Components/Table/Table.razor.scss b/src/BootstrapBlazor/Components/Table/Table.razor.scss index fda421f3068..f2e3b3f3b6f 100644 --- a/src/BootstrapBlazor/Components/Table/Table.razor.scss +++ b/src/BootstrapBlazor/Components/Table/Table.razor.scss @@ -358,7 +358,7 @@ display: flex; justify-content: center; align-items: center; - border: 1px solid #ddd; + border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 2rem; flex: 1; From 51f31f6dff640f5873c039aab92b064a7c269545 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 19:21:10 +0800 Subject: [PATCH 47/50] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E9=87=8D?= =?UTF-8?q?=E8=BF=9E=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor.Server/wwwroot/css/site.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/BootstrapBlazor.Server/wwwroot/css/site.css b/src/BootstrapBlazor.Server/wwwroot/css/site.css index 0b8241e5dcb..c667356ed9c 100644 --- a/src/BootstrapBlazor.Server/wwwroot/css/site.css +++ b/src/BootstrapBlazor.Server/wwwroot/css/site.css @@ -113,9 +113,13 @@ bottom: 0; left: 0; right: 0; - background-color: #fff; + background-color: var(--bs-body-bg); padding: 1rem; - color: #696969; + color: var(--bs-body-color); +} + +[data-bs-theme='dark'] .connection-body { + background-color: #222939; } .connection-body-tail { From 5e849cc88af6c55ebd3a0b8a15683eee17d9af7f Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 19:21:25 +0800 Subject: [PATCH 48/50] =?UTF-8?q?refactor:=20=E5=BE=AE=E8=B0=83=20Header?= =?UTF-8?q?=20=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/Header.razor.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css index 72e524482ba..81d7d602c87 100644 --- a/src/BootstrapBlazor.Server/Components/Components/Header.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/Header.razor.css @@ -1,7 +1,7 @@ header { --bb-violet-rgb: 112.520718,44.062154,249.437846; background-color: transparent; - background-image: linear-gradient(to right, rgba(var(--bb-violet-rgb), 1), rgba(var(--bb-violet-rgb), 0.6)); + background-image: linear-gradient(to right, rgba(var(--bb-violet-rgb), 1), rgba(var(--bb-violet-rgb), 0.9)); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); font-size: 1rem; transition: transform .3s ease; From 27b9675989ea0fb108fedb26d01d3bf2b2f8ce94 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 19:21:40 +0800 Subject: [PATCH 49/50] =?UTF-8?q?refactor:=20=E9=80=82=E9=85=8D=E5=85=A8?= =?UTF-8?q?=E5=B1=80=E6=90=9C=E7=B4=A2=E6=9A=97=E9=BB=91=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/GlobalSearch.razor.css | 23 ++++++++++++++----- 1 file changed, 17 insertions(+), 6 deletions(-) diff --git a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css index 5832964224a..24d6768c082 100644 --- a/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor.css @@ -1,15 +1,26 @@ -::deep .form-control { - background-color: transparent; -} - + ::deep .auto-complete { --bb-complete-border-color: rgba(255,255,255,.2); --bs-border-width: 0; + --bb-complete-color: rgba(255,255,255,.85); border: 1px solid var(--bb-complete-border-color); border-radius: var(--bs-border-radius); transition: border-color .3s linear; } - ::deep .auto-complete:hover { - --bb-complete-border-color: rgba(255,255,255,.8); +::deep .form-control { + background-color: transparent; + color: var(--bb-complete-color); +} + + ::deep .form-control::placeholder { + color: rgba(255,255,255,.4); } + +::deep .auto-complete:hover { + --bb-complete-border-color: rgba(255,255,255,.8); +} + +::deep .btn { + color: var(--bb-complete-color); +} From 2213f8085a6d937171ff85d36c90624386f20c40 Mon Sep 17 00:00:00 2001 From: Argo-AscioTech Date: Fri, 22 Dec 2023 19:21:51 +0800 Subject: [PATCH 50/50] =?UTF-8?q?refactor:=20=E9=80=82=E9=85=8D=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Components/CultureChooser.razor.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css index 1a8b09b254b..13f9488daf8 100644 --- a/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css +++ b/src/BootstrapBlazor.Server/Components/Components/CultureChooser.razor.css @@ -1,8 +1,10 @@ .culture-selector { --bs-border-color: rgba(255,255,255,.2); --bb-border-hover-color: rgba(255,255,255,.8); + --bb-select-color: rgba(255,255,255,.85); display: flex; align-items: center; + color: var(--bb-select-color); } .culture-selector span { @@ -21,3 +23,8 @@ ::deep .dropdown-toggle { --bs-body-bg: transparent; } + + +::deep .form-select { + color: var(--bb-select-color); +}