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 ca91fdfa15
commit 2ee203b012
1 changed files with 74 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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