docs(stepper): Make CDK stepper example accessible in dark mode. (#20013

)

* docs(stepper): Make CDK stepper example accessible in dark mode.
Removed hard-coded colors and replaced with inherit colors.
Used font-weight to show active step.

Fixes #17152

* Changing order of styles.

* Triggering CircleCI build again.

* Removing color inherit, since it is not required.
It is still required for nav buttons, since those show in the black.

src/components-examples/cdk/stepper/cdk-custom-stepper-without-form/example-custom-stepper.css

@@ -1,5 +1,5 @@
 .example-container {
-  border: 1px solid black;
+  border: 1px solid;
   padding: 10px;
   margin: 10px;
 }
@@ -10,24 +10,21 @@
   margin-top: 10px;
 }
 
-.example-active {
-  color: blue;
-}
-
 .example-step {
   background: transparent;
   border: 0;
   margin: 0 10px;
   padding: 10px;
-  color: black;
+  color: inherit;
 }
 
 .example-step.example-active {
-  color: blue;
-  border-bottom: 1px solid blue;
+  border-bottom: 1px solid;
+  font-weight: 600;
 }
 
 .example-nav-button {
   background: transparent;
   border: 0;
+  color: inherit;
 }

src/components-examples/cdk/stepper/cdk-linear-stepper-with-form/example-custom-linear-stepper.css

@@ -1,5 +1,5 @@
 .example-container {
-  border: 1px solid black;
+  border: 1px solid;
   padding: 10px;
   margin: 10px;
 }
@@ -15,15 +15,16 @@
   border: 0;
   margin: 0 10px;
   padding: 10px;
-  color: black;
+  color: inherit;
 }
 
 .example-step.example-active {
-  border-bottom: 1px solid blue;
-  color: blue;
+  border-bottom: 1px solid;
+  font-weight: 600;
 }
 
 .example-nav-button {
   background: transparent;
   border: 0;
+  color: inherit;
 }