- 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

View File

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

View File

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

View File

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

View File

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