bitforge/warehouse13
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update styling

Browse Source
This commit is contained in:
pratik
2025-10-15 12:02:47 -05:00
parent 024e139627
commit 161bbb801c
1 changed files with 74 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
frontend/src/app/app.component.scss
View File

@@ -82,17 +82,24 @@
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.5px; letter-spacing: 0.5px;
color: #94a3b8;
.mdc-tab__text-label {
color: #cbd5e1;
}
&:hover { &:hover {
background: #1e293b; background: #1e293b;
color: #e2e8f0;
.mdc-tab__text-label {
color: #e2e8f0;
}
} }
} }
.mat-mdc-tab.mdc-tab--active { .mat-mdc-tab.mdc-tab--active {
.mdc-tab__text-label { .mdc-tab__text-label {
color: #60a5fa; color: #60a5fa;
font-weight: 600;
} }
} }
@@ -262,19 +269,16 @@
} }
} }
.filename-cell { td.filename-cell {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 500; font-weight: 500;
color: #cbd5e1;
.file-icon { mat-icon {
color: #60a5fa; color: #60a5fa;
font-size: 20px; font-size: 20px;
width: 20px; width: 20px;
height: 20px; height: 20px;
flex-shrink: 0; vertical-align: middle;
margin-right: 8px;
} }
} }
@@ -292,45 +296,73 @@
} }
} }
// Result Chips - Dark Theme // Result Chips - Material Design style
.result-pass { mat-chip.result-pass {
background-color: #064e3b !important; --mdc-chip-elevated-container-color: #4caf50 !important;
color: #6ee7b7 !important; --mdc-chip-label-text-color: #ffffff !important;
font-weight: 600; background-color: #4caf50 !important;
padding: 4px 10px;
border-radius: 12px; .mdc-evolution-chip__action {
font-size: 12px; color: #ffffff !important;
text-transform: uppercase; }
.mdc-evolution-chip__text-label {
color: #ffffff !important;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
} }
.result-fail { mat-chip.result-fail {
background-color: #7f1d1d !important; --mdc-chip-elevated-container-color: #f44336 !important;
color: #fca5a5 !important; --mdc-chip-label-text-color: #ffffff !important;
font-weight: 600; background-color: #f44336 !important;
padding: 4px 10px;
border-radius: 12px; .mdc-evolution-chip__action {
font-size: 12px; color: #ffffff !important;
text-transform: uppercase; }
.mdc-evolution-chip__text-label {
color: #ffffff !important;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
} }
.result-skip { mat-chip.result-skip {
background-color: #78350f !important; --mdc-chip-elevated-container-color: #ff9800 !important;
color: #fcd34d !important; --mdc-chip-label-text-color: #ffffff !important;
font-weight: 600; background-color: #ff9800 !important;
padding: 4px 10px;
border-radius: 12px; .mdc-evolution-chip__action {
font-size: 12px; color: #ffffff !important;
text-transform: uppercase; }
.mdc-evolution-chip__text-label {
color: #ffffff !important;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
} }
.result-error { mat-chip.result-error {
background-color: #7f1d1d !important; --mdc-chip-elevated-container-color: #e91e63 !important;
color: #fca5a5 !important; --mdc-chip-label-text-color: #ffffff !important;
font-weight: 600; background-color: #e91e63 !important;
padding: 4px 10px;
border-radius: 12px; .mdc-evolution-chip__action {
font-size: 12px; color: #ffffff !important;
text-transform: uppercase; }
.mdc-evolution-chip__text-label {
color: #ffffff !important;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
} }
// Responsive Design // Responsive Design