Change CSS variables to match Asset catalog names
This commit is contained in:
parent
f7e235a1fb
commit
6f0c957731
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue