admin/jasmine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Accessibility: Improved contrast of version number and inactive tab links

Browse Source
This commit is contained in:
Steve Gravrock
2023-04-29 11:32:15 -07:00
parent 7a75cc7643
commit 225194c343
2 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/jasmine-core/jasmine.css
View File

@@ -55,9 +55,6 @@ body {
position: fixed; position: fixed;
right: 100%; right: 100%;
} }
.jasmine_html-reporter .jasmine-version {
color: #aaa;
}
.jasmine_html-reporter .jasmine-banner { .jasmine_html-reporter .jasmine-banner {
margin-top: 14px; margin-top: 14px;
} }
@@ -169,10 +166,11 @@ body {
} }
.jasmine_html-reporter .jasmine-bar.jasmine-menu { .jasmine_html-reporter .jasmine-bar.jasmine-menu {
background-color: #fff; background-color: #fff;
color: #aaa; color: #000;
} }
.jasmine_html-reporter .jasmine-bar.jasmine-menu a { .jasmine_html-reporter .jasmine-bar.jasmine-menu a {
color: #333; color: blue;
text-decoration: underline;
} }
.jasmine_html-reporter .jasmine-bar a { .jasmine_html-reporter .jasmine-bar a {
color: white; color: white;

13
src/html/_HTMLReporter.scss
View File

@@ -3,11 +3,13 @@
$line-height: 14px; $line-height: 14px;
$margin-unit: 14px; $margin-unit: 14px;
$faint-text-color: #aaa;
$light-text-color: #666; $light-text-color: #666;
$text-color: #333; $text-color: #333;
$inactive-tab-text-color: blue;
$active-tab-text-color: #000;
$page-background-color: #eee; $page-background-color: #eee;
$menu-background-color: #aaa;
$passing-color: #007069; $passing-color: #007069;
$failing-color: #ca3a11; $failing-color: #ca3a11;
@@ -91,10 +93,6 @@ body {
right: 100%; right: 100%;
} }
.jasmine-version {
color: $faint-text-color;
}
//--- Banner ---// //--- Banner ---//
.jasmine-banner { .jasmine-banner {
@@ -238,10 +236,11 @@ body {
&.jasmine-menu { &.jasmine-menu {
background-color: #fff; background-color: #fff;
color: $faint-text-color; color: $active-tab-text-color;
a { a {
color: $text-color; color: $inactive-tab-text-color;
text-decoration: underline;
} }
} }