Skip to content

Commit

Permalink
Labels: make deprecated labels yellow, discontinued red. (#242)
Browse files Browse the repository at this point in the history
To create visual difference between removals and deprecations. 

Result:
![Screenshot from 2024-07-15
11-58-53](https://github.com/user-attachments/assets/065299c1-4567-4fb2-8ecb-6305f0cdc682)

Spawned #241.
  • Loading branch information
stefano-ottolenghi authored Jul 15, 2024
1 parent 321d1be commit 7f3cd62
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 5 deletions.
10 changes: 7 additions & 3 deletions src/css/labels.css
Original file line number Diff line number Diff line change
Expand Up @@ -185,10 +185,14 @@ span.label--warning {
color: var(--warning-background-color);
}

span.label--deprecated,
span.label--discontinued {
background: var(--deprecated-color);
color: var(--deprecated-background-color);
background: var(--discontinued-color);
color: var(--discontinued-background-color);
}

span.label--deprecated {
background: var(--deprecated-background-color);
color: var(--deprecated-color);
}

span.label--unix,
Expand Down
6 changes: 4 additions & 2 deletions src/css/vars.css
Original file line number Diff line number Diff line change
Expand Up @@ -348,8 +348,10 @@
--kbd-border-color: rgba(var(--colors-neutral-40));

/* roles */
--deprecated-color: rgba(var(--theme-light-palette-danger-bg-strong));
--deprecated-background-color: rgba(var(--theme-light-palette-danger-bg-weak));
--deprecated-color: rgba(var(--colors-lemon-80));
--deprecated-background-color: rgba(var(--colors-lemon-30));
--discontinued-color: rgba(var(--theme-light-palette-danger-bg-strong));
--discontinued-background-color: rgba(var(--theme-light-palette-danger-bg-weak));
--not-on-aura-color: var(--warning-background-color);
--not-on-aura-background-color: var(--warning-color);
--aura-db-enterprise-color: rgba(var(--colors-baltic-10));
Expand Down

0 comments on commit 7f3cd62

Please sign in to comment.