Improve the new awf_vehicle_rviz_plugin

[xmfcx]

Checklist

• [X] I've read the contribution guidelines.
• [X] I've searched other issues and no duplicate issues were found.
• [X] I've agreed with the maintainers that I can plan this task.

Description

This issue aims to enhance the awf_vehicle_rviz_plugin for Autoware by improving its visual elements and functionality. The enhancements include adjustments to opacity, color specifications for signal indicators, modifications to the gear indicator outline, and improvements to the speed limit and traffic light indicators for better visibility and aesthetics.

Follow up from:

• https://github.com/autowarefoundation/autoware/issues/3984
• https://github.com/autowarefoundation/autoware_launch/pull/836#issuecomment-1917530493

Reference figma page link.

Purpose

The purpose of these improvements is to make the plugin more intuitive and visually appealing for users. By adjusting the visual elements, we aim to enhance the user experience, making the plugin easier to use and interpret while driving or simulating driving conditions in Autoware.

Possible approaches

• Adjusting the opacity and color values within the plugin's code to match the specified requirements.
• Modifying the shapes and sizes of the visual elements, such as the gear indicator and speed limit text, through the plugin's rendering settings.
• Implementing a method to interpolate colors for the speed limit logo border based on the vehicle's speed, utilizing HSL color space for smooth transitions.

Definition of done

• [x] Rename the package name from awf_vehicle_rviz_plugin to autoware_overlay_rviz_plugin to conform with the new naming scheme.
• [x] Rename rviz_2d_overlay_msgs to autoware_overlay_msgs
• [x] The top level folder name to be renamed to autoware_overlay_rviz_plugin
• [x] Make the overall capsule backgrounds 80% opaque.
• [x] Change signal indicators to #2E2E2E color, ensuring they are opaque when inactive.
• [x] Change signal indicators to ~#3F2EE3~(wasn't visible enough on dark background) #00E678 color when they are active, to match the new color palette of the Autoware Website.
• [x] Modify the gear indicator outline to be more rounded.
• [x] Ensure the speed limit and traffic light indicators have the same radius.
• [x] Make the speed limit text larger and in bold.
• [x] Adjust the fill of the speed limit logo to be opaque and black.
• [x] Implement a gradient for the speed limit logo outer border that fades from #FF9999 to #FF3333, with the transition based on vehicle speed.
  • Speed limit logo outer border to fade from #FF9999 to #FF3333 depending on:
  • color_min = #FF9999 = hsl(0, 100%, 80%)
  • color_max = #FF3333 = hsl(0, 100%, 60%)
  • v : [0, v_max * 0.7) -> color_min
  • v : [v_max * 0.7, v_max] -> interpolate between color_min and color_max (lightness of HSL)

[xmfcx]

While we are at it, let's make the detections part vertical to make it symmetrical. I've updated it in figma.

I've updated its dimensions to fit with the new orientation.