Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tweak colour contrast #392

Merged
merged 7 commits into from
Mar 17, 2022
Merged

Tweak colour contrast #392

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
443fee6
Tweak colour contrast
hidde Mar 15, 2022
73aa192
Add space
hidde Mar 16, 2022
740a3df
Use consistent casing
hidde Mar 16, 2022
60c5a3a
Fix contrast in warnings
hidde Mar 16, 2022
7ded32a
Apply suggestions from code review
hidde Mar 16, 2022
a901bcb
Make usage of red more consistent
hidde Mar 16, 2022
20c4919
undo changes to spec as it's only for historical pages
annevk Mar 17, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion images.whatwg.org/content-venn.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions resources.whatwg.org/standard-shared-with-dev.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ c-[il] { color: #000000 } /* Literal.Number.Integer.Long */
position: absolute;
z-index: 8;
right: 0.3em;
background: #EEE;
background: #F7F7F7;
color: black;
box-shadow: 0 0 3px #999;
overflow: hidden;
Expand Down Expand Up @@ -488,9 +488,9 @@ h6 + .mdn-anno { margin: -40px 0 0 0; }
h6 + .mdn { margin: -40px 0 0 0; }

.mdn > div { margin: 0; padding-bottom: 1px; }
.mdn > div > .less-than-two-engines-flag { color: red; background-color: #eee; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
.mdn > div > .less-than-two-engines-flag { color: #D50606; background-color: #F7F7F7; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
.mdn > div > .all-engines-flag { color: green; background-color: #eee; }
.mdn > div > details > .less-than-two-engines-text { color: red; font-weight: bold; margin-top: 0; padding-bottom: 12px; }
.mdn > div > details > .less-than-two-engines-text { color: #D50606; font-weight: bold; margin-top: 0; padding-bottom: 12px; }
.mdn > div > details > .all-engines-text { color: green; font-weight: bold; margin-top: 0; padding-bottom: 12px; }
.mdn > div:last-of-type details > .all-engines-text, .mdn > div:last-of-type > details > .less-than-two-engines-text { padding-bottom: 0; margin-bottom: 0; }
.mdn :link { color: #0000EE; }
Expand Down
20 changes: 10 additions & 10 deletions resources.whatwg.org/standard.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@ body { margin: 0 auto; padding: 0 2.5em 2em 2.5em; max-width: 80em; background:
}

code { color: #666666; font-style: normal; }
dfn code { color: orangered; }
code :link, :link code, code :visited, :visited code { color: orangered; }
dfn code { color: #CE3C05; }
code :link, :link code, code :visited, :visited code { color: #CE3C05; }
pre :link, pre :visited { color: inherit; }

html, ::before { font: 1em/1.45 Helvetica Neue, sans-serif, Droid Sans Fallback; }
Expand Down Expand Up @@ -175,7 +175,7 @@ dl.triple { padding: 0 0 0 1em; }
dl.triple dt, dl.triple dd { margin: 0; display: inline }
dl.triple dt:after { content: ':'; }
dl.triple dd:after { content: '\A'; white-space: pre; }
tr.rare { background: #EEEEEE; color: #333333; }
tr.rare { background: #F7F7F7; color: #333333; }

/*
* .domintro, .note, .warning, .example, .XXX, .critical
Expand Down Expand Up @@ -277,22 +277,22 @@ dl.domintro dd p:last-child {
}

.warning {
color: red;
color: #D50606;
background: #FFFFCA;
font-weight: bolder;
font-style: italic;
}
.warning::before {
color: yellow;
background: red;
background: #D50606;
}
.warning em, .warning i, .warning var, .warning cite {
font-style: normal;
}

.example {
color: #222222;
background: #EEEEEE;
background: #F7F7F7;
}
.example::before {
background: #222222;
Expand All @@ -306,14 +306,14 @@ td > .example:only-child::before {
}

.XXX {
color: #E50000;
color: #D50606;
background: white;
border: solid red;
border: solid #D50606;
}

.critical {
background: #FFFFCC;
border: double thick red;
border: double thick #D50606;
}

figure.diagrams { border: thin solid black; background: white; padding: 1em; }
Expand Down Expand Up @@ -509,7 +509,7 @@ pre > code.idl::before, pre.idl::before, pre > code.css::before, pre.highlight.l
}

pre > code.idl, pre.idl {
background: #EEE;
background: #F7F7F7;
}

pre > code.css, pre.highlight.lang-css {
Expand Down
4 changes: 2 additions & 2 deletions whatwg.org/style/subpages.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,8 +86,8 @@ dl.compact > div > dd:not(:last-of-type)::after { content: "; "; }
.note em, .note i, .note var { font-style: normal; }
span.note { padding: 0 2em; }
.note::before { content: 'Note'; background: green; color: white; padding: 0.15em 0.25em; font-style: normal; position: absolute; top: -0.2em; left: -1.5em; transform: rotate(-5deg); }
.example { display: block; color: #222222; background: #EEEEEE; margin-left: 2em; padding-left: 3em; position: relative; }
.example::before { font-style: normal; content: 'Example'; background: #222222; color: #EEEEEE; padding: 0.15em 0.25em; font: 1em Helvetica Neue, sans-serif, Droid Sans Fallback; position: absolute; top: 0.2em; left: -2.25em; transform: rotate(-5deg); }
.example { display: block; color: #222222; background: #F7F7F7; margin-left: 2em; padding-left: 3em; position: relative; }
.example::before { font-style: normal; content: 'Example'; background: #222222; color: #F7F7F7; padding: 0.15em 0.25em; font: 1em Helvetica Neue, sans-serif, Droid Sans Fallback; position: absolute; top: 0.2em; left: -2.25em; transform: rotate(-5deg); }

/* SELF LINK STYLES; they assume only inside headings, on this site */
a.self-link {
Expand Down