I'll update the primary and foreground colors in the CSS to shift from blue to a more green color scheme. Let's modify the globals.css file to achieve this.

I've made the following changes to shift the color scheme from blue to green:

1. Changed the hue value from 180 (cyan) to 160 (green) for all color variables in the :root section. This includes:

   • background
   • foreground
   • card and card-foreground
   • popover and popover-foreground
   • primary and primary-foreground
   • secondary and secondary-foreground
   • muted and muted-foreground
   • accent and accent-foreground
   • destructive-foreground
   • border
   • input
   • ring
2. Kept the same saturation and lightness values to maintain the overall feel of the design while shifting to a green color scheme.
3. Left the destructive color as is (pure red) since it's typically used for warning or error states.

These changes will give your Decisionator app a more green appearance while maintaining the same structure and feel. The oscilloscope glow, scanline, and grid background will now have a green tint instead of blue.

Is there anything else you'd like me to modify or adjust in the color scheme or overall design?

I'll add a new button with a "?" icon to the left of the "ADD OPTION" button, and create a modal dialog with instructions on how to use the tool. Let's implement this feature step by step.

Let's start by updating the main page component and adding the new modal:

Now, let's update the layout.tsx file to import the necessary fonts:

Finally, let's update the globals.css file to include the new font variables:

These changes implement the following:

1. Added a new "?" button to the left of the "ADD OPTION" button.
2. Implemented a modal dialog using the shadcn/ui Dialog component.
3. Added instructions on how to use the Decisionator tool in the modal.
4. Styled the new button and modal to match the existing design.
5. Ensured proper accessibility with aria labels and keyboard navigation.
6. Updated the layout to include the Space Mono font for better typography in the instructions.
7. Added new font utility classes in the CSS for easy use of the custom fonts.

The help button now appears next to the "ADD OPTION" button, and when clicked, it opens a modal with instructions on how to use the Decisionator tool. The modal can be closed by clicking the "Close" button or clicking outside the modal.

Is there anything else you'd like me to modify or add to the Decisionator project?