From 1cf5c1dc88d88942f6453eef8f21f74e47327ac6 Mon Sep 17 00:00:00 2001
From: Chad Lavimoniere <clavimoniere@gitlab.com>
Date: Tue, 16 Jul 2024 11:52:52 -0400
Subject: [PATCH] Use semantic tokens in
app/assets/stylesheets/components/avatar.scss
Changelog: other
---
app/assets/stylesheets/components/avatar.scss | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/app/assets/stylesheets/components/avatar.scss b/app/assets/stylesheets/components/avatar.scss
index 08396c48e6578..029c7629b5ecb 100644
--- a/app/assets/stylesheets/components/avatar.scss
+++ b/app/assets/stylesheets/components/avatar.scss
@@ -85,9 +85,9 @@ $avatar-sizes: (
width: 40px;
height: 40px;
padding: 0;
- background: $gray-10;
+ background: var(--gl-background-color-subtle);
overflow: hidden;
- box-shadow: inset 0 0 0 1px rgba($gray-950, $gl-avatar-border-opacity);
+ box-shadow: inset 0 0 0 1px var(--gl-avatar-border-color-default);
&.avatar-inline {
float: none;
@@ -116,8 +116,8 @@ $avatar-sizes: (
.identicon {
text-align: center;
vertical-align: top;
- color: $gray-900;
- background-color: $gray-50;
+ color: var(--gl-text-color-strong);
+ background-color: var(--gl-avatar-fallback-background-color-neutral);
// Sizes
@each $size, $size-config in $avatar-sizes {
@@ -206,7 +206,7 @@ $avatar-sizes: (
&.user-popover-cannot-merge {
.popover-header {
- background-color: $orange-50;
+ background-color: var(--gl-feedback-warning-background-color);
}
}
}
--
GitLab