Use colors consistently across dependencies and depdents pages

Author: kailan

app/components/dependency-list/row.module.css

@@ -1,8 +1,8 @@
 .row {
     --bg-color: var(--grey200);
     --hover-bg-color: light-dark(hsl(217, 37%, 98%), hsl(204, 3%, 11%));
-    --range-color: light-dark(var(--grey900), #d1cfc7);
-    --crate-color: light-dark(var(--grey700), #d1cfc7);
+    --range-color: light-dark(var(--grey900), var(--grey400));
+    --crate-color: light-dark(var(--grey900), var(--grey400));
     --placeholder-opacity: 0.35;
     --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
 
@@ -90,7 +90,7 @@
 }
 
 .optional-label, .features-label {
-    color: light-dark(var(--grey600), var(--grey400));
+    color: var(--range-color);
     text-transform: uppercase;
     letter-spacing: .7px;
     font-size: 13px;

app/components/rev-dep-row.module.css

@@ -1,6 +1,7 @@
 .row {
     --hover-bg-color: light-dark(hsl(217, 37%, 98%), hsl(204, 3%, 11%));
-    --crate-color: light-dark(var(--grey700), var(--grey600));
+    --crate-color: light-dark(var(--grey900), var(--grey400));
+    --range-color: light-dark(var(--grey900), var(--grey400));
     --placeholder-opacity: 0.35;
     --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
 
@@ -59,7 +60,7 @@
 }
 
 .range {
-    color: var(--grey600);
+    color: var(--range-color);
     text-transform: uppercase;
     letter-spacing: .7px;
     font-size: 13px;
@@ -68,7 +69,7 @@
 .downloads {
     display: flex;
     align-items: center;
-    color: var(--grey600);
+    color: var(--range-color);
     font-size: 16px;
     font-weight: 500;
     font-variant: tabular-nums;

app/styles/application.module.css

@@ -1,8 +1,10 @@
 :root, [data-theme="classic"] {
     --violet800: hsl(252, 44%, 24%);
     --grey900: hsl(200, 15%, 19%);
+    --grey800: hsl(200, 11%, 30%);
     --grey700: hsl(200, 11%, 43%);
     --grey600: hsl(200, 13%, 60%);
+    --grey400: hsl(200, 14%, 75%);
     --grey200: hsl(200, 17%, 96%);
     --green800: hsl(115, 31%, 31%);
     --green900: hsl(115, 31%, 21%);