Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tag color variables #529

Merged
merged 11 commits into from
Nov 13, 2024
Merged

Tag color variables #529

merged 11 commits into from
Nov 13, 2024

Conversation

mstrasinskis
Copy link
Contributor

@mstrasinskis mstrasinskis commented Nov 12, 2024

Motivation

Currently, primitive colors are used in the proposal status tags. To make it more organized, we are creating separate variables for each proposal status (except for the status Unknown, as it’s not a real status and uses a disabled default style).

Changes

  • Added new variables that match the design.

Screenshots

No visual changes yet.

@mstrasinskis mstrasinskis requested review from a team as code owners November 12, 2024 09:51
@mstrasinskis mstrasinskis marked this pull request as draft November 12, 2024 17:18
@mstrasinskis mstrasinskis marked this pull request as ready for review November 12, 2024 21:17
@mstrasinskis mstrasinskis merged commit e18b0e2 into main Nov 13, 2024
8 checks passed
@mstrasinskis mstrasinskis deleted the theme-level-tag-colors branch November 13, 2024 07:50
github-merge-queue bot pushed a commit to dfinity/nns-dapp that referenced this pull request Nov 13, 2024
# Motivation

Update the proposal tag colors to match the design.

Note:
1. The colors for the “Open” and “Adopted” statuses have been switched
because blue is the action color.
2. Use the default tag colors for the “Unknown” status instead of a
disable colors to ensure tag colors are used consistently.

# Changes

- Switch to proposal color css vars ([gix-compoenent
pr](dfinity/gix-components#529)).

# Tests

- Tested manually.

## Light from -> to

![image](https://github.com/user-attachments/assets/a808db9e-3af7-4e1c-881d-08538c47fd20)
<img width="880" alt="image"
src="https://github.com/user-attachments/assets/0ccd98d8-ab3a-4842-91f5-41b6d02f13c2">

## Dark from -> to

![image](https://github.com/user-attachments/assets/53eb7abf-6301-45da-b50c-4977fe95397a)
<img width="876" alt="image"
src="https://github.com/user-attachments/assets/7e446175-1074-4c71-ad9a-c97e36afa5f0">

# Todos

- [x] Add entry to changelog (if necessary).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants