Wrong color on React component tag? #308
rodrigosaling
started this conversation in
General
Replies: 1 comment 3 replies
-
I remember this, haven’t remembered about this when I have had time. Been a while since I have done react dev, because I noticed the same issue. I don’t remember what it is called, something like ‘custom tag’, but you can use this https://www.jetbrains.com/help/idea/configuring-colors-and-fonts.html#jump_to_colors_and_fonts to inspect the color and potentially change it to something better. Hope that helps. |
Beta Was this translation helpful? Give feedback.
3 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello! I don't remember when it started, but I noticed that some time ago the theme is using a "light teal" color for React component tags, as you can see below:
I don't recall exactly what color was before, but I am pretty sure it wasn't this one, because it looks odd and because other themes also use it:
Nord
![image](https://private-user-images.githubusercontent.com/2324719/249296070-ceb542df-95d2-43a6-8285-cdba9a92bf3d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzA5NDEsIm5iZiI6MTcyNjEzMDY0MSwicGF0aCI6Ii8yMzI0NzE5LzI0OTI5NjA3MC1jZWI1NDJkZi05NWQyLTQzYTYtODI4NS1jZGJhOWE5MmJmM2QucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDg0NDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Y2ZjZGZkOWEwNmZhYTdkNmZlODMyMjNlYWNkYTQ3MzAyYzQ1Nzg3NDgxMDUwZjczMTM3Njc5ZDIwZmNiNDY3MSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.3zy_eKhs0hGepG3TlEgsZPj1GbyDtjfqMosA8fdJfU0)
Monokai Pro
![image](https://private-user-images.githubusercontent.com/2324719/249296150-b234b02b-9c62-4ab0-ae86-809e0811d5d2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzA5NDEsIm5iZiI6MTcyNjEzMDY0MSwicGF0aCI6Ii8yMzI0NzE5LzI0OTI5NjE1MC1iMjM0YjAyYi05YzYyLTRhYjAtYWU4Ni04MDllMDgxMWQ1ZDIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDg0NDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjYzZDhhOGRhMjRjNzk3ZjM4NjRhNDI5OGQ4M2U0MWFhYTMyN2ZkOGU4M2JiZDJiNDRkMTBmMjRkMTFmMzdmZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.M_raixFnXRvhn5GCOrirpRlhuM3E5oqVIEwxYLEtxCI)
Darcula
![image](https://private-user-images.githubusercontent.com/2324719/249296233-453742c5-985d-406d-b024-ac6b327f0b63.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzA5NDEsIm5iZiI6MTcyNjEzMDY0MSwicGF0aCI6Ii8yMzI0NzE5LzI0OTI5NjIzMy00NTM3NDJjNS05ODVkLTQwNmQtYjAyNC1hYzZiMzI3ZjBiNjMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDg0NDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTBhYTEzYmQyODI5YzUxOTgyMDMyNjY5NGZiMzhmNWYyODBjN2IzODc2MjhhYzRhN2Y5YWFmMmYyYzU2ODI1MSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ._ChslFQCqNRs9dqOnRArPB0qLsH44clFV-euiFvym3U)
But there are themes that overwrite it:
Mariana Pro
![image](https://private-user-images.githubusercontent.com/2324719/249296297-7a5c54e9-386a-4f5f-bf2d-735f354b4d7c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzA5NDEsIm5iZiI6MTcyNjEzMDY0MSwicGF0aCI6Ii8yMzI0NzE5LzI0OTI5NjI5Ny03YTVjNTRlOS0zODZhLTRmNWYtYmYyZC03MzVmMzU0YjRkN2MucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDg0NDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MGEzMGQzYWUwZDNiNzA5ZjY3MTc2YTI2MjRlYmU5YWJkMjI5N2RkOTFjZTRlNjk5ZGFmZjY2Yzk4YmI4ZTUyZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.bBPF4GbtzmjODA8CUtNNYmPoBLqpCSyemjvHLErQ3Hs)
Catppuccin
![image](https://private-user-images.githubusercontent.com/2324719/249296385-21434c40-7079-4303-9b24-c8a78a5f71c3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMzA5NDEsIm5iZiI6MTcyNjEzMDY0MSwicGF0aCI6Ii8yMzI0NzE5LzI0OTI5NjM4NS0yMTQzNGM0MC03MDc5LTQzMDMtOWIyNC1jOGE3OGE1ZjcxYzMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDg0NDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDYxNjU4ZDNiNDIxOWIwNTM0Mzg5NDIzM2YwNjA0ODkyZmE2Zjk2ODgyMWIzODkzMmJhNzMwYjQ4OTM3NDc2YiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.8ue9pdA_ACiBYeGLvujLrn0oLqP-I7Te3QehsdPz5vU)
I am using WebStorm 2023.1.3 with One Dark theme 5.8.0.
Beta Was this translation helpful? Give feedback.
All reactions