gru/expense-control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

poprawka w trybie jasnym i logowaniu

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-04-05 13:50:21 +02:00
parent 9a6e77a5fc
commit 1ba1a26291
2 changed files with 108 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
web/src/styles.scss
View File

@@ -3,16 +3,18 @@
:root {
--tblr-primary: #111827;
--tblr-primary-rgb: 17, 24, 39;
--tblr-border-radius: 0.75rem;
--tblr-border-radius-lg: 0.9rem;
--tblr-border-radius-sm: 0.45rem;
--tblr-card-border-radius: 0.9rem;
--tblr-border-radius: 1rem;
--tblr-border-radius-lg: 1rem;
--tblr-border-radius-sm: 0.75rem;
--tblr-card-border-radius: 1rem;
--tblr-body-bg: #f4f6f8;
--ec-shell-bg: #f4f6f8;
--ec-card-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
--ec-card-border: rgba(15, 23, 42, 0.08);
--ec-navbar-bg: rgba(255, 255, 255, 0.95);
--ec-subnav-bg: rgba(255, 255, 255, 0.9);
--ec-light-radius-sm: 0.75rem;
--ec-light-radius-md: 1rem;
}
html,
@@ -24,6 +26,41 @@ body {
background: var(--ec-shell-bg);
}
[data-bs-theme="light"] {
--tblr-border-radius: var(--ec-light-radius-md);
--tblr-border-radius-lg: var(--ec-light-radius-md);
--tblr-border-radius-sm: var(--ec-light-radius-sm);
--tblr-card-border-radius: var(--ec-light-radius-md);
}
[data-bs-theme="light"] .card,
[data-bs-theme="light"] .pv-card,
[data-bs-theme="light"] .login-card,
[data-bs-theme="light"] .modal-content,
[data-bs-theme="light"] .alert,
[data-bs-theme="light"] .toast,
[data-bs-theme="light"] .dropdown-menu,
[data-bs-theme="light"] .table-responsive,
[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .form-check-input,
[data-bs-theme="light"] .input-group-text,
[data-bs-theme="light"] .btn,
[data-bs-theme="light"] .nav-segmented,
[data-bs-theme="light"] .nav-pills .nav-link,
[data-bs-theme="light"] .nav-tabs .nav-link,
[data-bs-theme="light"] .page-link {
border-radius: var(--ec-light-radius-md);
}
[data-bs-theme="light"] .rounded-3 {
border-radius: var(--ec-light-radius-md) !important;
}
[data-bs-theme="light"] .rounded-2 {
border-radius: var(--ec-light-radius-sm) !important;
}
[data-bs-theme="dark"] {
--tblr-primary: #0f172a;
--tblr-primary-rgb: 15, 23, 42;
@@ -158,7 +195,21 @@ body {
}
.login-card-enhanced {
position: relative;
overflow: hidden;
border-width: 1px;
}
.login-card-enhanced::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 5px;
background: linear-gradient(90deg, rgba(32, 107, 196, 0.95), rgba(47, 179, 68, 0.9));
}
.login-card-enhanced .card-body {
position: relative;
}
.login-input-stack {
@@ -175,6 +226,8 @@ body {
.login-footer-note {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(148, 163, 184, 0.18);
color: var(--tblr-secondary);
font-size: 0.875rem;
}