ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-19 21:27:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Closes #7410

Browse Source 
- Event display approach modified to include background color.
- Theme colors modified and constrast verified via Wave a11y browser plugin.
This commit is contained in:
Charles Hacskaylo 2024-01-24 15:39:51 -08:00
parent 114864429a
commit b8f630c1b8
4 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/_constants-espresso.scss
View File

@ -366,10 +366,14 @@ $colorLimitCyanFg: #d3faff;
$colorLimitCyanIc: #6bedff;
// Events
$colorEventPurpleFg: #6433ff;
$colorEventRedFg: #cc0000;
$colorEventOrangeFg: orange;
$colorEventYellowFg: #ffcc00;
$colorEventPurpleFg: #aB8fff;
$colorEventRedFg: #ff9999;
$colorEventOrangeFg: #ff8800;
$colorEventYellowFg: #ffdb63;
$colorEventPurpleBg: #31204a;
$colorEventRedBg: #3c1616;
$colorEventOrangeBg: #3e2a13;
$colorEventYellowBg: #3e3316;
// Bubble colors
$colorInfoBubbleBg: #dddddd;

12
src/styles/_constants-maelstrom.scss
View File

@ -369,10 +369,14 @@ $colorLimitCyanFg: #d3faff;
$colorLimitCyanIc: #6bedff;
// Events
$colorEventPurpleFg: #6433ff;
$colorEventRedFg: #cc0000;
$colorEventOrangeFg: orange;
$colorEventYellowFg: #ffcc00;
$colorEventPurpleFg: #aB8fff;
$colorEventRedFg: #ff9999;
$colorEventOrangeFg: #ff8800;
$colorEventYellowFg: #ffdb63;
$colorEventPurpleBg: #31204a;
$colorEventRedBg: #3c1616;
$colorEventOrangeBg: #3e2a13;
$colorEventYellowBg: #3e3316;
// Bubble colors
$colorInfoBubbleBg: #dddddd;

10
src/styles/_constants-snow.scss
View File

@ -367,9 +367,13 @@ $colorLimitCyanIc: #1795c0;
// Events
$colorEventPurpleFg: #6433ff;
$colorEventRedFg: #cc0000;
$colorEventOrangeFg: orange;
$colorEventYellowFg: #ffcc00;
$colorEventRedFg: #aa0000;
$colorEventOrangeFg: #b84900;
$colorEventYellowFg: #867109;
$colorEventPurpleBg: #ebe7fb;
$colorEventRedBg: #fcefef;
$colorEventOrangeBg: #ffece3;
$colorEventYellowBg: #fdf8eb;
// Bubble colors
$colorInfoBubbleBg: $colorMenuBg;

7
src/styles/_status.scss
View File

@ -237,18 +237,23 @@ tr {
.is-event {
&--purple {
background-color: $colorEventPurpleBg !important;
color: $colorEventPurpleFg !important;
}
&--red {
background-color: $colorEventRedBg !important;
color: $colorEventRedFg !important;
}
&--orange {
background-color: $colorEventOrangeBg !important;
color: $colorEventOrangeFg !important;
}
&--yellow {
background-color: $colorEventYellowBg !important;
color: $colorEventYellowFg !important;
}
&--no-style {
color: inherit;
background-color: $colorBodyBg !important;
color: $colorBodyFg !important;
}
}