diff --git a/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.scss b/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.scss index f9add67ce3c..2ca62e6ee59 100644 --- a/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.scss +++ b/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.scss @@ -36,31 +36,15 @@ } &.selected { - fill-opacity: 0.7; - filter: brightness(1.2); + fill-opacity: 0; stroke: var(--primary); stroke-dasharray: none; - stroke-width: 1%; - - &.tinted { - fill: var(--primary) !important; - } + stroke-width: 3px; } &.selected-vdev-disk { - filter: brightness(1.2); - stroke: white; - stroke-dasharray: none; - stroke-width: 4px; - - &.tinted { - fill: var(--primary) !important; - } - } - - &.not-selected-vdev-disk { fill: black; - opacity: 0.5; + opacity: 0.25; } } } diff --git a/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.spec.ts b/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.spec.ts index bef7a72c7f2..7e70d9c6faa 100644 --- a/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.spec.ts +++ b/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.spec.ts @@ -74,6 +74,13 @@ describe('EnclosureSvgComponent', () => { spectator.detectChanges(); } + function getTintTargets(slotNumber: number): SVGGElement[] { + const slotId: string = 'DRIVE_CAGE_' + slotNumber.toString(); + const driveTrays = spectator.queryAll(`svg [id^=${slotId}] .tint-target`); + + return driveTrays; + } + describe('svg is loaded', () => { beforeEach(fakeAsync(() => { mockGetBBox(); @@ -106,9 +113,14 @@ describe('EnclosureSvgComponent', () => { expect(tintFn).toHaveBeenCalledTimes(2); expect(tintFn).toHaveBeenNthCalledWith(1, { drive_bay_number: 1 }); - const overlays = spectator.queryAll('.overlay-rect'); - expect(overlays[0].style.fill).toBe('red'); - expect(overlays[1].style.fill).toBe('blue'); + const slotOneTargets: SVGGElement[] = getTintTargets(1); + slotOneTargets.forEach((target) => { + expect(target.style.fill).toBe('red'); + }); + const slotTwoTargets: SVGGElement[] = getTintTargets(2); + slotTwoTargets.forEach((target) => { + expect(target.style.fill).toBe('blue'); + }); }); it('adds overlays for every drive cage in an svg', () => { diff --git a/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.ts b/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.ts index 3576583c601..649cb7126c5 100644 --- a/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.ts +++ b/src/app/pages/system/enclosure/components/enclosure-side/enclosure-svg/enclosure-svg.component.ts @@ -42,6 +42,8 @@ export type TintingFunction = (slot: DashboardEnclosureSlot) => string | null; imports: [NgxSkeletonLoaderModule], }) export class EnclosureSvgComponent implements OnDestroy { + readonly emptyOpacity = 0.15; + readonly unselectedOpacity = 0.3; readonly svgUrl = input.required(); readonly slots = input.required(); readonly enableMouseEvents = input(true); @@ -55,6 +57,7 @@ export class EnclosureSvgComponent implements OnDestroy { protected svgContainer = viewChild>('svgContainer'); private overlayRects: Record = {}; + private slotElements: Record = {}; constructor( private renderer: Renderer2, @@ -105,6 +108,7 @@ export class EnclosureSvgComponent implements OnDestroy { return; } + this.slotElements[slot.drive_bay_number] = tray; this.addOverlay(slot, tray); if (this.enableMouseEvents()) { @@ -133,6 +137,7 @@ export class EnclosureSvgComponent implements OnDestroy { }); private clearSelectionStylesFromAllSlots(): void { + this.resetDimValues(); Object.values(this.overlayRects).forEach((overlay) => { overlay.classList.remove('selected'); overlay.classList.remove('selected-vdev-disk'); @@ -162,8 +167,11 @@ export class EnclosureSvgComponent implements OnDestroy { for (const slot of allSlots) { if (slot.dev && selectedVdevDisks.includes(slot.dev)) { this.renderer.addClass(this.overlayRects[slot.drive_bay_number], 'selected-vdev-disk'); + if (slot.type) { + this.dimSlot(slot.drive_bay_number, 1); + } } else if (slot.drive_bay_number !== selectedSlot.drive_bay_number) { - this.renderer.addClass(this.overlayRects[slot.drive_bay_number], 'not-selected-vdev-disk'); + this.dimSlot(slot.drive_bay_number, this.unselectedOpacity); } } } @@ -246,7 +254,6 @@ export class EnclosureSvgComponent implements OnDestroy { const prevSlotExists = !!selectedSlot; if (!isNewSlotEmpty && prevSlotExists && slot.dev === selectedSlot.dev) { - this.selectedSlot.set(null); return; } @@ -254,17 +261,56 @@ export class EnclosureSvgComponent implements OnDestroy { }; private addTint(slot: DashboardEnclosureSlot): void { - const overlay = this.overlayRects[slot.drive_bay_number]; + const tintTargets: NodeListOf = this.getTintTargets(slot.drive_bay_number); + const slotTint = this.slotTintFn()(slot); + + if (slotTint) { + tintTargets.forEach((tintTarget: SVGGElement) => { + this.renderer.addClass(tintTarget, 'tinted'); + this.renderer.setStyle(tintTarget, 'fill', slotTint); + this.renderer.setStyle(tintTarget, 'filter', 'brightness(1.25)'); + }); + this.dimSlot(slot.drive_bay_number, 1); + } else { + tintTargets.forEach((tintTarget: SVGGElement) => { + this.renderer.removeClass(tintTarget, 'tinted'); + this.renderer.setStyle(tintTarget, 'fill', null); + this.renderer.setStyle(tintTarget, 'filter', 'brightness(1)'); + }); + this.dimSlot(slot.drive_bay_number, this.emptyOpacity); + } + } - this.renderer.removeClass(overlay, 'tinted'); + private dimSlot(slotNumber: number, opacity: number): void { + this.renderer.setStyle(this.slotElements[slotNumber], 'opacity', opacity.toString()); + } - const slotTint = this.slotTintFn()?.(slot); - if (!slotTint) { + private resetDimValues(): void { + const svgContainer = this.svgContainer(); + if (!svgContainer || !this.svg()) { return; } - this.renderer.addClass(overlay, 'tinted'); - this.renderer.setStyle(overlay, 'fill', slotTint); + const driveTrays = this.svgContainer().nativeElement.querySelectorAll('svg [id^="DRIVE_CAGE_"]'); + driveTrays.forEach((tray) => { + const slot = this.getSlotForTray(tray); + if (!slot) { + return; + } + + if (!slot.dev) { + this.dimSlot(slot.drive_bay_number, this.emptyOpacity); + } else { + this.dimSlot(slot.drive_bay_number, 1); + } + }); + } + + private getTintTargets(slotNumber: number): NodeListOf { + const slotId: string = 'DRIVE_CAGE_' + slotNumber.toString(); + const tintTargets = this.slotElements[slotNumber].querySelectorAll(`svg [id^=${slotId}] .tint-target`); + + return tintTargets; } private getSlotForTray(tray: SVGGElement): DashboardEnclosureSlot | undefined { diff --git a/src/app/pages/system/enclosure/components/enclosure-side/not-supported-model/not-supported-model.component.html b/src/app/pages/system/enclosure/components/enclosure-side/not-supported-model/not-supported-model.component.html index 7d1334e36a6..f39f82ea1ff 100644 --- a/src/app/pages/system/enclosure/components/enclosure-side/not-supported-model/not-supported-model.component.html +++ b/src/app/pages/system/enclosure/components/enclosure-side/not-supported-model/not-supported-model.component.html @@ -4,7 +4,7 @@ > @for (slot of slots(); track slot.drive_bay_number) { - + + + + - + @@ -359,3270 +371,3270 @@ - - - + + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - - - - - - - - + + - + + + + - - - + + - - - - - + - - + + - - - - - - - - - - - - - - - - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - - - - - - - - + + - + + + + - - - + + - - - - - + - - + + - - - - - + + + + + + + + + + + + + - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - + + + + + + + + + + + + + + + + + - - + + - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + diff --git a/src/assets/images/new-hardware/es102g2/es102g2-top.svg b/src/assets/images/new-hardware/es102g2/es102g2-top.svg index 50acb23ef8e..a24311dc491 100644 --- a/src/assets/images/new-hardware/es102g2/es102g2-top.svg +++ b/src/assets/images/new-hardware/es102g2/es102g2-top.svg @@ -154,61 +154,89 @@ .es102g2-cls-42 { fill: #3a3a3a; } + + /* Contrast Fixes */ + .es102g2-cls-29 { + display:none; + } + + #ES102G2-Chassis .sides { + opacity: 0.75; + } + + + #ES102G2-Chassis .chassis { + opacity: 0.1; + } + + #ES102_Gen_2 #IOM_A, + #ES102_Gen_2 #IOM_B, + #ES102_Gen_2 #FAN_1, + #ES102_Gen_2 #FAN_2, + #ES102_Gen_2 #FAN_3, + #ES102_Gen_2 #FAN_4 { + opacity: 0.05; + } + + #ES102_Gen_2 #_5V_POWER_REGULATOR_1, + #ES102_Gen_2 #_5V_POWER_REGULATOR_2 { + opacity: 0.02; + } - + - + - - - - - + + + + + - + - - - + + + - + - - + + - - + + - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - - + + - - - + + + @@ -220,13 +248,13 @@ - - - - - - - + + + + + + + @@ -249,7 +277,7 @@ - + @@ -517,7 +545,7 @@ - + @@ -525,18 +553,18 @@ - + - - - - - - + + + + + + @@ -586,9 +614,9 @@ - - - + + + @@ -601,8 +629,8 @@ - - + + @@ -621,8 +649,8 @@ - - + + @@ -630,9 +658,9 @@ - - - + + + @@ -647,7 +675,7 @@ - + @@ -659,18 +687,18 @@ - - - + + + - - - - + + + + @@ -678,14 +706,14 @@ - + - + @@ -697,18 +725,18 @@ - - - + + + - - - - + + + + @@ -716,14 +744,14 @@ - + - + @@ -735,18 +763,18 @@ - - - + + + - - - - + + + + @@ -754,14 +782,14 @@ - + - + @@ -773,18 +801,18 @@ - - - + + + - - - - + + + + @@ -792,14 +820,14 @@ - + - + @@ -811,18 +839,18 @@ - - - + + + - - - - + + + + @@ -830,14 +858,14 @@ - + - + @@ -849,18 +877,18 @@ - - - + + + - - - - + + + + @@ -868,14 +896,14 @@ - + - + @@ -887,18 +915,18 @@ - - - + + + - - - - + + + + @@ -906,14 +934,14 @@ - + - + @@ -925,18 +953,18 @@ - - - + + + - - - - + + + + @@ -944,14 +972,14 @@ - + - + @@ -963,18 +991,18 @@ - - - + + + - - - - + + + + @@ -982,14 +1010,14 @@ - + - + @@ -1001,18 +1029,18 @@ - - - + + + - - - - + + + + @@ -1020,14 +1048,14 @@ - + - + @@ -1039,18 +1067,18 @@ - - - + + + - - - - + + + + @@ -1058,14 +1086,14 @@ - + - + @@ -1077,18 +1105,18 @@ - - - + + + - - - - + + + + @@ -1096,14 +1124,14 @@ - + - + @@ -1115,18 +1143,18 @@ - - - + + + - - - - + + + + @@ -1134,14 +1162,14 @@ - + - + @@ -1153,18 +1181,18 @@ - - - + + + - - - - + + + + @@ -1172,14 +1200,14 @@ - + - + @@ -1191,18 +1219,18 @@ - - - + + + - - - - + + + + @@ -1210,14 +1238,14 @@ - + - + @@ -1229,18 +1257,18 @@ - - - + + + - - - - + + + + @@ -1248,14 +1276,14 @@ - + - + @@ -1267,18 +1295,18 @@ - - - + + + - - - - + + + + @@ -1286,14 +1314,14 @@ - + - + @@ -1305,18 +1333,18 @@ - - - + + + - - - - + + + + @@ -1324,14 +1352,14 @@ - + - + @@ -1343,18 +1371,18 @@ - - - + + + - - - - + + + + @@ -1362,14 +1390,14 @@ - + - + @@ -1381,18 +1409,18 @@ - - - + + + - - - - + + + + @@ -1400,14 +1428,14 @@ - + - + @@ -1419,18 +1447,18 @@ - - - + + + - - - - + + + + @@ -1438,14 +1466,14 @@ - + - + @@ -1457,18 +1485,18 @@ - - - + + + - - - - + + + + @@ -1476,14 +1504,14 @@ - + - + @@ -1495,18 +1523,18 @@ - - - + + + - - - - + + + + @@ -1514,14 +1542,14 @@ - + - + @@ -1533,18 +1561,18 @@ - - - + + + - - - - + + + + @@ -1552,14 +1580,14 @@ - + - + @@ -1571,18 +1599,18 @@ - - - + + + - - - - + + + + @@ -1590,14 +1618,14 @@ - + - + @@ -1609,18 +1637,18 @@ - - - + + + - - - - + + + + @@ -1628,14 +1656,14 @@ - + - + @@ -1647,18 +1675,18 @@ - - - + + + - - - - + + + + @@ -1666,14 +1694,14 @@ - + - + @@ -1685,18 +1713,18 @@ - - - + + + - - - - + + + + @@ -1704,14 +1732,14 @@ - + - + @@ -1723,18 +1751,18 @@ - - - + + + - - - - + + + + @@ -1742,14 +1770,14 @@ - + - + @@ -1761,18 +1789,18 @@ - - - + + + - - - - + + + + @@ -1780,14 +1808,14 @@ - + - + @@ -1799,18 +1827,18 @@ - - - + + + - - - - + + + + @@ -1818,14 +1846,14 @@ - + - + @@ -1837,18 +1865,18 @@ - - - + + + - - - - + + + + @@ -1856,14 +1884,14 @@ - + - + @@ -1875,18 +1903,18 @@ - - - + + + - - - - + + + + @@ -1894,14 +1922,14 @@ - + - + @@ -1913,18 +1941,18 @@ - - - + + + - - - - + + + + @@ -1932,14 +1960,14 @@ - + - + @@ -1951,18 +1979,18 @@ - - - + + + - - - - + + + + @@ -1970,14 +1998,14 @@ - + - + @@ -1989,18 +2017,18 @@ - - - + + + - - - - + + + + @@ -2008,14 +2036,14 @@ - + - + @@ -2027,18 +2055,18 @@ - - - + + + - - - - + + + + @@ -2046,14 +2074,14 @@ - + - + @@ -2065,18 +2093,18 @@ - - - + + + - - - - + + + + @@ -2084,14 +2112,14 @@ - + - + @@ -2103,18 +2131,18 @@ - - - + + + - - - - + + + + @@ -2122,14 +2150,14 @@ - + - + @@ -2141,18 +2169,18 @@ - - - + + + - - - - + + + + @@ -2160,14 +2188,14 @@ - + - + @@ -2179,18 +2207,18 @@ - - - + + + - - - - + + + + @@ -2198,14 +2226,14 @@ - + - + @@ -2217,18 +2245,18 @@ - - - + + + - - - - + + + + @@ -2236,14 +2264,14 @@ - + - + @@ -2255,18 +2283,18 @@ - - - + + + - - - - + + + + @@ -2274,14 +2302,14 @@ - + - + @@ -2293,18 +2321,18 @@ - - - + + + - - - - + + + + @@ -2312,14 +2340,14 @@ - + - + @@ -2331,18 +2359,18 @@ - - - + + + - - - - + + + + @@ -2350,14 +2378,14 @@ - + - + @@ -2369,18 +2397,18 @@ - - - + + + - - - - + + + + @@ -2388,14 +2416,14 @@ - + - + @@ -2407,18 +2435,18 @@ - - - + + + - - - - + + + + @@ -2426,14 +2454,14 @@ - + - + @@ -2445,18 +2473,18 @@ - - - + + + - - - - + + + + @@ -2464,14 +2492,14 @@ - + - + @@ -2483,18 +2511,18 @@ - - - + + + - - - - + + + + @@ -2502,14 +2530,14 @@ - + - + @@ -2521,18 +2549,18 @@ - - - + + + - - - - + + + + @@ -2540,14 +2568,14 @@ - + - + @@ -2559,18 +2587,18 @@ - - - + + + - - - - + + + + @@ -2578,14 +2606,14 @@ - + - + @@ -2597,18 +2625,18 @@ - - - + + + - - - - + + + + @@ -2616,14 +2644,14 @@ - + - + @@ -2635,18 +2663,18 @@ - - - + + + - - - - + + + + @@ -2654,14 +2682,14 @@ - + - + @@ -2673,18 +2701,18 @@ - - - + + + - - - - + + + + @@ -2692,14 +2720,14 @@ - + - + @@ -2711,18 +2739,18 @@ - - - + + + - - - - + + + + @@ -2730,14 +2758,14 @@ - + - + @@ -2749,18 +2777,18 @@ - - - + + + - - - - + + + + @@ -2768,14 +2796,14 @@ - + - + @@ -2787,18 +2815,18 @@ - - - + + + - - - - + + + + @@ -2806,14 +2834,14 @@ - + - + @@ -2825,18 +2853,18 @@ - - - + + + - - - - + + + + @@ -2844,14 +2872,14 @@ - + - + @@ -2863,18 +2891,18 @@ - - - + + + - - - - + + + + @@ -2882,14 +2910,14 @@ - + - + @@ -2901,18 +2929,18 @@ - - - + + + - - - - + + + + @@ -2920,14 +2948,14 @@ - + - + @@ -2939,18 +2967,18 @@ - - - + + + - - - - + + + + @@ -2958,14 +2986,14 @@ - + - + @@ -2977,18 +3005,18 @@ - - - + + + - - - - + + + + @@ -2996,14 +3024,14 @@ - + - + @@ -3015,18 +3043,18 @@ - - - + + + - - - - + + + + @@ -3034,14 +3062,14 @@ - + - + @@ -3053,18 +3081,18 @@ - - - + + + - - - - + + + + @@ -3072,14 +3100,14 @@ - + - + @@ -3091,18 +3119,18 @@ - - - + + + - - - - + + + + @@ -3110,14 +3138,14 @@ - + - + @@ -3129,18 +3157,18 @@ - - - + + + - - - - + + + + @@ -3148,14 +3176,14 @@ - + - + @@ -3167,18 +3195,18 @@ - - - + + + - - - - + + + + @@ -3186,14 +3214,14 @@ - + - + @@ -3205,18 +3233,18 @@ - - - + + + - - - - + + + + @@ -3224,14 +3252,14 @@ - + - + @@ -3243,18 +3271,18 @@ - - - + + + - - - - + + + + @@ -3262,14 +3290,14 @@ - + - + @@ -3281,18 +3309,18 @@ - - - + + + - - - - + + + + @@ -3300,14 +3328,14 @@ - + - + @@ -3319,18 +3347,18 @@ - - - + + + - - - - + + + + @@ -3338,14 +3366,14 @@ - + - + @@ -3357,18 +3385,18 @@ - - - + + + - - - - + + + + @@ -3376,14 +3404,14 @@ - + - + @@ -3395,18 +3423,18 @@ - - - + + + - - - - + + + + @@ -3414,14 +3442,14 @@ - + - + @@ -3433,18 +3461,18 @@ - - - + + + - - - - + + + + @@ -3452,14 +3480,14 @@ - + - + @@ -3471,18 +3499,18 @@ - - - + + + - - - - + + + + @@ -3490,14 +3518,14 @@ - + - + @@ -3509,18 +3537,18 @@ - - - + + + - - - - + + + + @@ -3528,14 +3556,14 @@ - + - + @@ -3547,18 +3575,18 @@ - - - + + + - - - - + + + + @@ -3566,14 +3594,14 @@ - + - + @@ -3585,18 +3613,18 @@ - - - + + + - - - - + + + + @@ -3604,14 +3632,14 @@ - + - + @@ -3623,18 +3651,18 @@ - - - + + + - - - - + + + + @@ -3642,14 +3670,14 @@ - + - + @@ -3661,18 +3689,18 @@ - - - + + + - - - - + + + + @@ -3680,14 +3708,14 @@ - + - + @@ -3699,18 +3727,18 @@ - - - + + + - - - - + + + + @@ -3718,14 +3746,14 @@ - + - + @@ -3737,18 +3765,18 @@ - - - + + + - - - - + + + + @@ -3756,14 +3784,14 @@ - + - + @@ -3775,18 +3803,18 @@ - - - + + + - - - - + + + + @@ -3794,14 +3822,14 @@ - + - + @@ -3813,18 +3841,18 @@ - - - + + + - - - - + + + + @@ -3832,14 +3860,14 @@ - + - + @@ -3851,18 +3879,18 @@ - - - + + + - - - - + + + + @@ -3870,14 +3898,14 @@ - + - + @@ -3889,18 +3917,18 @@ - - - + + + - - - - + + + + @@ -3908,14 +3936,14 @@ - + - + @@ -3927,18 +3955,18 @@ - - - + + + - - - - + + + + @@ -3946,14 +3974,14 @@ - + - + @@ -3965,18 +3993,18 @@ - - - + + + - - - - + + + + @@ -3984,14 +4012,14 @@ - + - + @@ -4003,18 +4031,18 @@ - - - + + + - - - - + + + + @@ -4022,14 +4050,14 @@ - + - + @@ -4041,18 +4069,18 @@ - - - + + + - - - - + + + + @@ -4060,14 +4088,14 @@ - + - + @@ -4079,18 +4107,18 @@ - - - + + + - - - - + + + + @@ -4098,14 +4126,14 @@ - + - + @@ -4117,18 +4145,18 @@ - - - + + + - - - - + + + + @@ -4136,14 +4164,14 @@ - + - + @@ -4155,18 +4183,18 @@ - - - + + + - - - - + + + + @@ -4174,14 +4202,14 @@ - + - + @@ -4193,18 +4221,18 @@ - - - + + + - - - - + + + + @@ -4212,14 +4240,14 @@ - + - + @@ -4231,18 +4259,18 @@ - - - + + + - - - - + + + + @@ -4250,14 +4278,14 @@ - + - + @@ -4269,18 +4297,18 @@ - - - + + + - - - - + + + + @@ -4288,14 +4316,14 @@ - + - + @@ -4307,18 +4335,18 @@ - - - + + + - - - - + + + + @@ -4326,14 +4354,14 @@ - + - + @@ -4345,18 +4373,18 @@ - - - + + + - - - - + + + + @@ -4364,14 +4392,14 @@ - + - + @@ -4383,18 +4411,18 @@ - - - + + + - - - - + + + + @@ -4402,14 +4430,14 @@ - + - + @@ -4421,18 +4449,18 @@ - - - + + + - - - - + + + + @@ -4440,14 +4468,14 @@ - + - + @@ -4459,18 +4487,18 @@ - - - + + + - - - - + + + + @@ -4478,7 +4506,7 @@ - + @@ -5072,4 +5100,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/es12/es12-front.svg b/src/assets/images/new-hardware/es12/es12-front.svg index 58cc440ef3b..4de5ce8a0bc 100644 --- a/src/assets/images/new-hardware/es12/es12-front.svg +++ b/src/assets/images/new-hardware/es12/es12-front.svg @@ -56,11 +56,24 @@ .es12-cls-12 { fill: #cccccb; } + + /* Contrast Fixes */ + .tint-target{ + filter: brightness(0.9) !important; + } + + #ES12_CHASSIS .sides { + opacity: 0.5; + } + + #ES12_CHASSIS .es12-cls-7 { + opacity: 0.15; + } - + @@ -69,13 +82,13 @@ - - + + - + @@ -102,7 +115,7 @@ - + @@ -133,36 +146,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -173,36 +186,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -213,36 +226,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -253,36 +266,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -293,36 +306,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -333,36 +346,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -373,36 +386,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -413,36 +426,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -453,36 +466,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -493,36 +506,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -533,36 +546,36 @@ - - - + + + - + - - + + - - - - + + + + - - - + + + - + - + @@ -573,36 +586,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + diff --git a/src/assets/images/new-hardware/es24/es24-front.svg b/src/assets/images/new-hardware/es24/es24-front.svg index f4afac7bb06..7e6933c1ab0 100644 --- a/src/assets/images/new-hardware/es24/es24-front.svg +++ b/src/assets/images/new-hardware/es24/es24-front.svg @@ -111,11 +111,25 @@ .es24-cls-19 { fill: #cccccb; } + + /* Contrast Fixes */ + #ES24_Chassis .sides { + opacity: 0.75; + } + + #ES24_Chassis .chassis { + opacity: 0.1; + } + + #Controller_1_Indicators, + #Controller_2_Indicators { + opacity: 0.65; + } - + @@ -130,7 +144,7 @@ - + @@ -145,8 +159,8 @@ - - + + @@ -160,12 +174,12 @@ - - + + - + @@ -173,14 +187,14 @@ - - - + + + - - + + @@ -195,7 +209,7 @@ - + @@ -210,7 +224,7 @@ - + @@ -225,8 +239,8 @@ - - + + @@ -244,7 +258,7 @@ - + @@ -292,11 +306,11 @@ - + - + @@ -330,10 +344,10 @@ - + - - + + @@ -372,10 +386,10 @@ - + - - + + @@ -414,10 +428,10 @@ - + - - + + @@ -456,10 +470,10 @@ - + - - + + @@ -498,10 +512,10 @@ - + - - + + @@ -540,10 +554,10 @@ - + - - + + @@ -582,10 +596,10 @@ - + - - + + @@ -624,10 +638,10 @@ - + - - + + @@ -666,10 +680,10 @@ - + - - + + @@ -708,10 +722,10 @@ - + - - + + @@ -750,10 +764,10 @@ - + - - + + @@ -792,10 +806,10 @@ - + - - + + @@ -834,10 +848,10 @@ - + - - + + @@ -876,10 +890,10 @@ - + - - + + @@ -918,10 +932,10 @@ - + - - + + @@ -960,10 +974,10 @@ - + - - + + @@ -1002,10 +1016,10 @@ - + - - + + @@ -1044,10 +1058,10 @@ - + - - + + @@ -1086,10 +1100,10 @@ - + - - + + @@ -1128,10 +1142,10 @@ - + - - + + @@ -1170,10 +1184,10 @@ - + - - + + @@ -1212,10 +1226,10 @@ - + - - + + @@ -1254,10 +1268,10 @@ - + - - + + @@ -1296,10 +1310,10 @@ - + - - + + diff --git a/src/assets/images/new-hardware/es24f/es24f-front.svg b/src/assets/images/new-hardware/es24f/es24f-front.svg index 594d48b902b..d3751950eb2 100644 --- a/src/assets/images/new-hardware/es24f/es24f-front.svg +++ b/src/assets/images/new-hardware/es24f/es24f-front.svg @@ -78,14 +78,28 @@ .es24f-cls-13 { fill: #333; } + + /* Contrast Fixes */ + .sides { + opacity: 0.75; + } + + .chassis { + opacity: 0.15; + } + + /*#Controller_1_Indicators, + #Controller_2_Indicators { + opacity: 0.65; + }*/ - - - - - + + + + + @@ -103,7 +117,7 @@ - + @@ -151,17 +165,17 @@ - - - - - + + + + + - + @@ -169,14 +183,14 @@ - + - + @@ -184,14 +198,14 @@ - + - + @@ -199,14 +213,14 @@ - + - + @@ -214,14 +228,14 @@ - + - + @@ -229,14 +243,14 @@ - + - + @@ -244,14 +258,14 @@ - + - + @@ -259,14 +273,14 @@ - + - + @@ -274,14 +288,14 @@ - + - + @@ -289,14 +303,14 @@ - + - + @@ -304,14 +318,14 @@ - + - + @@ -319,14 +333,14 @@ - + - + @@ -334,14 +348,14 @@ - + - + @@ -349,14 +363,14 @@ - + - + @@ -364,14 +378,14 @@ - + - + @@ -379,14 +393,14 @@ - + - + @@ -394,14 +408,14 @@ - + - + @@ -409,14 +423,14 @@ - + - + @@ -424,14 +438,14 @@ - + - + @@ -439,14 +453,14 @@ - + - + @@ -454,14 +468,14 @@ - + - + @@ -469,14 +483,14 @@ - + - + @@ -484,14 +498,14 @@ - + - + @@ -499,14 +513,14 @@ - + - + @@ -514,7 +528,7 @@ - + diff --git a/src/assets/images/new-hardware/es24n/es24n-front.svg b/src/assets/images/new-hardware/es24n/es24n-front.svg index 7603a62c5cc..fc4f348e211 100644 --- a/src/assets/images/new-hardware/es24n/es24n-front.svg +++ b/src/assets/images/new-hardware/es24n/es24n-front.svg @@ -1,5 +1,5 @@ - + @@ -430,7 +443,7 @@ - + @@ -450,7 +463,7 @@ - + @@ -475,8 +488,8 @@ - - + + @@ -500,7 +513,7 @@ - + @@ -520,7 +533,7 @@ - + @@ -545,8 +558,8 @@ - - + + @@ -570,7 +583,7 @@ - + @@ -590,7 +603,7 @@ - + @@ -615,8 +628,8 @@ - - + + @@ -640,7 +653,7 @@ - + @@ -660,7 +673,7 @@ - + @@ -685,8 +698,8 @@ - - + + @@ -710,7 +723,7 @@ - + @@ -730,7 +743,7 @@ - + @@ -755,8 +768,8 @@ - - + + @@ -780,7 +793,7 @@ - + @@ -800,7 +813,7 @@ - + @@ -825,8 +838,8 @@ - - + + @@ -850,7 +863,7 @@ - + @@ -870,7 +883,7 @@ - + @@ -895,8 +908,8 @@ - - + + @@ -920,7 +933,7 @@ - + @@ -940,7 +953,7 @@ - + @@ -965,8 +978,8 @@ - - + + @@ -990,7 +1003,7 @@ - + @@ -1010,7 +1023,7 @@ - + @@ -1035,8 +1048,8 @@ - - + + @@ -1060,7 +1073,7 @@ - + @@ -1080,7 +1093,7 @@ - + @@ -1105,8 +1118,8 @@ - - + + @@ -1130,7 +1143,7 @@ - + @@ -1150,7 +1163,7 @@ - + @@ -1175,8 +1188,8 @@ - - + + @@ -1200,7 +1213,7 @@ - + @@ -1220,7 +1233,7 @@ - + @@ -1245,8 +1258,8 @@ - - + + @@ -1270,7 +1283,7 @@ - + @@ -1290,7 +1303,7 @@ - + @@ -1315,8 +1328,8 @@ - - + + @@ -1340,7 +1353,7 @@ - + @@ -1360,7 +1373,7 @@ - + @@ -1385,8 +1398,8 @@ - - + + @@ -1410,7 +1423,7 @@ - + @@ -1430,7 +1443,7 @@ - + @@ -1455,8 +1468,8 @@ - - + + @@ -1480,7 +1493,7 @@ - + @@ -1500,7 +1513,7 @@ - + @@ -1525,8 +1538,8 @@ - - + + @@ -1550,7 +1563,7 @@ - + @@ -1570,7 +1583,7 @@ - + @@ -1595,8 +1608,8 @@ - - + + @@ -1620,7 +1633,7 @@ - + @@ -1640,7 +1653,7 @@ - + @@ -1665,8 +1678,8 @@ - - + + @@ -1690,7 +1703,7 @@ - + @@ -1710,7 +1723,7 @@ - + @@ -1735,8 +1748,8 @@ - - + + @@ -1760,7 +1773,7 @@ - + @@ -1780,7 +1793,7 @@ - + @@ -1805,8 +1818,8 @@ - - + + @@ -1830,7 +1843,7 @@ - + @@ -1850,7 +1863,7 @@ - + @@ -1875,8 +1888,8 @@ - - + + @@ -1900,7 +1913,7 @@ - + @@ -1920,7 +1933,7 @@ - + @@ -1945,8 +1958,8 @@ - - + + @@ -1970,7 +1983,7 @@ - + @@ -1990,7 +2003,7 @@ - + @@ -2015,8 +2028,8 @@ - - + + @@ -2040,7 +2053,7 @@ - + @@ -2060,7 +2073,7 @@ - + @@ -2085,8 +2098,8 @@ - - + + diff --git a/src/assets/images/new-hardware/es60/es60-top.svg b/src/assets/images/new-hardware/es60/es60-top.svg index 20d845684e7..9ca7bfa5344 100644 --- a/src/assets/images/new-hardware/es60/es60-top.svg +++ b/src/assets/images/new-hardware/es60/es60-top.svg @@ -44,6 +44,15 @@ .es60-cls-8 { fill: #cccccb; } + + /* Contrast Fixes */ + #ES60_Gen_1 .sides { + opacity: 0.75; + } + + #ES60_Gen_1_CHASSIS { + opacity: 0.15; + } @@ -110,13 +119,13 @@ - + - + @@ -147,13 +156,13 @@ - + - + @@ -184,13 +193,13 @@ - + - + @@ -221,13 +230,13 @@ - + - + @@ -258,13 +267,13 @@ - + - + @@ -295,13 +304,13 @@ - + - + @@ -332,13 +341,13 @@ - + - + @@ -369,13 +378,13 @@ - + - + @@ -406,13 +415,13 @@ - + - + @@ -443,13 +452,13 @@ - + - + @@ -480,13 +489,13 @@ - + - + @@ -517,13 +526,13 @@ - + - + @@ -554,13 +563,13 @@ - + - + @@ -591,13 +600,13 @@ - + - + @@ -628,13 +637,13 @@ - + - + @@ -665,13 +674,13 @@ - + - + @@ -702,13 +711,13 @@ - + - + @@ -739,13 +748,13 @@ - + - + @@ -776,13 +785,13 @@ - + - + @@ -813,13 +822,13 @@ - + - + @@ -850,13 +859,13 @@ - + - + @@ -887,13 +896,13 @@ - + - + @@ -924,13 +933,13 @@ - + - + @@ -961,13 +970,13 @@ - + - + @@ -998,13 +1007,13 @@ - + - + @@ -1035,13 +1044,13 @@ - + - + @@ -1072,13 +1081,13 @@ - + - + @@ -1109,13 +1118,13 @@ - + - + @@ -1146,13 +1155,13 @@ - + - + @@ -1183,13 +1192,13 @@ - + - + @@ -1220,13 +1229,13 @@ - + - + @@ -1257,13 +1266,13 @@ - + - + @@ -1294,13 +1303,13 @@ - + - + @@ -1331,13 +1340,13 @@ - + - + @@ -1368,13 +1377,13 @@ - + - + @@ -1405,13 +1414,13 @@ - + - + @@ -1442,13 +1451,13 @@ - + - + @@ -1479,13 +1488,13 @@ - + - + @@ -1516,13 +1525,13 @@ - + - + @@ -1553,13 +1562,13 @@ - + - + @@ -1590,13 +1599,13 @@ - + - + @@ -1627,13 +1636,13 @@ - + - + @@ -1664,13 +1673,13 @@ - + - + @@ -1701,13 +1710,13 @@ - + - + @@ -1738,13 +1747,13 @@ - + - + @@ -1775,13 +1784,13 @@ - + - + @@ -1812,13 +1821,13 @@ - + - + @@ -1849,13 +1858,13 @@ - + - + @@ -1886,13 +1895,13 @@ - + - + @@ -1923,13 +1932,13 @@ - + - + @@ -1960,13 +1969,13 @@ - + - + @@ -1997,13 +2006,13 @@ - + - + @@ -2034,13 +2043,13 @@ - + - + @@ -2071,13 +2080,13 @@ - + - + @@ -2108,13 +2117,13 @@ - + - + @@ -2145,13 +2154,13 @@ - + - + @@ -2182,13 +2191,13 @@ - + - + @@ -2219,13 +2228,13 @@ - + - + @@ -2256,13 +2265,13 @@ - + - + @@ -2293,13 +2302,13 @@ - + - + diff --git a/src/assets/images/new-hardware/es60g2/es60g2-top.svg b/src/assets/images/new-hardware/es60g2/es60g2-top.svg index 61f6eaee29b..e3b61ae2fbe 100644 --- a/src/assets/images/new-hardware/es60g2/es60g2-top.svg +++ b/src/assets/images/new-hardware/es60g2/es60g2-top.svg @@ -1,7 +1,19 @@ - + + + + - + @@ -354,1926 +366,1926 @@ - - - + + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + diff --git a/src/assets/images/new-hardware/es60g3/es60g3-top.svg b/src/assets/images/new-hardware/es60g3/es60g3-top.svg index cc693d37f23..22d09b11366 100644 --- a/src/assets/images/new-hardware/es60g3/es60g3-top.svg +++ b/src/assets/images/new-hardware/es60g3/es60g3-top.svg @@ -1,7 +1,19 @@ - + + + + - + @@ -354,1926 +366,1926 @@ - - - + + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + - - + + + + + + + + + + + + + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + - - + + + + + - - - - - - - - - - - - - + + + + + + - + + + + + + + + - + - - - - - + + - + diff --git a/src/assets/images/new-hardware/f-series/f-series-front.svg b/src/assets/images/new-hardware/f-series/f-series-front.svg index e9819253ad8..a0c7c9f836a 100644 --- a/src/assets/images/new-hardware/f-series/f-series-front.svg +++ b/src/assets/images/new-hardware/f-series/f-series-front.svg @@ -1,5 +1,5 @@ - + @@ -430,7 +443,7 @@ - + @@ -450,7 +463,7 @@ - + @@ -475,8 +488,8 @@ - - + + @@ -500,7 +513,7 @@ - + @@ -520,7 +533,7 @@ - + @@ -545,8 +558,8 @@ - - + + @@ -570,7 +583,7 @@ - + @@ -590,7 +603,7 @@ - + @@ -615,8 +628,8 @@ - - + + @@ -640,7 +653,7 @@ - + @@ -660,7 +673,7 @@ - + @@ -685,8 +698,8 @@ - - + + @@ -710,7 +723,7 @@ - + @@ -730,7 +743,7 @@ - + @@ -755,8 +768,8 @@ - - + + @@ -780,7 +793,7 @@ - + @@ -800,7 +813,7 @@ - + @@ -825,8 +838,8 @@ - - + + @@ -850,7 +863,7 @@ - + @@ -870,7 +883,7 @@ - + @@ -895,8 +908,8 @@ - - + + @@ -920,7 +933,7 @@ - + @@ -940,7 +953,7 @@ - + @@ -965,8 +978,8 @@ - - + + @@ -990,7 +1003,7 @@ - + @@ -1010,7 +1023,7 @@ - + @@ -1035,8 +1048,8 @@ - - + + @@ -1060,7 +1073,7 @@ - + @@ -1080,7 +1093,7 @@ - + @@ -1105,8 +1118,8 @@ - - + + @@ -1130,7 +1143,7 @@ - + @@ -1150,7 +1163,7 @@ - + @@ -1175,8 +1188,8 @@ - - + + @@ -1200,7 +1213,7 @@ - + @@ -1220,7 +1233,7 @@ - + @@ -1245,8 +1258,8 @@ - - + + @@ -1270,7 +1283,7 @@ - + @@ -1290,7 +1303,7 @@ - + @@ -1315,8 +1328,8 @@ - - + + @@ -1340,7 +1353,7 @@ - + @@ -1360,7 +1373,7 @@ - + @@ -1385,8 +1398,8 @@ - - + + @@ -1410,7 +1423,7 @@ - + @@ -1430,7 +1443,7 @@ - + @@ -1455,8 +1468,8 @@ - - + + @@ -1480,7 +1493,7 @@ - + @@ -1500,7 +1513,7 @@ - + @@ -1525,8 +1538,8 @@ - - + + @@ -1550,7 +1563,7 @@ - + @@ -1570,7 +1583,7 @@ - + @@ -1595,8 +1608,8 @@ - - + + @@ -1620,7 +1633,7 @@ - + @@ -1640,7 +1653,7 @@ - + @@ -1665,8 +1678,8 @@ - - + + @@ -1690,7 +1703,7 @@ - + @@ -1710,7 +1723,7 @@ - + @@ -1735,8 +1748,8 @@ - - + + @@ -1760,7 +1773,7 @@ - + @@ -1780,7 +1793,7 @@ - + @@ -1805,8 +1818,8 @@ - - + + @@ -1830,7 +1843,7 @@ - + @@ -1850,7 +1863,7 @@ - + @@ -1875,8 +1888,8 @@ - - + + @@ -1900,7 +1913,7 @@ - + @@ -1920,7 +1933,7 @@ - + @@ -1945,8 +1958,8 @@ - - + + @@ -1970,7 +1983,7 @@ - + @@ -1990,7 +2003,7 @@ - + @@ -2015,8 +2028,8 @@ - - + + @@ -2040,7 +2053,7 @@ - + @@ -2060,7 +2073,7 @@ - + @@ -2085,8 +2098,8 @@ - - + + @@ -2104,4 +2117,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/h-series/h-series-front.svg b/src/assets/images/new-hardware/h-series/h-series-front.svg index b2a53cc0123..71a3bb8fc71 100644 --- a/src/assets/images/new-hardware/h-series/h-series-front.svg +++ b/src/assets/images/new-hardware/h-series/h-series-front.svg @@ -101,14 +101,24 @@ .hseries-cls-22 { fill: #333; } + + /* Contrast Fixes */ + .sides { + opacity: 0.75; + } + + .chassis { + opacity: 0.1; + } + - - - - - + + + + + @@ -123,7 +133,7 @@ - + @@ -138,7 +148,7 @@ - + @@ -153,7 +163,7 @@ - + @@ -168,7 +178,7 @@ - + @@ -220,7 +230,7 @@ - + @@ -301,10 +311,10 @@ - + - - + + @@ -343,10 +353,10 @@ - + - - + + @@ -385,10 +395,10 @@ - + - - + + @@ -427,10 +437,10 @@ - + - - + + @@ -469,10 +479,10 @@ - + - - + + @@ -511,10 +521,10 @@ - + - - + + @@ -553,10 +563,10 @@ - + - - + + @@ -595,10 +605,10 @@ - + - - + + @@ -637,10 +647,10 @@ - + - - + + @@ -679,10 +689,10 @@ - + - - + + @@ -721,10 +731,10 @@ - + - - + + @@ -763,10 +773,10 @@ - + - - + + @@ -792,4 +802,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/m-series/m-series-front.svg b/src/assets/images/new-hardware/m-series/m-series-front.svg index 99cb2763e2f..5f3fc7bae3c 100644 --- a/src/assets/images/new-hardware/m-series/m-series-front.svg +++ b/src/assets/images/new-hardware/m-series/m-series-front.svg @@ -98,6 +98,7 @@ .mseries-front-cls-26, .mseries-front-cls-23 { fill: #eaeaea; + } .mseries-front-cls-20 { @@ -115,11 +116,25 @@ .mseries-front-cls-24 { fill: #333; } + + /* Contrast Fixes */ + #System .sides { + opacity: 0.75; + } + + #System .chassis { + opacity: 0.1; + } + + #Controller_1_Indicators, + #Controller_2_Indicators { + opacity: 0.65; + } - + @@ -134,7 +149,7 @@ - + @@ -149,7 +164,7 @@ - + @@ -164,22 +179,24 @@ - - + + - + - + + + @@ -247,7 +264,7 @@ - + @@ -301,12 +318,12 @@ - + - - + + @@ -321,7 +338,7 @@ - + @@ -336,7 +353,7 @@ - + @@ -351,7 +368,7 @@ - + @@ -382,10 +399,10 @@ - + - - + + @@ -424,10 +441,10 @@ - + - - + + @@ -466,10 +483,10 @@ - + - - + + @@ -508,10 +525,10 @@ - + - - + + @@ -550,10 +567,10 @@ - + - - + + @@ -592,10 +609,10 @@ - + - - + + @@ -634,10 +651,10 @@ - + - - + + @@ -676,10 +693,10 @@ - + - - + + @@ -718,10 +735,10 @@ - + - - + + @@ -760,10 +777,10 @@ - + - - + + @@ -802,10 +819,10 @@ - + - - + + @@ -844,10 +861,10 @@ - + - - + + @@ -886,10 +903,10 @@ - + - - + + @@ -928,10 +945,10 @@ - + - - + + @@ -970,10 +987,10 @@ - + - - + + @@ -1012,10 +1029,10 @@ - + - - + + @@ -1054,10 +1071,10 @@ - + - - + + @@ -1096,10 +1113,10 @@ - + - - + + @@ -1138,10 +1155,10 @@ - + - - + + @@ -1180,10 +1197,10 @@ - + - - + + @@ -1222,10 +1239,10 @@ - + - - + + @@ -1264,10 +1281,10 @@ - + - - + + @@ -1306,10 +1323,10 @@ - + - - + + @@ -1348,10 +1365,10 @@ - + - - + + @@ -1377,4 +1394,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/m-series/m-series-rear.svg b/src/assets/images/new-hardware/m-series/m-series-rear.svg index 27986270d1d..c9c0a113c30 100644 --- a/src/assets/images/new-hardware/m-series/m-series-rear.svg +++ b/src/assets/images/new-hardware/m-series/m-series-rear.svg @@ -1,5 +1,32 @@ + + + @@ -853,6 +880,10 @@ + + + + @@ -880,11 +911,11 @@ - - + + - - + + @@ -923,10 +954,10 @@ - + - - + + @@ -965,10 +996,10 @@ - + - - + + @@ -1007,10 +1038,10 @@ - + - - + + diff --git a/src/assets/images/new-hardware/minis/mini-3e-front.svg b/src/assets/images/new-hardware/minis/mini-3e-front.svg index 22fc05570a9..6b3937ac762 100644 --- a/src/assets/images/new-hardware/minis/mini-3e-front.svg +++ b/src/assets/images/new-hardware/minis/mini-3e-front.svg @@ -1,5 +1,12 @@ + + + @@ -147,8 +154,8 @@ - - + + @@ -165,17 +172,17 @@ - - - + + + - + - + @@ -218,8 +225,8 @@ - - + + @@ -236,17 +243,17 @@ - - - + + + - + - + @@ -289,8 +296,8 @@ - - + + @@ -307,17 +314,17 @@ - - - + + + - + - + @@ -389,7 +396,7 @@ - + @@ -432,8 +439,8 @@ - - + + @@ -450,17 +457,17 @@ - - - + + + - + - + diff --git a/src/assets/images/new-hardware/minis/mini-3x-front.svg b/src/assets/images/new-hardware/minis/mini-3x-front.svg index c3149e555fc..ce19c8fdf6d 100644 --- a/src/assets/images/new-hardware/minis/mini-3x-front.svg +++ b/src/assets/images/new-hardware/minis/mini-3x-front.svg @@ -1,7 +1,100 @@ @@ -49,7 +142,7 @@ - + @@ -58,14 +151,14 @@ - - - + + + - + @@ -74,9 +167,9 @@ - - - + + + @@ -87,18 +180,18 @@ - - + + - - - + + + - + @@ -116,18 +209,18 @@ - - + + - - - + + + - + @@ -145,18 +238,18 @@ - - + + - - - + + + - + @@ -174,18 +267,18 @@ - - + + - - - + + + - + @@ -203,18 +296,18 @@ - - + + - - - + + + - + diff --git a/src/assets/images/new-hardware/minis/mini-3xl-plus-front.svg b/src/assets/images/new-hardware/minis/mini-3xl-plus-front.svg index 6c8922f46ed..352aeb310e8 100644 --- a/src/assets/images/new-hardware/minis/mini-3xl-plus-front.svg +++ b/src/assets/images/new-hardware/minis/mini-3xl-plus-front.svg @@ -41,6 +41,14 @@ fill: #40403f; } + #MINI_XL_CHASSIS .cls-mini3xl-plus-6 { + fill: #2a2b2a; + } + + #MINI_XL_DRIVES .cls-mini3xl-plus-6 { + fill: #3a3b3a; + } + .cls-mini3xl-plus-6 { fill: #3a3b3a; } @@ -73,7 +81,11 @@ fill: #353535; } - .cls-mini3xl-plus-12 { + #MINI_XL_CHASSIS .cls-mini3xl-plus-12 { + fill: #222; + } + + #MINI_XL_DRIVES .cls-mini3xl-plus-12 { fill: #333; } @@ -93,13 +105,21 @@ fill: white; } - .cls-mini3xl-plus-18 { + #MINI_XL_CHASSIS .cls-mini3xl-plus-18 { + fill: #282828; + } + + #MINI_XL_DRIVES .cls-mini3xl-plus-18 { fill: #383838; } .cls-mini3xl-plus-19 { fill: #0d0d0d; } + + #MINI_XL_ .tint-target { + filter: brightness(0.75) !important; + } @@ -594,8 +614,8 @@ - - + + @@ -612,8 +632,8 @@ - - + + @@ -622,7 +642,7 @@ - + @@ -664,8 +684,8 @@ - - + + @@ -682,8 +702,8 @@ - - + + @@ -692,7 +712,7 @@ - + @@ -734,8 +754,8 @@ - - + + @@ -752,8 +772,8 @@ - - + + @@ -762,7 +782,7 @@ - + @@ -804,8 +824,8 @@ - - + + @@ -822,8 +842,8 @@ - - + + @@ -832,7 +852,7 @@ - + @@ -874,8 +894,8 @@ - - + + @@ -892,8 +912,8 @@ - - + + @@ -902,7 +922,7 @@ - + @@ -944,8 +964,8 @@ - - + + @@ -962,8 +982,8 @@ - - + + @@ -972,7 +992,7 @@ - + @@ -1014,8 +1034,8 @@ - - + + @@ -1032,8 +1052,8 @@ - - + + @@ -1042,7 +1062,7 @@ - + @@ -1084,8 +1104,8 @@ - - + + @@ -1102,8 +1122,8 @@ - - + + @@ -1112,7 +1132,7 @@ - + @@ -1148,9 +1168,9 @@ - - - + + + @@ -1185,7 +1205,7 @@ - + diff --git a/src/assets/images/new-hardware/minis/mini-r-front.svg b/src/assets/images/new-hardware/minis/mini-r-front.svg index e4bba822aa6..8fa326fa8e1 100644 --- a/src/assets/images/new-hardware/minis/mini-r-front.svg +++ b/src/assets/images/new-hardware/minis/mini-r-front.svg @@ -15,6 +15,15 @@ + @@ -64,8 +73,8 @@ - - + + @@ -82,8 +91,8 @@ - - + + @@ -92,7 +101,7 @@ - + @@ -135,8 +144,8 @@ - - + + @@ -153,8 +162,8 @@ - - + + @@ -163,7 +172,7 @@ - + @@ -206,8 +215,8 @@ - - + + @@ -224,8 +233,8 @@ - - + + @@ -234,7 +243,7 @@ - + @@ -277,8 +286,8 @@ - - + + @@ -295,8 +304,8 @@ - - + + @@ -305,7 +314,7 @@ - + @@ -348,8 +357,8 @@ - - + + @@ -366,8 +375,8 @@ - - + + @@ -376,7 +385,7 @@ - + @@ -419,8 +428,8 @@ - - + + @@ -437,8 +446,8 @@ - - + + @@ -447,7 +456,7 @@ - + @@ -490,8 +499,8 @@ - - + + @@ -508,8 +517,8 @@ - - + + @@ -518,7 +527,7 @@ - + @@ -561,8 +570,8 @@ - - + + @@ -579,8 +588,8 @@ - - + + @@ -589,7 +598,7 @@ - + @@ -632,8 +641,8 @@ - - + + @@ -650,8 +659,8 @@ - - + + @@ -660,7 +669,7 @@ - + @@ -703,8 +712,8 @@ - - + + @@ -721,8 +730,8 @@ - - + + @@ -731,7 +740,7 @@ - + @@ -774,8 +783,8 @@ - - + + @@ -792,8 +801,8 @@ - - + + @@ -802,7 +811,7 @@ - + @@ -845,8 +854,8 @@ - - + + @@ -863,8 +872,8 @@ - - + + @@ -873,7 +882,7 @@ - + diff --git a/src/assets/images/new-hardware/r10/r10-front.svg b/src/assets/images/new-hardware/r10/r10-front.svg index fec724667af..c95f0fc8b5d 100644 --- a/src/assets/images/new-hardware/r10/r10-front.svg +++ b/src/assets/images/new-hardware/r10/r10-front.svg @@ -103,16 +103,25 @@ .r10-cls-23 { fill: #eaeaea; } + + /* Contrast Fixes */ + .sides { + opacity: 0.75; + } + + #R10_CHASSIS .chassis { + opacity: 0.2; + } - + - + @@ -151,7 +160,7 @@ - + @@ -191,8 +200,8 @@ - - + + @@ -247,7 +256,7 @@ - + @@ -301,7 +310,7 @@ - + @@ -355,8 +364,8 @@ - - + + @@ -662,132 +671,132 @@ - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/r20/r20-front.svg b/src/assets/images/new-hardware/r20/r20-front.svg index b6325a56024..17e94e12e07 100644 --- a/src/assets/images/new-hardware/r20/r20-front.svg +++ b/src/assets/images/new-hardware/r20/r20-front.svg @@ -183,14 +183,23 @@ fill-opacity: .9; stroke: #272626; } + + /* Contrast Fixes */ + .sides { + opacity: 0.75; + } + + #R20_Chassis .chassis { + opacity: 0.1; + } - - - - + + + + @@ -237,7 +246,7 @@ - + @@ -302,8 +311,8 @@ - - + + @@ -314,10 +323,10 @@ - + - - + + @@ -344,8 +353,8 @@ - - + + @@ -356,10 +365,10 @@ - + - - + + @@ -386,8 +395,8 @@ - - + + @@ -398,10 +407,10 @@ - + - - + + @@ -428,8 +437,8 @@ - - + + @@ -440,10 +449,10 @@ - + - - + + @@ -470,8 +479,8 @@ - - + + @@ -482,10 +491,10 @@ - + - - + + @@ -512,8 +521,8 @@ - - + + @@ -524,10 +533,10 @@ - + - - + + @@ -554,8 +563,8 @@ - - + + @@ -566,10 +575,10 @@ - + - - + + @@ -596,8 +605,8 @@ - - + + @@ -608,10 +617,10 @@ - + - - + + @@ -638,8 +647,8 @@ - - + + @@ -650,10 +659,10 @@ - + - - + + @@ -680,8 +689,8 @@ - - + + @@ -692,10 +701,10 @@ - + - - + + @@ -722,8 +731,8 @@ - - + + @@ -734,10 +743,10 @@ - + - - + + @@ -764,8 +773,8 @@ - - + + @@ -776,10 +785,10 @@ - + - - + + @@ -791,4 +800,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/r20/r20-rear.svg b/src/assets/images/new-hardware/r20/r20-rear.svg index 11fe2fe796b..ae04036b38e 100644 --- a/src/assets/images/new-hardware/r20/r20-rear.svg +++ b/src/assets/images/new-hardware/r20/r20-rear.svg @@ -143,6 +143,12 @@ .r20-rear-cls-34 { fill: #838782; } + + /* Contrast Fixes */ + #R20_Chassis, + #R20_Power_Supplies { + opacity: 0.2; + } @@ -377,20 +383,20 @@ - - - - - - + + + + + + - - - - - - + + + + + + diff --git a/src/assets/images/new-hardware/r20a/r20a-front.svg b/src/assets/images/new-hardware/r20a/r20a-front.svg index 221cded73b0..b3cc6aa2e44 100644 --- a/src/assets/images/new-hardware/r20a/r20a-front.svg +++ b/src/assets/images/new-hardware/r20a/r20a-front.svg @@ -1,5 +1,35 @@ + + + + + + + + + + + + + + + + + @@ -9,16 +39,16 @@ - + - - - + + + - + @@ -26,7 +56,7 @@ - + @@ -35,7 +65,7 @@ - + @@ -47,8 +77,8 @@ - - + + @@ -65,8 +95,8 @@ - - + + @@ -75,7 +105,7 @@ - + @@ -118,8 +148,8 @@ - - + + @@ -136,8 +166,8 @@ - - + + @@ -146,7 +176,7 @@ - + @@ -189,8 +219,8 @@ - - + + @@ -207,8 +237,8 @@ - - + + @@ -217,7 +247,7 @@ - + @@ -260,8 +290,8 @@ - - + + @@ -278,8 +308,8 @@ - - + + @@ -288,7 +318,7 @@ - + @@ -331,8 +361,8 @@ - - + + @@ -349,8 +379,8 @@ - - + + @@ -359,7 +389,7 @@ - + @@ -402,8 +432,8 @@ - - + + @@ -420,8 +450,8 @@ - - + + @@ -430,7 +460,7 @@ - + @@ -473,8 +503,8 @@ - - + + @@ -491,8 +521,8 @@ - - + + @@ -501,7 +531,7 @@ - + @@ -544,8 +574,8 @@ - - + + @@ -562,8 +592,8 @@ - - + + @@ -572,7 +602,7 @@ - + @@ -615,8 +645,8 @@ - - + + @@ -633,8 +663,8 @@ - - + + @@ -643,7 +673,7 @@ - + @@ -686,8 +716,8 @@ - - + + @@ -704,8 +734,8 @@ - - + + @@ -714,7 +744,7 @@ - + @@ -757,8 +787,8 @@ - - + + @@ -775,8 +805,8 @@ - - + + @@ -785,7 +815,7 @@ - + @@ -828,8 +858,8 @@ - - + + @@ -846,8 +876,8 @@ - - + + @@ -856,7 +886,7 @@ - + diff --git a/src/assets/images/new-hardware/r20a/r20a-rear.svg b/src/assets/images/new-hardware/r20a/r20a-rear.svg index cc5de28ebad..090a4f37bf1 100644 --- a/src/assets/images/new-hardware/r20a/r20a-rear.svg +++ b/src/assets/images/new-hardware/r20a/r20a-rear.svg @@ -1,6 +1,18 @@ - - - + + + + + + + + + + diff --git a/src/assets/images/new-hardware/r20b/r20b-front.svg b/src/assets/images/new-hardware/r20b/r20b-front.svg index 2125eeb5d33..69f241829c8 100644 --- a/src/assets/images/new-hardware/r20b/r20b-front.svg +++ b/src/assets/images/new-hardware/r20b/r20b-front.svg @@ -183,14 +183,23 @@ fill-opacity: .9; stroke: #272626; } + + /* Contrast Fixes */ + .sides { + opacity: 0.75; + } + + .chassis { + opacity: 0.1; + } - - - - + + + + @@ -237,7 +246,7 @@ - + @@ -302,8 +311,8 @@ - - + + @@ -314,10 +323,10 @@ - + - - + + @@ -344,8 +353,8 @@ - - + + @@ -356,10 +365,10 @@ - + - - + + @@ -386,8 +395,8 @@ - - + + @@ -398,10 +407,10 @@ - + - - + + @@ -428,8 +437,8 @@ - - + + @@ -440,10 +449,10 @@ - + - - + + @@ -470,8 +479,8 @@ - - + + @@ -482,10 +491,10 @@ - + - - + + @@ -512,8 +521,8 @@ - - + + @@ -524,10 +533,10 @@ - + - - + + @@ -554,8 +563,8 @@ - - + + @@ -566,10 +575,10 @@ - + - - + + @@ -596,8 +605,8 @@ - - + + @@ -608,10 +617,10 @@ - + - - + + @@ -638,8 +647,8 @@ - - + + @@ -650,10 +659,10 @@ - + - - + + @@ -680,8 +689,8 @@ - - + + @@ -692,10 +701,10 @@ - + - - + + @@ -722,8 +731,8 @@ - - + + @@ -734,10 +743,10 @@ - + - - + + @@ -764,8 +773,8 @@ - - + + @@ -776,10 +785,10 @@ - + - - + + diff --git a/src/assets/images/new-hardware/r20b/r20b-rear.svg b/src/assets/images/new-hardware/r20b/r20b-rear.svg index 5aeb3cbdbbb..841da821d14 100644 --- a/src/assets/images/new-hardware/r20b/r20b-rear.svg +++ b/src/assets/images/new-hardware/r20b/r20b-rear.svg @@ -143,6 +143,12 @@ .r20b-rear-cls-34 { fill: #838782; } + + /* Contrast Fixes */ + #R20B_Chassis, + #R20B_Power_Supplies { + opacity: 0.2; + } @@ -377,20 +383,20 @@ - - - - - - + + + + + + - - - - - - + + + + + + diff --git a/src/assets/images/new-hardware/r30/r30-front.svg b/src/assets/images/new-hardware/r30/r30-front.svg index d18ce29f852..01ef4c8a8f3 100644 --- a/src/assets/images/new-hardware/r30/r30-front.svg +++ b/src/assets/images/new-hardware/r30/r30-front.svg @@ -122,6 +122,15 @@ .r30-cls-20 { fill: #1e1e1e; } + + /* Contrast Fixes */ + #R30 .sides { + opacity: 0.75; + } + + #R30 .chassis { + opacity: 0.1; + } @@ -473,17 +482,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -554,17 +563,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -635,17 +644,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -716,17 +725,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -797,17 +806,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -878,17 +887,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -959,17 +968,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -1040,17 +1049,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -1121,17 +1130,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -1202,17 +1211,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -1283,17 +1292,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -1364,17 +1373,17 @@ - - - - - - - - - - - + + + + + + + + + + + @@ -1445,4 +1454,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/r40/r40-front.svg b/src/assets/images/new-hardware/r40/r40-front.svg index 32161e43194..b0d3c3973dc 100644 --- a/src/assets/images/new-hardware/r40/r40-front.svg +++ b/src/assets/images/new-hardware/r40/r40-front.svg @@ -145,14 +145,23 @@ .r40-cls-19 { fill: #0d0d0d; } + + /* Contrast Fixes */ + #R40 .sides { + opacity: 0.75; + } + + #R40 .chassis { + opacity: 0.1; + } - - - - + + + + @@ -195,7 +204,7 @@ - + @@ -242,395 +251,395 @@ - - - - + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/r50/r50-rear.svg b/src/assets/images/new-hardware/r50/r50-rear.svg index 99547c02bf2..b79ab6d9d0c 100644 --- a/src/assets/images/new-hardware/r50/r50-rear.svg +++ b/src/assets/images/new-hardware/r50/r50-rear.svg @@ -1,5 +1,15 @@ + + + @@ -631,7 +641,7 @@ - + @@ -667,7 +677,7 @@ - + @@ -703,7 +713,7 @@ - + diff --git a/src/assets/images/new-hardware/r50/r50-top.svg b/src/assets/images/new-hardware/r50/r50-top.svg index 80d3a496f69..7c6de5626a4 100644 --- a/src/assets/images/new-hardware/r50/r50-top.svg +++ b/src/assets/images/new-hardware/r50/r50-top.svg @@ -108,6 +108,16 @@ .r50-top-cls-24 { fill: #40403f; } + + /* Contrast Fixes */ + #R50_DRAWER .sides { + opacity: 0.75; + } + + #R50_DRAWER #R50_CHASSIS, + #R50_DRAWER .chassis { + opacity: 0.25; + } @@ -388,16 +398,16 @@ - - - + + + - + @@ -407,7 +417,7 @@ - + @@ -427,16 +437,16 @@ - - - + + + - + @@ -446,7 +456,7 @@ - + @@ -466,16 +476,16 @@ - - - + + + - + @@ -485,7 +495,7 @@ - + @@ -505,16 +515,16 @@ - - - + + + - + @@ -524,7 +534,7 @@ - + @@ -544,16 +554,16 @@ - - - + + + - + @@ -563,7 +573,7 @@ - + @@ -583,16 +593,16 @@ - - - + + + - + @@ -602,7 +612,7 @@ - + @@ -622,16 +632,16 @@ - - - + + + - + @@ -641,7 +651,7 @@ - + @@ -661,16 +671,16 @@ - - - + + + - + @@ -680,7 +690,7 @@ - + @@ -700,16 +710,16 @@ - - - + + + - + @@ -719,7 +729,7 @@ - + @@ -739,16 +749,16 @@ - - - + + + - + @@ -758,7 +768,7 @@ - + @@ -778,16 +788,16 @@ - - - + + + - + @@ -797,7 +807,7 @@ - + @@ -817,16 +827,16 @@ - - - + + + - + @@ -836,7 +846,7 @@ - + @@ -856,16 +866,16 @@ - - - + + + - + @@ -875,7 +885,7 @@ - + @@ -895,16 +905,16 @@ - - - + + + - + @@ -914,7 +924,7 @@ - + @@ -934,16 +944,16 @@ - - - + + + - + @@ -953,7 +963,7 @@ - + @@ -973,16 +983,16 @@ - - - + + + - + @@ -992,7 +1002,7 @@ - + @@ -1012,16 +1022,16 @@ - - - + + + - + @@ -1031,7 +1041,7 @@ - + @@ -1051,16 +1061,16 @@ - - - + + + - + @@ -1070,7 +1080,7 @@ - + @@ -1090,16 +1100,16 @@ - - - + + + - + @@ -1109,7 +1119,7 @@ - + @@ -1129,16 +1139,16 @@ - - - + + + - + @@ -1148,7 +1158,7 @@ - + @@ -1168,16 +1178,16 @@ - - - + + + - + @@ -1187,7 +1197,7 @@ - + @@ -1207,16 +1217,16 @@ - - - + + + - + @@ -1226,7 +1236,7 @@ - + @@ -1246,16 +1256,16 @@ - - - + + + - + @@ -1265,7 +1275,7 @@ - + @@ -1285,16 +1295,16 @@ - - - + + + - + @@ -1304,7 +1314,7 @@ - + @@ -1324,16 +1334,16 @@ - - - + + + - + @@ -1343,7 +1353,7 @@ - + @@ -1363,16 +1373,16 @@ - - - + + + - + @@ -1382,7 +1392,7 @@ - + @@ -1402,16 +1412,16 @@ - - - + + + - + @@ -1421,7 +1431,7 @@ - + @@ -1441,16 +1451,16 @@ - - - + + + - + @@ -1460,7 +1470,7 @@ - + @@ -1480,16 +1490,16 @@ - - - + + + - + @@ -1499,7 +1509,7 @@ - + @@ -1519,16 +1529,16 @@ - - - + + + - + @@ -1538,7 +1548,7 @@ - + @@ -1558,16 +1568,16 @@ - - - + + + - + @@ -1577,7 +1587,7 @@ - + @@ -1597,16 +1607,16 @@ - - - + + + - + @@ -1616,7 +1626,7 @@ - + @@ -1636,16 +1646,16 @@ - - - + + + - + @@ -1655,7 +1665,7 @@ - + @@ -1675,16 +1685,16 @@ - - - + + + - + @@ -1694,7 +1704,7 @@ - + @@ -1714,16 +1724,16 @@ - - - + + + - + @@ -1733,7 +1743,7 @@ - + @@ -1753,16 +1763,16 @@ - - - + + + - + @@ -1772,7 +1782,7 @@ - + @@ -1792,16 +1802,16 @@ - - - + + + - + @@ -1811,7 +1821,7 @@ - + @@ -1831,16 +1841,16 @@ - - - + + + - + @@ -1850,7 +1860,7 @@ - + @@ -1870,16 +1880,16 @@ - - - + + + - + @@ -1889,7 +1899,7 @@ - + @@ -1909,16 +1919,16 @@ - - - + + + - + @@ -1928,7 +1938,7 @@ - + @@ -1948,16 +1958,16 @@ - - - + + + - + @@ -1967,7 +1977,7 @@ - + @@ -1987,16 +1997,16 @@ - - - + + + - + @@ -2006,7 +2016,7 @@ - + @@ -2026,16 +2036,16 @@ - - - + + + - + @@ -2045,7 +2055,7 @@ - + @@ -2065,16 +2075,16 @@ - - - + + + - + @@ -2084,7 +2094,7 @@ - + @@ -2104,16 +2114,16 @@ - - - + + + - + @@ -2123,7 +2133,7 @@ - + @@ -2143,16 +2153,16 @@ - - - + + + - + @@ -2162,7 +2172,7 @@ - + @@ -2182,16 +2192,16 @@ - - - + + + - + @@ -2201,7 +2211,7 @@ - + @@ -2221,16 +2231,16 @@ - - - + + + - + @@ -2240,7 +2250,7 @@ - + diff --git a/src/assets/images/new-hardware/r50b/r50b-rear.svg b/src/assets/images/new-hardware/r50b/r50b-rear.svg index 4f6768917f4..46e8d033feb 100644 --- a/src/assets/images/new-hardware/r50b/r50b-rear.svg +++ b/src/assets/images/new-hardware/r50b/r50b-rear.svg @@ -1,5 +1,15 @@ + + + @@ -1013,7 +1023,7 @@ - + @@ -1049,7 +1059,7 @@ - + @@ -1061,4 +1071,4 @@ - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/r50b/r50b-top.svg b/src/assets/images/new-hardware/r50b/r50b-top.svg index 802c60c767d..f6a25173568 100644 --- a/src/assets/images/new-hardware/r50b/r50b-top.svg +++ b/src/assets/images/new-hardware/r50b/r50b-top.svg @@ -108,6 +108,16 @@ .r50b-top-cls-24 { fill: #40403f; } + + /* Contrast Fixes */ + #R50B_DRAWER .sides { + opacity: 0.75; + } + + #R50B_DRAWER #R50B_CHASSIS, + #R50B_DRAWER .chassis { + opacity: 0.25; + } @@ -388,16 +398,16 @@ - - - + + + - + @@ -407,7 +417,7 @@ - + @@ -427,16 +437,16 @@ - - - + + + - + @@ -446,7 +456,7 @@ - + @@ -466,16 +476,16 @@ - - - + + + - + @@ -485,7 +495,7 @@ - + @@ -505,16 +515,16 @@ - - - + + + - + @@ -524,7 +534,7 @@ - + @@ -544,16 +554,16 @@ - - - + + + - + @@ -563,7 +573,7 @@ - + @@ -583,16 +593,16 @@ - - - + + + - + @@ -602,7 +612,7 @@ - + @@ -622,16 +632,16 @@ - - - + + + - + @@ -641,7 +651,7 @@ - + @@ -661,16 +671,16 @@ - - - + + + - + @@ -680,7 +690,7 @@ - + @@ -700,16 +710,16 @@ - - - + + + - + @@ -719,7 +729,7 @@ - + @@ -739,16 +749,16 @@ - - - + + + - + @@ -758,7 +768,7 @@ - + @@ -778,16 +788,16 @@ - - - + + + - + @@ -797,7 +807,7 @@ - + @@ -817,16 +827,16 @@ - - - + + + - + @@ -836,7 +846,7 @@ - + @@ -856,16 +866,16 @@ - - - + + + - + @@ -875,7 +885,7 @@ - + @@ -895,16 +905,16 @@ - - - + + + - + @@ -914,7 +924,7 @@ - + @@ -934,16 +944,16 @@ - - - + + + - + @@ -953,7 +963,7 @@ - + @@ -973,16 +983,16 @@ - - - + + + - + @@ -992,7 +1002,7 @@ - + @@ -1012,16 +1022,16 @@ - - - + + + - + @@ -1031,7 +1041,7 @@ - + @@ -1051,16 +1061,16 @@ - - - + + + - + @@ -1070,7 +1080,7 @@ - + @@ -1090,16 +1100,16 @@ - - - + + + - + @@ -1109,7 +1119,7 @@ - + @@ -1129,16 +1139,16 @@ - - - + + + - + @@ -1148,7 +1158,7 @@ - + @@ -1168,16 +1178,16 @@ - - - + + + - + @@ -1187,7 +1197,7 @@ - + @@ -1207,16 +1217,16 @@ - - - + + + - + @@ -1226,7 +1236,7 @@ - + @@ -1246,16 +1256,16 @@ - - - + + + - + @@ -1265,7 +1275,7 @@ - + @@ -1285,16 +1295,16 @@ - - - + + + - + @@ -1304,7 +1314,7 @@ - + @@ -1324,16 +1334,16 @@ - - - + + + - + @@ -1343,7 +1353,7 @@ - + @@ -1363,16 +1373,16 @@ - - - + + + - + @@ -1382,7 +1392,7 @@ - + @@ -1402,16 +1412,16 @@ - - - + + + - + @@ -1421,7 +1431,7 @@ - + @@ -1441,16 +1451,16 @@ - - - + + + - + @@ -1460,7 +1470,7 @@ - + @@ -1480,16 +1490,16 @@ - - - + + + - + @@ -1499,7 +1509,7 @@ - + @@ -1519,16 +1529,16 @@ - - - + + + - + @@ -1538,7 +1548,7 @@ - + @@ -1558,16 +1568,16 @@ - - - + + + - + @@ -1577,7 +1587,7 @@ - + @@ -1597,16 +1607,16 @@ - - - + + + - + @@ -1616,7 +1626,7 @@ - + @@ -1636,16 +1646,16 @@ - - - + + + - + @@ -1655,7 +1665,7 @@ - + @@ -1675,16 +1685,16 @@ - - - + + + - + @@ -1694,7 +1704,7 @@ - + @@ -1714,16 +1724,16 @@ - - - + + + - + @@ -1733,7 +1743,7 @@ - + @@ -1753,16 +1763,16 @@ - - - + + + - + @@ -1772,7 +1782,7 @@ - + @@ -1792,16 +1802,16 @@ - - - + + + - + @@ -1811,7 +1821,7 @@ - + @@ -1831,16 +1841,16 @@ - - - + + + - + @@ -1850,7 +1860,7 @@ - + @@ -1870,16 +1880,16 @@ - - - + + + - + @@ -1889,7 +1899,7 @@ - + @@ -1909,16 +1919,16 @@ - - - + + + - + @@ -1928,7 +1938,7 @@ - + @@ -1948,16 +1958,16 @@ - - - + + + - + @@ -1967,7 +1977,7 @@ - + @@ -1987,16 +1997,16 @@ - - - + + + - + @@ -2006,7 +2016,7 @@ - + @@ -2026,16 +2036,16 @@ - - - + + + - + @@ -2045,7 +2055,7 @@ - + @@ -2065,16 +2075,16 @@ - - - + + + - + @@ -2084,7 +2094,7 @@ - + @@ -2104,16 +2114,16 @@ - - - + + + - + @@ -2123,7 +2133,7 @@ - + @@ -2143,16 +2153,16 @@ - - - + + + - + @@ -2162,7 +2172,7 @@ - + @@ -2182,16 +2192,16 @@ - - - + + + - + @@ -2201,7 +2211,7 @@ - + @@ -2221,16 +2231,16 @@ - - - + + + - + @@ -2240,7 +2250,7 @@ - + diff --git a/src/assets/images/new-hardware/r50bm/r50bm-rear.svg b/src/assets/images/new-hardware/r50bm/r50bm-rear.svg index d9e03532663..deb35f54ca1 100644 --- a/src/assets/images/new-hardware/r50bm/r50bm-rear.svg +++ b/src/assets/images/new-hardware/r50bm/r50bm-rear.svg @@ -171,6 +171,12 @@ .r50bm-rear-cls-41 { fill: #bcbcbc; } + + /* Contrast Fixes */ + #R50BM_REAR #R50BM_CHASSIS, + #R50BM_REAR #R50BM_POWER_SUPPLIES { + opacity: 0.25; + } @@ -820,32 +826,32 @@ - - + + - - + + - - + + - - + + diff --git a/src/assets/images/new-hardware/r50bm/r50bm-top.svg b/src/assets/images/new-hardware/r50bm/r50bm-top.svg index bbaf7275f50..ca9d5ef3451 100644 --- a/src/assets/images/new-hardware/r50bm/r50bm-top.svg +++ b/src/assets/images/new-hardware/r50bm/r50bm-top.svg @@ -108,6 +108,16 @@ .r50bm-top-cls-24 { fill: #40403f; } + + /* Contrast Fixes */ + #R50BM_DRAWER .sides { + opacity: 0.75; + } + + #R50BM_DRAWER #R50BM_CHASSIS, + #R50BM_DRAWER .chassis { + opacity: 0.25; + } @@ -388,16 +398,16 @@ - - - + + + - + @@ -407,7 +417,7 @@ - + @@ -427,16 +437,16 @@ - - - + + + - + @@ -446,7 +456,7 @@ - + @@ -466,16 +476,16 @@ - - - + + + - + @@ -485,7 +495,7 @@ - + @@ -505,16 +515,16 @@ - - - + + + - + @@ -524,7 +534,7 @@ - + @@ -544,16 +554,16 @@ - - - + + + - + @@ -563,7 +573,7 @@ - + @@ -583,16 +593,16 @@ - - - + + + - + @@ -602,7 +612,7 @@ - + @@ -622,16 +632,16 @@ - - - + + + - + @@ -641,7 +651,7 @@ - + @@ -661,16 +671,16 @@ - - - + + + - + @@ -680,7 +690,7 @@ - + @@ -700,16 +710,16 @@ - - - + + + - + @@ -719,7 +729,7 @@ - + @@ -739,16 +749,16 @@ - - - + + + - + @@ -758,7 +768,7 @@ - + @@ -778,16 +788,16 @@ - - - + + + - + @@ -797,7 +807,7 @@ - + @@ -817,16 +827,16 @@ - - - + + + - + @@ -836,7 +846,7 @@ - + @@ -856,16 +866,16 @@ - - - + + + - + @@ -875,7 +885,7 @@ - + @@ -895,16 +905,16 @@ - - - + + + - + @@ -914,7 +924,7 @@ - + @@ -934,16 +944,16 @@ - - - + + + - + @@ -953,7 +963,7 @@ - + @@ -973,16 +983,16 @@ - - - + + + - + @@ -992,7 +1002,7 @@ - + @@ -1012,16 +1022,16 @@ - - - + + + - + @@ -1031,7 +1041,7 @@ - + @@ -1051,16 +1061,16 @@ - - - + + + - + @@ -1070,7 +1080,7 @@ - + @@ -1090,16 +1100,16 @@ - - - + + + - + @@ -1109,7 +1119,7 @@ - + @@ -1129,16 +1139,16 @@ - - - + + + - + @@ -1148,7 +1158,7 @@ - + @@ -1168,16 +1178,16 @@ - - - + + + - + @@ -1187,7 +1197,7 @@ - + @@ -1207,16 +1217,16 @@ - - - + + + - + @@ -1226,7 +1236,7 @@ - + @@ -1246,16 +1256,16 @@ - - - + + + - + @@ -1265,7 +1275,7 @@ - + @@ -1285,16 +1295,16 @@ - - - + + + - + @@ -1304,7 +1314,7 @@ - + @@ -1324,16 +1334,16 @@ - - - + + + - + @@ -1343,7 +1353,7 @@ - + @@ -1363,16 +1373,16 @@ - - - + + + - + @@ -1382,7 +1392,7 @@ - + @@ -1402,16 +1412,16 @@ - - - + + + - + @@ -1421,7 +1431,7 @@ - + @@ -1441,16 +1451,16 @@ - - - + + + - + @@ -1460,7 +1470,7 @@ - + @@ -1480,16 +1490,16 @@ - - - + + + - + @@ -1499,7 +1509,7 @@ - + @@ -1519,16 +1529,16 @@ - - - + + + - + @@ -1538,7 +1548,7 @@ - + @@ -1558,16 +1568,16 @@ - - - + + + - + @@ -1577,7 +1587,7 @@ - + @@ -1597,16 +1607,16 @@ - - - + + + - + @@ -1616,7 +1626,7 @@ - + @@ -1636,16 +1646,16 @@ - - - + + + - + @@ -1655,7 +1665,7 @@ - + @@ -1675,16 +1685,16 @@ - - - + + + - + @@ -1694,7 +1704,7 @@ - + @@ -1714,16 +1724,16 @@ - - - + + + - + @@ -1733,7 +1743,7 @@ - + @@ -1753,16 +1763,16 @@ - - - + + + - + @@ -1772,7 +1782,7 @@ - + @@ -1792,16 +1802,16 @@ - - - + + + - + @@ -1811,7 +1821,7 @@ - + @@ -1831,16 +1841,16 @@ - - - + + + - + @@ -1850,7 +1860,7 @@ - + @@ -1870,16 +1880,16 @@ - - - + + + - + @@ -1889,7 +1899,7 @@ - + @@ -1909,16 +1919,16 @@ - - - + + + - + @@ -1928,7 +1938,7 @@ - + @@ -1948,16 +1958,16 @@ - - - + + + - + @@ -1967,7 +1977,7 @@ - + @@ -1987,16 +1997,16 @@ - - - + + + - + @@ -2006,7 +2016,7 @@ - + @@ -2026,16 +2036,16 @@ - - - + + + - + @@ -2045,7 +2055,7 @@ - + @@ -2065,16 +2075,16 @@ - - - + + + - + @@ -2084,7 +2094,7 @@ - + @@ -2104,16 +2114,16 @@ - - - + + + - + @@ -2123,7 +2133,7 @@ - + @@ -2143,16 +2153,16 @@ - - - + + + - + @@ -2162,7 +2172,7 @@ - + @@ -2182,16 +2192,16 @@ - - - + + + - + @@ -2201,7 +2211,7 @@ - + @@ -2221,16 +2231,16 @@ - - - + + + - + @@ -2240,10 +2250,10 @@ - + - \ No newline at end of file + diff --git a/src/assets/images/new-hardware/x-series/x-series-front.svg b/src/assets/images/new-hardware/x-series/x-series-front.svg index d4e744fb24d..156791a2713 100644 --- a/src/assets/images/new-hardware/x-series/x-series-front.svg +++ b/src/assets/images/new-hardware/x-series/x-series-front.svg @@ -56,11 +56,24 @@ .xseries-cls-12 { fill: #cccccb; } + + /* Contrast Fixes */ + .tint-target{ + filter: brightness(0.9) !important; + } + + #X-Series_CHASSIS .sides { + opacity: 0.5; + } + + #X-Series_CHASSIS .xseries-cls-7 { + opacity: 0.15; + } - + @@ -69,15 +82,15 @@ - - + + - + - + @@ -99,12 +112,12 @@ - - + + - + - + @@ -126,43 +139,43 @@ - - + + - + - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -173,36 +186,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -213,36 +226,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -253,36 +266,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -293,36 +306,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -333,36 +346,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -373,36 +386,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -413,36 +426,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -453,36 +466,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -493,36 +506,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -533,36 +546,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + i - + @@ -573,36 +586,36 @@ - - - + + + - + - + - - - - + + + + - - - + + + - + - + @@ -612,4 +625,4 @@ - \ No newline at end of file +