Change the style of badge

blackcandy-org · Aug 23, 2022 · 2a9a7f8 · 2a9a7f8
1 parent 193b7a6
commit 2a9a7f8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/assets/stylesheets/components/_badge.scss b/app/assets/stylesheets/components/_badge.scss
@@ -7,4 +7,5 @@
   color: var(--badge-color);
   font-size: font-size("small");
   padding: 2px 13px;
+  font-weight: 500;
 }
diff --git a/app/assets/stylesheets/settings/_theme.scss b/app/assets/stylesheets/settings/_theme.scss
@@ -109,8 +109,8 @@
   --player-progress-color: #{$purple};
 
   /* Badge */
-  --badge-bg-color: #{$purple};
-  --badge-color: #{$white};
+  --badge-bg-color: #{color.change($purple-light, $alpha: 0.2)};
+  --badge-color: #{$purple};
 
   /* Card */
   --card-border-color: #{$grey-lighter};
@@ -224,8 +224,8 @@
   --player-progress-color: #{$purple};
 
   /* Badge */
-  --badge-bg-color: #{$purple};
-  --badge-color: #{$white};
+  --badge-bg-color: #{color.change($purple, $alpha: 0.2)};
+  --badge-color: #{$purple-light};
 
   /* Card */
   --card-border-color: #{$black-lighter};