meshkee-app/dashboards
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add business dashboard dark mode from Super Admin theme setting.

Browse Source 
Login and in-app surfaces follow tenant themeMode, matching customer dark tokens, with themed switches and tighter card/table chrome.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-31 13:40:40 +03:30
co-authored by Cursor
parent 65012717d0
commit e9400c2281
83 changed files with 586 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/dashboard-ui/src/components/AddressListEditor.module.css
+1 -1
View File
@@ -53,7 +53,7 @@
font-size: var(--field-font-size);
border: 1px solid rgba(148, 163, 184, 0.35);
border-radius: var(--radius-sm);
background-color: rgba(255, 255, 255, 0.7);
background-color: var(--surface);
}
.selectField {
packages/dashboard-ui/src/components/PasswordResetModal.module.css
+14 -2
View File
@@ -16,7 +16,7 @@
width: 100%;
max-width: 440px;
padding: 28px 28px 24px;
background: rgba(255, 255, 255, 0.88);
background: var(--elevated-surface);
backdrop-filter: blur(28px);
-webkit-backdrop-filter: blur(28px);
border: 1px solid var(--glass-border);
@@ -65,7 +65,7 @@
font-family: var(--font-ui);
line-height: 1.4;
color: var(--text-primary);
background: rgba(255, 255, 255, 0.75);
background: var(--surface);
border: 1px solid rgba(148, 163, 184, 0.35);
border-radius: var(--radius-sm);
outline: none;
@@ -101,12 +101,24 @@
color: #b91c1c;
}
:global(html[data-theme='dark']) .error {
color: #fecaca;
background: rgba(239, 68, 68, 0.16);
border-color: rgba(248, 113, 113, 0.45);
}
.success {
background: rgba(34, 197, 94, 0.08);
border: 1px solid rgba(34, 197, 94, 0.25);
color: #15803d;
}
:global(html[data-theme='dark']) .success {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.16);
border-color: rgba(74, 222, 128, 0.4);
}
.actions {
display: flex;
gap: 10px;
packages/dashboard-ui/src/components/RichTextEditor.module.css
+4 -4
View File
@@ -4,7 +4,7 @@
min-width: 0;
border: 1px solid rgba(148, 163, 184, 0.35);
border-radius: var(--radius-sm);
background: rgba(255, 255, 255, 0.7);
background: var(--surface);
overflow: visible;
transition: border-color 0.2s, box-shadow 0.2s;
box-sizing: border-box;
@@ -22,7 +22,7 @@
gap: 2px;
padding: 4px 6px;
border-bottom: 1px solid rgba(148, 163, 184, 0.2);
background: rgba(248, 250, 252, 0.8);
background: var(--elevated-surface);
position: relative;
z-index: 2;
}
@@ -110,7 +110,7 @@
padding: 10px;
border: 1px solid rgba(148, 163, 184, 0.35);
border-radius: var(--radius-sm);
background: rgba(255, 255, 255, 0.98);
background: var(--elevated-surface);
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}
@@ -142,7 +142,7 @@
padding: var(--field-padding-y) var(--field-padding-x);
border: 1px solid rgba(148, 163, 184, 0.35);
border-radius: var(--radius-sm);
background: rgba(255, 255, 255, 0.9);
background: var(--elevated-surface);
font-size: var(--field-font-size);
font-family: var(--font-ui);
color: var(--text-primary);
packages/dashboard-ui/src/context/Toast.module.css
+1 -1
View File
@@ -19,7 +19,7 @@
font-weight: 500;
line-height: 1.4;
color: var(--text-primary);
background: var(--toast-bg, rgba(255, 255, 255, 0.94));
background: var(--toast-bg, var(--elevated-surface));
backdrop-filter: blur(var(--blur-glass));
-webkit-backdrop-filter: blur(var(--blur-glass));
border: 1px solid var(--glass-border);