Skip to content
This repository has been archived by the owner on Jun 1, 2023. It is now read-only.

Commit

Permalink
Use more accessible colors for callouts
Browse files Browse the repository at this point in the history
  • Loading branch information
mattt committed Jun 1, 2021
1 parent a9f3f38 commit a188b4a
Show file tree
Hide file tree
Showing 2 changed files with 14 additions and 14 deletions.
26 changes: 13 additions & 13 deletions Assets/css/all.css
Original file line number Diff line number Diff line change
Expand Up @@ -820,12 +820,12 @@ blockquote {
--link: var(--accent-color);

border: 0.25px var(--separator) solid;
border-left: 6px var(--accent-color) solid;
border-left: 6px var(--separator) solid;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
padding: 0.125em 0 0.125em 1em;
padding: 0.125em 1em;
margin-bottom: 1em;
color: var(--accent-color);

Expand All @@ -842,32 +842,32 @@ blockquote {
}

& {
--accent-color: var(--system-blue);
--separator: rgba(0, 122, 255, 0.25);
background: rgba(0, 122, 255, 0.025);
--accent-color: rgb(0, 0, 73);
--separator: var(--system-blue);
background: rgba(0, 122, 255, 0.0125);
}

&.author,
&.authors,
&.copyright,
&.date {
--accent-color: var(--system-fill);
--separator: var(--system-gray);
--accent-color: rgb(51, 51, 51);
--separator: var(--system-fill);
background: var(--system-background);
}

&.attention,
&.warning,
&.important {
--accent-color: var(--system-orange);
--separator: rgba(255, 149, 0, 0.25);
background: rgba(255, 149, 0, 0.025);
--accent-color: rgb(76, 37, 2);
--separator: var(--system-orange);
background: rgba(255, 149, 0, 0.0125);
}

&.bug {
--accent-color: var(--system-pink);
--separator: rgba(255, 59, 48, 0.25);
background: rgba(255, 59, 48, 0.025);
--accent-color: rgb(78, 0, 41);
--separator: var(--system-pink);
background: rgba(255, 59, 48, 0.0125);
}
}

Expand Down
Loading

0 comments on commit a188b4a

Please sign in to comment.