Use alternative Translated status color in the Light theme in combina…

…tion with font-weight: 300 [in /translate]
mozilla · Oct 25, 2023 · e9ac17f · e9ac17f
1 parent ffd7655
commit e9ac17f
Show file tree

Hide file tree

Showing 14 changed files with 17 additions and 17 deletions.
diff --git a/translate/src/modules/batchactions/components/BatchActions.css b/translate/src/modules/batchactions/components/BatchActions.css
@@ -36,7 +36,7 @@
 }
 
 .batch-actions .topbar button.selected-count .stress {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .batch-actions .topbar button .fa {

diff --git a/translate/src/modules/entitydetails/components/Helpers.css b/translate/src/modules/entitydetails/components/Helpers.css
@@ -75,5 +75,5 @@
 
 .react-tabs span.count .preferred,
 .react-tabs span.count .pinned {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
diff --git a/translate/src/modules/history/components/HistoryTranslation.css b/translate/src/modules/history/components/HistoryTranslation.css
@@ -68,7 +68,7 @@
 }
 
 .history .translation .content > header .info a {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .history .translation .content > header .toggle {
@@ -95,7 +95,7 @@
 }
 
 .history .translation .content > header .toggle.active .stress {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .history .translation .content > header button {

diff --git a/translate/src/modules/machinery/components/MachineryTranslation.css b/translate/src/modules/machinery/components/MachineryTranslation.css
@@ -52,7 +52,7 @@
 
 .machinery .translation > header .quality,
 .machinery .translation > header sup {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .machinery .translation > header .projects {

diff --git a/translate/src/modules/navbar/components/Navigation.css b/translate/src/modules/navbar/components/Navigation.css
@@ -32,6 +32,6 @@
 }
 
 .navigation .locale-code {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   padding-left: 7px;
 }
diff --git a/translate/src/modules/otherlocales/components/OtherLocaleTranslation.css b/translate/src/modules/otherlocales/components/OtherLocaleTranslation.css
@@ -28,7 +28,7 @@
 }
 
 .other-locales .translation > header span {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   padding-left: 3px;
 }
 

diff --git a/translate/src/modules/project/components/ProjectItem.css b/translate/src/modules/project/components/ProjectItem.css
@@ -18,6 +18,6 @@
 }
 
 .project-menu .menu .percent {
-  color: var(--status-translated);
+  color: var(--status-translate-alt);
   float: right;
 }
diff --git a/translate/src/modules/resource/components/ResourceMenu.css b/translate/src/modules/resource/components/ResourceMenu.css
@@ -99,7 +99,7 @@
 }
 
 .resource-menu .menu .current a {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .resource-menu .menu .header {

diff --git a/translate/src/modules/resource/components/ResourcePercent.css b/translate/src/modules/resource/components/ResourcePercent.css
@@ -1,4 +1,4 @@
 .resource-menu .menu .percent {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   float: right;
 }
diff --git a/translate/src/modules/search/components/FiltersPanel.css b/translate/src/modules/search/components/FiltersPanel.css
@@ -97,7 +97,7 @@
 .filters-panel .menu li.horizontal-separator {
   background: transparent;
   border-top: none;
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   cursor: default;
   font-size: 13px;
   height: auto;

diff --git a/translate/src/modules/search/components/TimeRangeFilter.css b/translate/src/modules/search/components/TimeRangeFilter.css
@@ -9,7 +9,7 @@
 }
 
 .filters-panel .menu .for-time-range button.save-range {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .filters-panel .menu li.for-time-range button:hover {

diff --git a/translate/src/modules/search/components/chart-options.ts b/translate/src/modules/search/components/chart-options.ts
@@ -102,7 +102,7 @@ export const CHART_OPTIONS = {
         select: {
           fill: 'none',
           style: {
-            color: style.getPropertyValue('--status-translated'),
+            color: style.getPropertyValue('--status-translated-alt'),
             fontWeight: 300,
           },
         },

diff --git a/translate/src/modules/terms/components/Term.css b/translate/src/modules/terms/components/Term.css
@@ -31,7 +31,7 @@
 }
 
 .terms-list .term .translate {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   float: right;
   font-size: 11px;
   font-weight: 300;
@@ -50,7 +50,7 @@
 }
 
 .terms-list .term .usage .title {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   font-size: 11px;
   margin-right: 3px;
 }
diff --git a/translate/src/modules/translationform/components/TranslationForm.css b/translate/src/modules/translationform/components/TranslationForm.css
@@ -29,12 +29,12 @@
 
 .translationform label > :not(:last-child)::after {
   content: '·';
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
   padding: 0 3px;
 }
 
 .translationform label .stress {
-  color: var(--status-translated);
+  color: var(--status-translated-alt);
 }
 
 .translationform .accesskey-input {