Change CSS variables to match Asset catalog names

This commit is contained in:
Maurice Parker 2019-10-07 16:54:18 -05:00
parent f7e235a1fb
commit 6f0c957731
1 changed files with 7 additions and 9 deletions

View File

@ -33,11 +33,10 @@ a:hover {
:root { :root {
color-scheme: light dark; color-scheme: light dark;
--link-color: #0655BE; --primary-accent-color: #086AEE;
--box-color: #0655BE; --secondary-accent-color: #086AEE;
--header-table-border-color: rgba(0, 0, 0, 0.1); --header-table-border-color: rgba(0, 0, 0, 0.1);
--header-color: rgba(0, 0, 0, 0.3); --header-color: rgba(0, 0, 0, 0.3);
--header-link-color: #086AEE;
--body-code-color: #666; --body-code-color: #666;
--system-message-color: #cbcbcb; --system-message-color: #cbcbcb;
--feedlink-color: rgba(0, 0, 0, 0.6); --feedlink-color: rgba(0, 0, 0, 0.6);
@ -45,11 +44,10 @@ a:hover {
@media(prefers-color-scheme: dark) { @media(prefers-color-scheme: dark) {
:root { :root {
--link-color: #5E9EF4; --primary-accent-color: #2D80F1;
--box-color: #5E9EF4; --secondary-accent-color: #5E9EF4;
--header-table-border-color: rgba(255, 255, 255, 0.1); --header-table-border-color: rgba(255, 255, 255, 0.1);
--header-color: #d2d2d2; --header-color: #d2d2d2;
--header-link-color: #2D80F1;
--body-code-color: #b2b2b2; --body-code-color: #b2b2b2;
--system-message-color: #5f5f5f --system-message-color: #5f5f5f
} }
@ -61,7 +59,7 @@ body {
} }
body a, body a:link, body a:visited { body a, body a:link, body a:visited {
color: var(--link-color); color: var(--secondary-accent-color);
} }
body .headerTable { body .headerTable {
border-bottom: 1px solid var(--header-table-border-color); border-bottom: 1px solid var(--header-table-border-color);
@ -70,7 +68,7 @@ body .header {
color: var(--header-color); color: var(--header-color);
} }
body .header a:link, body .header a:visited { body .header a:link, body .header a:visited {
color: var(--header-link-color); color: var(--primary-accent-color);
} }
body .articleDateline, body .articleDateLine.a:link, body .articleDateline a:visited { body .articleDateline, body .articleDateLine.a:link, body .articleDateline a:visited {
color: var(--header-color); color: var(--header-color);
@ -122,7 +120,7 @@ pre {
overflow: auto; overflow: auto;
overflow-y: hidden; overflow-y: hidden;
line-height: 20px; line-height: 20px;
border: 1px solid var(--box-color); border: 1px solid var(--secondary-accent-color);
padding: 5px; padding: 5px;
word-wrap: normal; word-wrap: normal;
word-break: normal; word-break: normal;