fix: fix modal close contrast (#37848)

* fix: more fix
freeCodeCamp · Dec 2, 2019 · a24ae88b2ef45cd6fb16ed54188f15dbffdf349a · a24ae88
1 parent a9bbcda
commit a24ae88b2ef45cd6fb16ed54188f15dbffdf349a
Unified Split

Showing with 16 additions and 4 deletions.

+11 −3 client/src/components/layouts/global.css

+5 −1 client/src/pages/certification.css
diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
@@ -122,13 +122,21 @@ a:focus {
   color: var(--secondary-color);
 }
 
-.fcc-modal .close {
-  color: var(--secondary-color);
-  opacity: 100%;
+button.close {
+  color: inherit;
+  background-color: transparent;
   font-size: 28px;
+  opacity: 0.5;
   text-shadow: none;
 }
 
+button.close:hover,
+button.close:focus {
+  color: inherit;
+  opacity: 1;
+  background-color: transparent;
+}
+
 .modal-content {
   background-color: var(--secondary-background);
   border-radius: 0px;

diff --git a/client/src/pages/certification.css b/client/src/pages/certification.css
@@ -78,7 +78,11 @@
   font-size: 20px;
   text-align: right;
   margin-right: 100px;
-  color: #fff;
+  color: var(--gray-00);
+}
+
+.certification-namespace .issue-date strong {
+  color: var(--gray-00);
 }
 
 .certification-namespace .information {