taarly/PHP_AdminTool_Projekt
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

farben angepasst

Browse Source
This commit is contained in:
MuchenTuchen31 2025-12-14 15:57:40 +01:00
parent 02766e1bf9
commit 5ba162994e
1 changed files with 39 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
public/css/sb-admin-2.css
View File

@ -11,27 +11,27 @@
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/ */
:root { :root {
--blue: #4e73df; --blue: #3b82f6;
--indigo: #6610f2; --indigo: #6366f1;
--purple: #6f42c1; --purple: #8b5cf6;
--pink: #e83e8c; --pink: #ec4899;
--red: #e74a3b; --red: #ef4444;
--orange: #fd7e14; --orange: #f97316;
--yellow: #f6c23e; --yellow: #f59e0b;
--green: #1cc88a; --green: #10b981;
--teal: #20c9a6; --teal: #14b8a6;
--cyan: #36b9cc; --cyan: #06b6d4;
--white: #fff; --white: #fff;
--gray: #858796; --gray: #9ca3af;
--gray-dark: #5a5c69; --gray-dark: #374151;
--primary: #4e73df; --primary: #3b82f6;
--secondary: #858796; --secondary: #6b7280;
--success: #1cc88a; --success: #10b981;
--info: #36b9cc; --info: #06b6d4;
--warning: #f6c23e; --warning: #f59e0b;
--danger: #e74a3b; --danger: #ef4444;
--light: #f8f9fc; --light: #1f2937;
--dark: #5a5c69; --dark: #111827;
--breakpoint-xs: 0; --breakpoint-xs: 0;
--breakpoint-sm: 576px; --breakpoint-sm: 576px;
--breakpoint-md: 768px; --breakpoint-md: 768px;
@ -64,9 +64,9 @@ body {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #858796; color: #e5e7eb;
text-align: left; text-align: left;
background-color: #fff; background-color: #0f172a;
} }
[tabindex="-1"]:focus:not(:focus-visible) { [tabindex="-1"]:focus:not(:focus-visible) {
@ -364,6 +364,7 @@ h1, h2, h3, h4, h5, h6,
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-weight: 400; font-weight: 400;
line-height: 1.2; line-height: 1.2;
color: #f1f5f9;
} }
h1, .h1 { h1, .h1 {
@ -4489,9 +4490,9 @@ input[type="button"].btn-block {
flex-direction: column; flex-direction: column;
min-width: 0; min-width: 0;
word-wrap: break-word; word-wrap: break-word;
background-color: #fff; background-color: #1e293b;
background-clip: border-box; background-clip: border-box;
border: 1px solid #e3e6f0; border: 1px solid #334155;
border-radius: 0.35rem; border-radius: 0.35rem;
} }
@ -4552,8 +4553,8 @@ input[type="button"].btn-block {
.card-header { .card-header {
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
margin-bottom: 0; margin-bottom: 0;
background-color: #f8f9fc; background-color: #0f172a;
border-bottom: 1px solid #e3e6f0; border-bottom: 1px solid #334155;
} }
.card-header:first-child { .card-header:first-child {
@ -4562,8 +4563,8 @@ input[type="button"].btn-block {
.card-footer { .card-footer {
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
background-color: #f8f9fc; background-color: #0f172a;
border-top: 1px solid #e3e6f0; border-top: 1px solid #334155;
} }
.card-footer:last-child { .card-footer:last-child {
@ -6491,7 +6492,7 @@ button.bg-dark:focus {
} }
.bg-white { .bg-white {
background-color: #fff !important; background-color: #1e293b !important;
} }
.bg-transparent { .bg-transparent {
@ -6499,15 +6500,15 @@ button.bg-dark:focus {
} }
.border { .border {
border: 1px solid #e3e6f0 !important; border: 1px solid #334155 !important;
} }
.border-top { .border-top {
border-top: 1px solid #e3e6f0 !important; border-top: 1px solid #334155 !important;
} }
.border-right { .border-right {
border-right: 1px solid #e3e6f0 !important; border-right: 1px solid #334155 !important;
} }
.border-bottom { .border-bottom {
@ -9900,8 +9901,8 @@ a:focus {
} }
.bg-gradient-primary { .bg-gradient-primary {
background-color: #4e73df; background-color: #1e3a8a;
background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); background-image: linear-gradient(180deg, #1e40af 0%, #1e3a8a 50%, #172554 100%);
background-size: cover; background-size: cover;
} }
@ -10388,7 +10389,7 @@ a:focus {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin: 0 0.5rem; margin: 0 0.5rem;
display: block; display: block;
color: #3a3b45; color: #cbd5e1;
text-decoration: none; text-decoration: none;
border-radius: 0.35rem; border-radius: 0.35rem;
white-space: nowrap; white-space: nowrap;
@ -10396,17 +10397,17 @@ a:focus {
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover { .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
background-color: #eaecf4; background-color: #334155;
} }
.sidebar .nav-item .collapse .collapse-inner .collapse-item:active, .sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active { .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
background-color: #dddfeb; background-color: #475569;
} }
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active { .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
color: #4e73df; color: #3b82f6;
font-weight: 700; font-weight: 700;
} }