Skip to content

Commit 7d0117b

Browse files
style(related-records): darken header action icons consistently
Give the related-records header action icons a full-strength color in both enabled and disabled panel states, replacing Material's lighter default. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent c56b827 commit 7d0117b

2 files changed

Lines changed: 24 additions & 0 deletions

File tree

frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -197,6 +197,18 @@
197197
pointer-events: auto;
198198
}
199199

200+
/* Keep the action icons fully dark in every panel state (enabled or
201+
disabled), instead of Material's lighter default icon color. */
202+
.related-records__actions .mat-icon {
203+
color: rgba(0, 0, 0, 0.87);
204+
}
205+
206+
@media (prefers-color-scheme: dark) {
207+
.related-records__actions .mat-icon {
208+
color: rgba(255, 255, 255, 0.87);
209+
}
210+
}
211+
200212
.related-records__empty-mark {
201213
flex: 0 0 auto;
202214
font-size: 11px;

frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,18 @@
178178
pointer-events: auto;
179179
}
180180

181+
/* Keep the action icons fully dark in every panel state (enabled or
182+
disabled), instead of Material's lighter default icon color. */
183+
.related-records__actions .mat-icon {
184+
color: rgba(0, 0, 0, 0.87);
185+
}
186+
187+
@media (prefers-color-scheme: dark) {
188+
.related-records__actions .mat-icon {
189+
color: rgba(255, 255, 255, 0.87);
190+
}
191+
}
192+
181193
/* Keep header content legible when the panel is disabled (no related
182194
records) — disabling only blocks expand/collapse, not the actions. */
183195
.related-records__panel ::ng-deep .mat-expansion-panel-header[aria-disabled='true'] {

0 commit comments

Comments
 (0)