Make abbr color inside bibliography a variable

[diaoenmao]

Have you checked that your feature request isn't already filed?

• I read through FAQ and searched through the past issues, none of which addressed my feature request.
• Yes, I have checked that this feature request isn't already filed.

Description & Motivation

Currently, the abbr color inside cv is defined as color: var(--global-card-bg-color) !important; in _sass/_base.scss
/_base.scss`

// CV

.cv {
  margin-bottom: 40px;

  .card {
    background-color: var(--global-card-bg-color);
    border: 1px solid var(--global-divider-color);

    .list-group-item {
      background-color: inherit;
      border-color: var(--global-divider-color);

      .badge {
        color: var(--global-card-bg-color) !important;
        background-color: var(--global-theme-color) !important;
      }
    }
  }
}

However, the similar style is not a variable inside bibliography. It seems like it is always white.

 .abbr {
        margin-bottom: 0.5rem;

        abbr {
          display: inline-block;
          background-color: var(--global-theme-color);
          margin-bottom: 0.5rem;

          a {
            color: white;

            &:hover {
              text-decoration: none;
            }
          }
        }

        .award {
          color: var(--global-theme-color) !important;
          border: 1px solid var(--global-theme-color);
        }
      }

I need to add color: var(--global-card-bg-color) !important; after margin-bottom: 0.5rem; to obtain the similar style in cv.

Pitch

No response

Alternatives

No response

Additional context

No response

[george-gca]

Can you create a PR for this?

[diaoenmao]

I have created the PR #3017.