Add light/dark CSS variables for description link color; make this color consistent in Updates view and detail view

This commit is contained in:
Greg Neagle
2018-09-04 21:28:12 -07:00
parent a2740cdd69
commit 279481bfe5
3 changed files with 6 additions and 1 deletions
@@ -9,6 +9,7 @@ html {
--text-color-normal: hsl(0, 0%, 23%);
--text-color-subdued: hsl(0, 0%, 48%);
--text-color-warning: hsl(0, 100%, 40%);
--description-link-color: #3E6397;
--button-text-color-enabled: hsl(0, 0%, 100%);
--button-text-color-disabled: hsl(0, 0%, 74%);
--popup-menu-text-color: hsl(0, 0%, 0%);
@@ -27,6 +28,7 @@ html[data-theme='dark'] {
--text-color-normal: hsl(0, 0%, 77%);
--text-color-subdued: hsl(0, 0%, 62%);
--text-color-warning: hsl(0, 100%, 60%);
--description-link-color: #90B0EA;
--button-text-color-enabled: hsl(0, 0%, 0%);
--button-text-color-disabled: hsl(0, 0%, 41%);
--popup-menu-text-color: hsl(0, 0%, 100%);
@@ -63,6 +63,9 @@ body.product .product-detail .product-info .product-review p,body.product .produ
line-height: 16px;
color: var(--text-color-normal);
}
body.product .product-detail .product-info .product-review p a {
color: var(--description-link-color);
}
body.product .sidebar .app-info .content {
font-size: 11px;
color: var(--text-color-emphasized)
@@ -331,7 +331,7 @@ div.os-updates p.note {
color: #d30
}
.installation .description a {
color: #3E6397
color: var(--description-link-color)
}
.installation [data-text-truncate-lines] a.text-truncate-toggle {
padding: 0;