In Light theme, make Missing status color lighter

mozilla · Oct 25, 2023 · 27fbd21 · 27fbd21
1 parent b88bdf2
commit 27fbd21
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 10 deletions.
diff --git a/pontoon/base/static/css/dark-theme.css b/pontoon/base/static/css/dark-theme.css
@@ -39,7 +39,7 @@
   --neon-green: #c0ff00;
   --orange-1: #ffa10f;
   --red-pink: #ff3366;
-  --blue-2: #5f7285;
+  --status-missing: #5f7285;
   --light-blue: #4fc4f6;
   --mustard-yellow: #fed271;
 

diff --git a/pontoon/base/static/css/light-theme.css b/pontoon/base/static/css/light-theme.css
@@ -38,7 +38,7 @@
   --neon-green: #c0ff00;
   --orange-1: #ffa10f;
   --red-pink: #ff3366;
-  --blue-2: #5f7285;
+  --status-missing: #bec7d1;
   --light-blue: #4fc4f6;
   --mustard-yellow: #fed271;
 

diff --git a/pontoon/base/static/css/style.css b/pontoon/base/static/css/style.css
@@ -17,7 +17,7 @@
 }
 
 .status.fa:before {
-  color: var(--blue-2);
+  color: var(--status-missing);
   content: '';
 }
 
@@ -397,7 +397,7 @@ tfoot td a {
 }
 
 .select .menu ul li .chart span.missing {
-  background: var(--blue-2);
+  background: var(--status-missing);
 }
 
 .select .menu ul li .latest {

diff --git a/pontoon/base/static/css/table.css b/pontoon/base/static/css/table.css
@@ -301,7 +301,7 @@ table.table.project-list.hidden {
 }
 
 .table .progress .chart-wrapper .missing {
-  background: var(--blue-2);
+  background: var(--status-missing);
 }
 
 .table tr:hover .progress .chart-wrapper {
@@ -363,7 +363,7 @@ table.table.project-list.hidden {
 }
 
 .table .progress .legend li.missing .title {
-  color: var(--blue-2);
+  color: var(--status-missing);
 }
 
 .table .progress .legend li.unreviewed .title {

diff --git a/translate/src/modules/entitieslist/components/Entity.css b/translate/src/modules/entitieslist/components/Entity.css
@@ -68,7 +68,7 @@
 }
 
 .entity .status:before {
-  color: var(--blue-2);
+  color: var(--status-missing);
   content: '';
 }
 

diff --git a/translate/src/modules/resourceprogress/components/ProgressChart.tsx b/translate/src/modules/resourceprogress/components/ProgressChart.tsx
@@ -48,7 +48,7 @@ export function ProgressChart({
       { type: pretranslated, color: style.getPropertyValue('--neon-green') },
       { type: warnings, color: style.getPropertyValue('--orange-1') },
       { type: errors, color: style.getPropertyValue('--red-pink') },
-      { type: missing, color: style.getPropertyValue('--blue-2') },
+      { type: missing, color: style.getPropertyValue('--status-missing') },
     ];
 
     // Clear old canvas content to avoid aliasing

diff --git a/translate/src/modules/resourceprogress/components/ResourceProgress.css b/translate/src/modules/resourceprogress/components/ResourceProgress.css
@@ -123,7 +123,7 @@
 }
 
 .progress-chart .menu .details div.missing {
-  border-color: var(--blue-2);
+  border-color: var(--status-missing);
 }
 
 .progress-chart .menu .details div .title {

diff --git a/translate/src/modules/search/components/SearchBox.css b/translate/src/modules/search/components/SearchBox.css
@@ -79,7 +79,7 @@
 }
 
 .search-box .missing .status:before {
-  color: var(--blue-2);
+  color: var(--status-missing);
 }
 
 .search-box .unreviewed .status:before {