test/BootstrapBlazor3
1
0
Fork 0
mirror of https://gitee.com/LongbowEnterprise/BootstrapBlazor.git synced 2024-11-29 18:49:08 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(Layout): support dark mode (#4286)

Browse Source 
* feat: support dark mode

* chore: bump version 8.9.2-beta09
This commit is contained in:
Argo Zhang 2024-09-12 12:24:47 +08:00 committed by GitHub
parent a2a95e3122
commit af3140a335
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/BootstrapBlazor/BootstrapBlazor.csproj
View File

@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup>
<Version>8.9.2-beta08</Version>
<Version>8.9.2-beta09</Version>
</PropertyGroup>
<ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">

1
src/BootstrapBlazor/Components/Layout/Layout.razor.scss
View File

@ -10,7 +10,6 @@
--bb-layout-sidebar-width: #{$bb-layout-sidebar-width};
--bb-layout-sidebar-collapse-width: #{$bb-layout-sidebar-collapse-width};
--bb-layout-sidebar-banner-background: #{$bb-layout-sidebar-banner-background};
--bb-layout-sidebar-scrollbar-background: #{$bb-layout-sidebar-scrollbar-background};
--bb-layout-sidebar-background: #{$bb-layout-sidebar-background};
--bb-layout-sidebar-color: #{$bb-layout-sidebar-color};
--bb-layout-title-color: #{$bb-layout-title-color};

13
src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss vendored
View File

@ -315,18 +315,17 @@ $bb-ip-cell-max-width: 30px;
// Layout
$bb-layout-header-height: 50px;
$bb-layout-header-background: #f8f9fa;
$bb-layout-header-background: var(--bs-body-bg);
$bb-layout-header-color: var(--bs-body-color);
$bb-layout-headerbar-background: #409eff;
$bb-layout-headerbar-border-color: #409eff;
$bb-layout-footer-background: #f8f9fa;
$bb-layout-headerbar-background: var(--bs-body-bg);
$bb-layout-headerbar-border-color: var(--bs-body-color);
$bb-layout-footer-background: var(--bs-body-bg);
$bb-layout-footer-color: var(--bs-body-color);
$bb-layout-footer-height: 40px;
$bb-layout-sidebar-width: 214px;
$bb-layout-sidebar-collapse-width: 70px;
$bb-layout-sidebar-banner-background: #f8f9fa;
$bb-layout-sidebar-scrollbar-background: #c1c1c1;
$bb-layout-sidebar-background: #f8f9fa;
$bb-layout-sidebar-banner-background: var(--bs-body-bg);
$bb-layout-sidebar-background: var(--bs-body-bg);
$bb-layout-sidebar-color: var(--bs-body-color);
$bb-layout-title-color: var(--bs-body-color);
$bb-layout-title-margin-left: .5rem;