refactor: styles and components on PR pages #679
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description:
This pull request makes the following fixes:
ButtonWithOptions
component [Issue]Button themes
color tokens for buttons
leads to a unified style instead of
--canary-backround-button
=>--canary-button-background
based on the design systemtag color
for dark themetailwind config
for button colorsScreenshots:
fix colors in
Button themes
Before:
![image](https://private-user-images.githubusercontent.com/17677196/404011424-20a98ec5-05de-4ce6-9793-aedf93d9a3ba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjc1MDYsIm5iZiI6MTczOTI2NzIwNiwicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMTE0MjQtMjBhOThlYzUtMDVkZS00Y2U2LTk3OTMtYWVkZjkzZDlhM2JhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5NDY0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgzZjRlZDc2NDBiYmQyZTA0MTdlOWE1NzYwMjdmOWUxMTYzMDgxYjYxYTMwY2RmNDI4YzQ5OTI3NzAzZDE1NDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.qhMn6JDtVVv0oJ8QpSzNiO8YFkBRXvZ8MWjWqG9cdLg)
![image](https://private-user-images.githubusercontent.com/17677196/404010193-836f7795-77a0-4fe0-9c89-cd2d4fe8de79.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjc1MDYsIm5iZiI6MTczOTI2NzIwNiwicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMTAxOTMtODM2Zjc3OTUtNzdhMC00ZmUwLTljODktY2QyZDRmZThkZTc5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5NDY0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2ZjExNDA5OTdhMGFkODM3NTM1ZjYwYTA1ZjgyNjQ5YWQ2NWQ2ZTk5YmIwMmNlMDZkYmIxNjJmNmNhODU1ZGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0._PJb98y9P0RpxaxggskjPbJh0oy1EzxlzIgBis6q1NE)
Disable state:
Success state:
After:
![Arc 2025-01-16 19 46 22](https://private-user-images.githubusercontent.com/17677196/404002760-c48499b6-d4f9-421a-86d5-2575b20fff4a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjc1MDYsIm5iZiI6MTczOTI2NzIwNiwicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDI3NjAtYzQ4NDk5YjYtZDRmOS00MjFhLTg2ZDUtMjU3NWIyMGZmZjRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5NDY0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNhNDg4MjM2OWI3MmNmM2Y5ZTI0NzEyM2EzMDA2OGFjNGYzMzE0NTg3ZWEyZWQwNjk0MGQzY2FlMDFhMWYwOTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.y8lqVeg4eBE1rKDpofP4lA0itPmUnos4LyndMss7sxs)
![image](https://private-user-images.githubusercontent.com/17677196/404002912-d9e3bdaa-ace3-49bd-935a-82100ced0a2d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjc1MDYsIm5iZiI6MTczOTI2NzIwNiwicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDI5MTItZDllM2JkYWEtYWNlMy00OWJkLTkzNWEtODIxMDBjZWQwYTJkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5NDY0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAyMTA3MDQ0ZWRkYmE1ZWRlYzkwNThkMDEzZTgwODg2NDY5ZWY2YzI2ZGU3OTcwMTg5MzUxNTEwYzlkMWY3MmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.I_2B16ZwO3hT_-xM8niNbRhcaTmcEuCKv0iXFOIaXMg)
Disable state:
Success state:
fix
![image](https://private-user-images.githubusercontent.com/17677196/404004791-ba4099a8-cfe3-4d93-a195-74c7117d08e8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjc1MDYsIm5iZiI6MTczOTI2NzIwNiwicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDQ3OTEtYmE0MDk5YTgtY2ZlMy00ZDkzLWExOTUtNzRjNzExN2QwOGU4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5NDY0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU0MjczYmM5OWJjMmI1NzVlZTc1MjQ1MWVhNTE2OWRiNTk5MmIwNmY2M2VjNTljOGU5ZDk2ZTQ0YWFkNmVhOWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.To0xqpDNKPrqpJotXXMhbUUyLyv5IntvZmO3tMoys2c)
![image](https://private-user-images.githubusercontent.com/17677196/404003208-36feab30-b569-4461-89d2-7aef5de986f4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjc1MDYsIm5iZiI6MTczOTI2NzIwNiwicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDMyMDgtMzZmZWFiMzAtYjU2OS00NDYxLTg5ZDItN2FlZjVkZTk4NmY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5NDY0NlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFkMjE0MTRkNmVmNzhkY2Q2YmUzMWIyYjMwZWVlMTQ4ZGM5MDM0MjA5ZWIxNTRkN2YwNWYwM2M3N2M1ZjNlMmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.L3mllZ02V60g5lRWF-IHHsaNuiG2F5n0Jxtuvs9t-HA)
tag color
for dark themeBefore
After: