starred/godoxy
1
0
Fork 0
mirror of https://github.com/yusing/godoxy.git synced 2026-04-23 09:18:51 +02:00
Code Issues 18 Packages Projects Releases 10 Wiki Activity

feat(middleware): add themed middleware with customizable themes and styles

Browse Source 
- Introduced a new themed middleware that allows for dynamic theme application.
- Added support for multiple themes: dark, dark-grey, solarized-dark, and custom CSS.
- Included CSS files for each theme and a font CSS template for font customization.
- Updated middleware registry to include the new themed middleware.
This commit is contained in:
yusing
2025-07-20 12:59:25 +08:00
parent 46c7ee4d84
commit e02cacdf2a
6 changed files with 499 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
internal/net/gphttp/middleware/themes/dark.css Normal file
View File

@@ -0,0 +1,116 @@
:not(img, svg) {
background-color: #000 !important;
color: #ccc !important;
}
pre {
background-color: #000 !important;
padding: 0;
border: none;
}
pre code {
color: #00bcd4 !important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
color: #ccc !important;
}
code,
strong {
color: #fff !important;
}
code {
font-weight: 100;
}
table {
color: #ccc !important;
}
table td,
table th {
border-color: #444 !important;
}
table tbody td:first-child {
color: #fff !important;
}
.form-group label {
color: #ccc !important;
border-color: rgba(95, 95, 95, 0.78) !important;
}
.form-group.form-textarea label:after {
background-color: #000 !important;
}
.form-control {
color: #ccc !important;
border-color: rgba(95, 95, 95, 0.78) !important;
}
.form-control:focus {
border-color: #ccc !important;
color: #ccc !important;
}
textarea.form-control {
color: #ccc !important;
}
.card {
border-color: rgba(95, 95, 95, 0.78) !important;
}
.card .card-header {
background-color: transparent !important;
color: #ccc !important;
border-bottom: 1px solid rgba(95, 95, 95, 0.78) !important;
}
.btn.btn-ghost.btn-default {
border-color: #ababab !important;
color: #ababab !important;
}
.btn.btn-ghost.btn-default:focus,
.btn.btn-ghost.btn-default:hover {
border-color: #9c9c9c !important;
color: #9c9c9c !important;
z-index: 1;
}
.btn.btn-ghost.btn-default:focus,
.btn.btn-ghost.btn-default:hover {
border-color: #e0e0e0 !important;
color: #e0e0e0 !important;
}
.btn.btn-ghost.btn-primary:focus,
.btn.btn-ghost.btn-primary:hover {
border-color: #64b5f6 !important;
color: #64b5f6 !important;
}
.btn.btn-ghost.btn-success:focus,
.btn.btn-ghost.btn-success:hover {
border-color: #81c784 !important;
color: #81c784 !important;
}
.btn.btn-ghost.btn-info:focus,
.btn.btn-ghost.btn-info:hover {
border-color: #4dd0e1 !important;
color: #4dd0e1 !important;
}
.btn.btn-ghost.btn-error:focus,
.btn.btn-ghost.btn-error:hover {
border-color: #e57373 !important;
color: #e57373 !important;
}
.btn.btn-ghost.btn-warning:focus,
.btn.btn-ghost.btn-warning:hover {
border-color: #ffb74d !important;
color: #ffb74d !important;
}
.avatarholder,
.placeholder {
background-color: transparent !important;
border-color: #333 !important;
}
.menu .menu-item {
color: #ccc !important;
border-color: rgba(95, 95, 95, 0.78) !important;
}
.menu .menu-item.active,
.menu .menu-item:hover {
color: #fff !important;
border-color: #ccc !important;
}