diff --git a/src/BootstrapBlazor.Server/appsettings.json b/src/BootstrapBlazor.Server/appsettings.json
index c57edbbe7dba7c8c344435de0c289dc970828ffc..38d20f9b326fa2aa79491df4c7694a4a556e07a1 100644
--- a/src/BootstrapBlazor.Server/appsettings.json
+++ b/src/BootstrapBlazor.Server/appsettings.json
@@ -42,7 +42,7 @@
   "Themes": {
     "Ant Design (完善中)": "ant",
     "LayUI (完善中)": "layui",
-    "DevUI (完善中)": "devui"
+    "DevUI (制作中)": "devui"
   },
   "WebHooks": {
     "Gitee": {
diff --git a/src/BootstrapBlazor.Shared/wwwroot/css/devui.css b/src/BootstrapBlazor.Shared/wwwroot/css/devui.css
index 0e36810ad7f4c8aff7555d4a1633ade8bf1e5f16..df584c0114ca6dbbce622c1029e85e97e264c232 100644
--- a/src/BootstrapBlazor.Shared/wwwroot/css/devui.css
+++ b/src/BootstrapBlazor.Shared/wwwroot/css/devui.css
@@ -1,3 +1,37 @@
-body
-{
-}
\ No newline at end of file
+:root {
+    --bs-border-radius: 4px;
+}
+
+.btn {
+    --bs-btn-padding-x: 16px;
+    --bs-btn-padding-y: 4px;
+}
+
+.btn-xs, .btn-group-xs > .btn {
+    --bs-btn-padding-x: 8px;
+    --bs-btn-padding-y: 0;
+}
+
+.btn-group-sm > .btn, .btn-sm {
+    --bs-btn-padding-x: 12px;
+    --bs-btn-padding-y: 2px;
+}
+
+.btn-primary {
+    --bs-primary: #5e7ce0;
+    --bs-btn-hover-bg: #7693f5;
+    --bs-btn-active-bg: #344899;
+    --bs-btn-border-color: transparent;
+}
+
+.btn-danger {
+    --bs-danger: #c7000b;
+    --bs-btn-hover-bg: #d64a52;
+    --bs-btn-active-bg: #b12220;
+    --bs-btn-border-color: transparent;
+}
+
+.table-container {
+    --bb-table-td-padding-x: .5rem;
+    --bb-table-td-padding-y: .25rem;
+}
diff --git a/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css b/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css
index f34789742570f95502187e94560272dc1f4cdd3a..11805ca8c9d96ab2d15fe6a39d9f7d6c756f21d6 100644
--- a/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css
+++ b/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css
@@ -19,4 +19,4 @@
  * Copyright 2020-2022 The Longbow Argo (argo@163.com)
  * Licensed under MIT (https://github.com/dotnetcore/BootstrapBlazor/blob/main/LICENSE)
  */
-:root{--bb-disabled-bg:#ebeef5;--bb-border-focus-color:#86b7fe;--bb-border-hover-color:#86b7fe;--bb-height:35px;--bb-disabled-opactiy:.65;--bb-dropdown-max-height:274px}body,.form-control,.dropdown-menu,.form-select,.input-group-text{font-size:.875rem}a,[for]{cursor:pointer}a,a:hover,a:focus{text-decoration:none}[disabled],:disabled,.disabled,.disabled>*{cursor:not-allowed !important}.disabled :where(.fa,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin,.fad,.fa-duotone,.fab,.fa-brands),.disabled :where(.range-separator),:disabled,.form-control:disabled{opacity:var(--bb-disabled-opactiy)}:focus-visible,:focus{outline:none}
\ No newline at end of file
+:root{--bb-disabled-bg:#ebeef5;--bb-border-focus-color:#86b7fe;--bb-border-hover-color:#86b7fe;--bb-height:35px;--bb-disabled-opactiy:.65;--bb-dropdown-max-height:274px}body,.form-control,.dropdown-menu,.form-select,.input-group-text{font-size:.875rem}a,[for]{cursor:pointer}a,a:hover,a:focus{text-decoration:none}[disabled],:disabled,.disabled,.disabled>*{cursor:not-allowed !important}.disabled :where(.fa,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin,.fad,.fa-duotone,.fab,.fa-brands),.disabled :where(.range-separator),:disabled,.form-control:disabled{opacity:var(--bb-disabled-opactiy)}:focus-visible,:focus{outline:none}.btn{--bs-btn-border-radius:var(--bs-border-radius)}
\ No newline at end of file
diff --git a/src/BootstrapBlazor/wwwroot/src/bootstrap.blazor.css b/src/BootstrapBlazor/wwwroot/src/bootstrap.blazor.css
index 74953c5a781f06124d2bc6133923232ecee866d7..f18981ec3b190d279bcccad47213f90985a2a312 100644
--- a/src/BootstrapBlazor/wwwroot/src/bootstrap.blazor.css
+++ b/src/BootstrapBlazor/wwwroot/src/bootstrap.blazor.css
@@ -48,3 +48,7 @@ a,
 :focus {
     outline: none;
 }
+
+.btn {
+    --bs-btn-border-radius: var(--bs-border-radius);
+}