Add dark mode for PWA frontend
This commit is contained in:
@@ -58,35 +58,35 @@
|
||||
}
|
||||
|
||||
.suggestion-btn--neutral-1 {
|
||||
background: #ffffff;
|
||||
color: #1e293b;
|
||||
border: 1px solid #e2e8f0;
|
||||
background: var(--suggestion-1);
|
||||
color: var(--suggestion-text);
|
||||
border: 1px solid var(--suggestion-border-1);
|
||||
}
|
||||
|
||||
.suggestion-btn--neutral-2 {
|
||||
background: #f0f7ff;
|
||||
color: #1e293b;
|
||||
border: 1px solid #dbeafe;
|
||||
background: var(--suggestion-2);
|
||||
color: var(--suggestion-text);
|
||||
border: 1px solid var(--suggestion-border-2);
|
||||
}
|
||||
|
||||
.suggestion-btn--neutral-3 {
|
||||
background: #e0f0ff;
|
||||
color: #1e293b;
|
||||
border: 1px solid #bfdbfe;
|
||||
background: var(--suggestion-3);
|
||||
color: var(--suggestion-text);
|
||||
border: 1px solid var(--suggestion-border-3);
|
||||
}
|
||||
|
||||
.suggestion-btn--neutral-4 {
|
||||
background: #d4ebff;
|
||||
color: #1e293b;
|
||||
border: 1px solid #93c5fd;
|
||||
background: var(--suggestion-4);
|
||||
color: var(--suggestion-text);
|
||||
border: 1px solid var(--suggestion-border-4);
|
||||
}
|
||||
|
||||
.suggestion-icon {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
border-radius: var(--radius);
|
||||
background: rgba(59, 130, 246, 0.08);
|
||||
color: #3b82f6;
|
||||
background: var(--suggestion-icon-bg);
|
||||
color: var(--suggestion-icon-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -321,7 +321,7 @@
|
||||
|
||||
.retry-location-btn {
|
||||
background: var(--error);
|
||||
color: white;
|
||||
color: var(--on-error);
|
||||
border: none;
|
||||
padding: 0.25rem 0.6rem;
|
||||
border-radius: var(--radius);
|
||||
|
||||
Reference in New Issue
Block a user