root/regexper-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adjusting text color to improve contrast

Browse Source
This commit is contained in:
Jeff Avallone 2018-02-17 22:19:39 -05:00
parent a1ef89b6fb
commit cf824ac334
4 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Form/style.css
View File

@ -37,6 +37,7 @@
width: 10rem; width: 10rem;
border: 0 none; border: 0 none;
background: var(--control-gradient); background: var(--control-gradient);
color: var(--color-black);
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
margin-right: 1rem; margin-right: 1rem;
@ -65,6 +66,7 @@
height: var(--select-height); height: var(--select-height);
width: var(--select-width); width: var(--select-width);
background: var(--control-gradient); background: var(--control-gradient);
color: var(--color-black);
overflow: hidden; overflow: hidden;
& select { & select {

1
src/components/Header/style.css
View File

@ -6,6 +6,7 @@
padding: 0 var(--content-margin); padding: 0 var(--content-margin);
margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin)); margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin));
position: relative; position: relative;
color: var(--color-black);
&:after { &:after {
content: attr(data-banner); content: attr(data-banner);

1
src/components/Message/style.css
View File

@ -2,6 +2,7 @@
.message { .message {
background: var(--color-tan); background: var(--color-tan);
color: var(--color-black);
margin: var(--spacing-margin) 0; margin: var(--spacing-margin) 0;
box-shadow: 0 0 1rem color(var(--color-black) alpha(0.7)); box-shadow: 0 0 1rem color(var(--color-black) alpha(0.7));

1
src/site.css
View File

@ -10,6 +10,7 @@ body {
padding: 0; padding: 0;
font-family: sans-serif; font-family: sans-serif;
background: var(--color-brown); background: var(--color-brown);
color: var(--color-tan);
font-size: 1.6rem; font-size: 1.6rem;
} }