Changeset 50238

Timestamp:

02/08/2021 07:13:09 PM (4 years ago)

Author:

ryelle

Message:

Privacy: Update colors to match new color palette.

Follow-up to [50161].
Props xkon.
Fixes #52436.

File:

• trunk/src/wp-admin/css/edit.css (modified) (10 diffs)

trunk/src/wp-admin/css/edit.css

@@ -720 +720 @@
     margin: 0 0 1rem;
     background: #fff;
-    border-bottom: 1px solid #e2e4e7;
+    border-bottom: 1px solid #dcdcde;
 }
 
@@ -758 +758 @@
 
 .privacy-settings-tab:focus {
-    color: #191e23;
-    outline: 1px solid #6c7781;
+    color: #1d2327;
+    outline: 1px solid #787c82;
     box-shadow: none;
 }
 
 .privacy-settings-tab.active {
-    box-shadow: inset 0 -3px #007cba;
+    box-shadow: inset 0 -3px #3582c4;
     font-weight: 600;
 }
@@ -785 +785 @@
 /* Accordions */
 .privacy-settings-accordion {
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
 }
 
 .privacy-settings-accordion-heading {
     margin: 0;
-    border-top: 1px solid #ccd0d4;
+    border-top: 1px solid #c3c4c7;
     font-size: inherit;
     line-height: inherit;
@@ -804 +804 @@
     background: #fff;
     border: 0;
-    color: #32373c;
+    color: #2c3338;
     cursor: pointer;
     display: flex;
@@ -820 +820 @@
 .privacy-settings-accordion-trigger:hover,
 .privacy-settings-accordion-trigger:active {
-    background: #f8f9f9;
+    background: #f6f7f7;
 }
 
 .privacy-settings-accordion-trigger:focus {
-    color: #191e23;
+    color: #1d2327;
     border: none;
     box-shadow: none;
     outline-offset: -1px;
-    outline: 2px solid #0071a1;
-    background-color: #f8f9f9;
+    outline: 2px solid #2271b1;
+    background-color: #f6f7f7;
 }
 
@@ -840 +840 @@
 .privacy-settings-accordion-trigger .icon,
 .privacy-settings-view-read .icon {
-    border: solid #555d66;
+    border: solid #50575e;
     border-width: 0 2px 2px 0;
     height: 0.5rem;
@@ -853 +853 @@
 .privacy-settings-accordion-trigger .badge {
     padding: 0.1rem 0.5rem 0.15rem;
-    color: #32373c;
+    color: #2c3338;
     font-weight: 600;
     margin-left: 0.5rem;
@@ -859 +859 @@
 
 .privacy-settings-accordion-trigger .badge.blue {
-    border: 1px solid #bfe7f3;
+    border: 1px solid #c5d9ed;
 }
 
 .privacy-settings-accordion-trigger .badge.orange {
-    border: 1px solid #ffb900;
+    border: 1px solid #dba617;
 }
 
 .privacy-settings-accordion-trigger .badge.red {
-    border: 1px solid #dc3232;
+    border: 1px solid #d63638;
 }
 
 .privacy-settings-accordion-trigger .badge.green {
-    border: 1px solid #46b450;
+    border: 1px solid #00a32a;
 }
 
 .privacy-settings-accordion-trigger .badge.purple {
-    border: 1px solid #826eb4;
+    border: 1px solid #2271b1;
 }
 
 .privacy-settings-accordion-trigger .badge.gray {
-    border: 1px solid #ccd0d4;
+    border: 1px solid #c3c4c7;
 }
 
@@ -908 +908 @@
 .privacy-settings-accordion-actions .success {
     display: none;
-    color: #40860a;
+    color: #008a20;
     padding-right: 1em;
     padding-top: 6px;
@@ -936 +936 @@
     margin: 0;
     padding: 1em;
-    border-left: 2px solid gray;
+    border-left: 2px solid #787c82;
 }