Tweak / fix some dark mode colors

Update styles.scss
pull/276/head
Michael Shamoon 2 years ago
parent 165f98dc09
commit 8051ad4dde

@ -53,24 +53,24 @@
<mat-tab-group mat-align-tabs="start"> <mat-tab-group mat-align-tabs="start">
<mat-tab label="Ata"> <mat-tab label="Ata">
<div matTooltip="not yet implemented" class="gray-200 flex flex-col mt-5 gt-md:flex-row"> <div matTooltip="not yet implemented" class="flex flex-col mt-5 gt-md:flex-row">
<mat-form-field class="flex-auto gt-md:pr-3"> <mat-form-field class="flex-auto gt-md:pr-3">
<mat-label>Critical Error Threshold</mat-label> <mat-label class="text-hint">Critical Error Threshold</mat-label>
<input disabled matInput [value]="'10%'"> <input disabled matInput [value]="'10%'">
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-auto gt-md:pl-3"> <mat-form-field class="flex-auto gt-md:pl-3">
<mat-label>Critical Warning Threshold</mat-label> <mat-label class="text-hint">Critical Warning Threshold</mat-label>
<input disabled matInput> <input disabled matInput>
</mat-form-field> </mat-form-field>
</div> </div>
<div matTooltip="not yet implemented" class="gray-200 flex flex-col gt-md:flex-row"> <div matTooltip="not yet implemented" class="flex flex-col gt-md:flex-row">
<mat-form-field class="flex-auto gt-md:pr-3"> <mat-form-field class="flex-auto gt-md:pr-3">
<mat-label>Error Threshold</mat-label> <mat-label class="text-hint">Error Threshold</mat-label>
<input disabled matInput [value]="'20%'"> <input disabled matInput [value]="'20%'">
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-auto gt-md:pl-3"> <mat-form-field class="flex-auto gt-md:pl-3">
<mat-label>Warning Threshold</mat-label> <mat-label class="text-hint">Warning Threshold</mat-label>
<input disabled matInput [value]="'10%'"> <input disabled matInput [value]="'10%'">
</mat-form-field> </mat-form-field>
</div> </div>
@ -78,26 +78,26 @@
</mat-tab> </mat-tab>
<mat-tab label="NVMe"> <mat-tab label="NVMe">
<div matTooltip="not yet implemented" class="gray-200 flex flex-col mt-5 gt-md:flex-row"> <div matTooltip="not yet implemented" class="flex flex-col mt-5 gt-md:flex-row">
<mat-form-field class="flex-auto gt-md:pr-3"> <mat-form-field class="flex-auto gt-md:pr-3">
<mat-label>Critical Error Threshold</mat-label> <mat-label class="text-hint">Critical Error Threshold</mat-label>
<input disabled matInput [value]="'enabled'"> <input disabled matInput [value]="'enabled'">
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-auto gt-md:pl-3"> <mat-form-field class="flex-auto gt-md:pl-3">
<mat-label>Critical Warning Threshold</mat-label> <mat-label class="text-hint">Critical Warning Threshold</mat-label>
<input disabled matInput> <input disabled matInput>
</mat-form-field> </mat-form-field>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="SCSI"> <mat-tab label="SCSI">
<div matTooltip="not yet implemented" class="gray-200 flex flex-col mt-5 gt-md:flex-row"> <div matTooltip="not yet implemented" class="flex flex-col mt-5 gt-md:flex-row">
<mat-form-field class="flex-auto gt-md:pr-3"> <mat-form-field class="flex-auto gt-md:pr-3">
<mat-label>Critical Error Threshold</mat-label> <mat-label class="text-hint">Critical Error Threshold</mat-label>
<input disabled matInput [value]="'enabled'"> <input disabled matInput [value]="'enabled'">
</mat-form-field> </mat-form-field>
<mat-form-field class="flex-auto gt-md:pl-3"> <mat-form-field class="flex-auto gt-md:pl-3">
<mat-label>Critical Warning Threshold</mat-label> <mat-label class="text-hint">Critical Warning Threshold</mat-label>
<input disabled matInput> <input disabled matInput>
</mat-form-field> </mat-form-field>
</div> </div>

@ -4,3 +4,15 @@
// @ Styles from this file will override anything from 'vendors.scss' file allowing customizations and // @ Styles from this file will override anything from 'vendors.scss' file allowing customizations and
// modifications of third party libraries. // modifications of third party libraries.
// ----------------------------------------------------------------------------------------------------- // -----------------------------------------------------------------------------------------------------
.treo-theme-dark .yellow-50 {
background-color: #242b38 !important;
.mat-icon {
color: #6f4315 !important;
}
.text-secondary {
color: rgb(203 101 37 / 70%) !important
}
}
Loading…
Cancel
Save