From 6716802ca03eab061488828f9c8429580411ee23 Mon Sep 17 00:00:00 2001 From: Argo-Asicotech Date: Sat, 17 Dec 2022 11:48:18 +0800 Subject: [PATCH 1/5] =?UTF-8?q?doc:=20=E5=A2=9E=E5=8A=A0=E4=B8=80=E5=A5=97?= =?UTF-8?q?=20blue=20=E4=B8=BB=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../wwwroot/css/blue.css | 48 ++ .../wwwroot/css/motronic.css | 513 +++++++++++++++++- 2 files changed, 559 insertions(+), 2 deletions(-) create mode 100644 src/BootstrapBlazor.Shared/wwwroot/css/blue.css diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css new file mode 100644 index 00000000000..3cdced24e0a --- /dev/null +++ b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css @@ -0,0 +1,48 @@ +@media (min-width: 768px) { + .sidebar { + background-color: #fff !important; + } +} + +.content code.highlight, +.alert-content code, +.content p code, .content li code { + background-color: #fff5f8 !important; +} + +.layout.is-page .layout-side { + color: #3f4254; + background-color: #fff; + box-shadow: 0 0 28px 0 rgb(82 63 105 / 5%); +} + +.layout.is-page .layout-user .layout-title { + color: #3f4254; +} + +.layout.is-page .layout-footer { + background-color: #f8f9fa; +} + +.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.Shared/wwwroot/css/motronic.css b/src/BootstrapBlazor.Shared/wwwroot/css/motronic.css index 3cdced24e0a..bd108d5eb4f 100644 --- a/src/BootstrapBlazor.Shared/wwwroot/css/motronic.css +++ b/src/BootstrapBlazor.Shared/wwwroot/css/motronic.css @@ -1,4 +1,514 @@ -@media (min-width: 768px) { +: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: #512bd4; + --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; + --bs-link-color: #512bd4; +} + +.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; +} + +.btn { + --bs-btn-disabled-opacity: 0.85; + --bs-btn-color: #fff !important; + --bs-btn-hover-bg: #4122aa !important; + --bs-btn-hover-color: var(--bs-btn-color) !important; + --bs-btn-active-color: var(--bs-btn-color) !important; + --bs-btn-disabled-color: var(--bs-btn-color) !important; + --bs-btn-bg: var(--bs-primary) !important; + --bs-btn-border-color: var(--bs-primary) !important; + --bs-btn-disabled-bg: var(--bs-primary) !important; + --bs-btn-disabled-border-color: var(--bs-primary) !important; + --bs-btn-hover-border-color: var(--bs-btn-hover-bg) !important; + --bs-btn-active-bg: var(--bs-btn-hover-bg) !important; + --bs-btn-active-border-color: var(--bs-btn-hover-bg) !important; +} + +.input-group .form-control:not(.invalid):not(.valid):hover { + 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 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); +} + + .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); +} + +/*dropdonw*/ +.dropdown-menu { + --bs-dropdown-item-padding-y: 6px; + --bs-dropdown-item-padding-x: 20px; +} +/*end dropdown*/ + +/*select*/ +.select { + --bb-select-disabled-bg: #f5f7fa; +} +/*end select*/ + +/*tree*/ +.tree-view { + --bb-tree-item-hover-color: var(--bs-primary); +} +/*end tree*/ + +/*btn*/ +.btn-xs, .btn-group-xs > .btn { + --bs-btn-border-radius: .375rem; +} +/*end btn*/ + +/*collapse*/ +.accordion { + --bs-accordion-active-bg: var(--bs-secondary); + --bs-accordion-btn-padding-x: 1rem; + --bs-accordion-btn-padding-y: .5rem; +} + +@media (min-width: 576px) { + .modal-content { + box-shadow: 0 0.5rem 1rem #0000001a; + } +} + +@media (prefers-reduced-motion:reduce) { + .btn { + transition: none; + } +} + +.tabs-border-card > .tabs-header .tabs-item.active { + color: var(--bs-primary) +} + +/*以下为 Site 使用*/ +:root { + --bs-info: #512bd4; + --bb-bg-violet: #512bd4; +} + +header { + --bb-violet-rgb: 81,43,212; +} + +@media (min-width: 768px) { .sidebar { background-color: #fff !important; } @@ -42,7 +552,6 @@ } .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); } From e23a47828bd330991afd63df97d15657a26efe58 Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sat, 21 Jan 2023 02:08:11 +0800 Subject: [PATCH 2/5] test: test --- src/BootstrapBlazor.Shared/wwwroot/css/blue.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css index 3cdced24e0a..c0cfa6b4e11 100644 --- a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css +++ b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css @@ -22,6 +22,7 @@ .layout.is-page .layout-footer { background-color: #f8f9fa; + background-color: #f8f9fa; } .layout-gotop { From 970db7ae79ca92ed9277c5c2e94185c9c36f01a9 Mon Sep 17 00:00:00 2001 From: Argo Date: Sat, 21 Jan 2023 02:49:16 +0800 Subject: [PATCH 3/5] Update blue.css --- src/BootstrapBlazor.Shared/wwwroot/css/blue.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css index c0cfa6b4e11..65c043f6cf1 100644 --- a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css +++ b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css @@ -23,6 +23,7 @@ .layout.is-page .layout-footer { background-color: #f8f9fa; background-color: #f8f9fa; + background-color: #f8f9fa; } .layout-gotop { From 45e0722d6d1108cfdafbd19eb6c52d3fd78a667b Mon Sep 17 00:00:00 2001 From: Argo Date: Sat, 21 Jan 2023 11:17:12 +0800 Subject: [PATCH 4/5] Update blue.css --- src/BootstrapBlazor.Shared/wwwroot/css/blue.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css index 65c043f6cf1..d5869730a6b 100644 --- a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css +++ b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css @@ -8,6 +8,7 @@ .alert-content code, .content p code, .content li code { background-color: #fff5f8 !important; + background-color: #fff5f8 !important; } .layout.is-page .layout-side { From 0b886c8ad6a868507266528fdcb62ec6de8dd6f4 Mon Sep 17 00:00:00 2001 From: Argo Date: Sat, 21 Jan 2023 11:22:48 +0800 Subject: [PATCH 5/5] Update blue.css --- src/BootstrapBlazor.Shared/wwwroot/css/blue.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css index d5869730a6b..51fcffd8f13 100644 --- a/src/BootstrapBlazor.Shared/wwwroot/css/blue.css +++ b/src/BootstrapBlazor.Shared/wwwroot/css/blue.css @@ -9,6 +9,7 @@ .content p code, .content li code { background-color: #fff5f8 !important; background-color: #fff5f8 !important; + background-color: #fff5f8 !important; } .layout.is-page .layout-side {