In Dark theme, add more contrast to the inactive riority stars in hea…

…ding
mozilla · Oct 23, 2023 · 8140b0d · 8140b0d
1 parent 630ded1
commit 8140b0d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/pontoon/base/static/css/dark-theme.css b/pontoon/base/static/css/dark-theme.css
@@ -21,6 +21,7 @@
   --button-background-2: #3f4752;
   --button-background-hover-2: #272a2f;
   --popup-background-2: #272a2f;
+  --icon-background-2: #4d5967;
 
   /* Homepage */
   --homepage-background-image: url(../img/background.svg);

diff --git a/pontoon/base/static/css/light-theme.css b/pontoon/base/static/css/light-theme.css
@@ -20,6 +20,7 @@
   --button-background-2: #e8e8e8;
   --button-background-hover-2: #f6f6f6;
   --popup-background-2: #f6f6f6;
+  --icon-background-2: #d0d0d0;
 
   /* Tooltip */
   --tooltip-background: #000000dd;

diff --git a/pontoon/base/static/css/style.css b/pontoon/base/static/css/style.css
@@ -1420,6 +1420,10 @@ body > form,
   float: left;
 }
 
+.priority .value .fa-star {
+  color: var(--icon-background-2);
+}
+
 .priority .fa-star.active {
   color: var(--light-green-1);
 }