💄 Update hover/focus/active styles for theme elements

Change hover, focus, and active states for links, primary buttons, labels, and badges to darken the background color instead of reducing opacity. This provides a more consistent and clearer visual feedback.

Also refine the success alert gradient and improve stylesheet structure by reordering label and badge styles and updating comments.

✨ Add customizable theme color for embedded events

Add a theme_color field to the Organisation model and form. Create a new SCSS file (organisation.scss) with styles using a $theme-color variable. Implement a controller action to dynamically compile organisation.scss into CSS, allowing the $theme-color to be set via a URL parameter. Include this dynamic stylesheet in the minimal layout, passing the organisation's theme_color. Add generated CSS files to .gitignore.

This enables organisations to customize the look and feel of embedded event listings to align with their brand identity.

Also update the event block partial to display the carousel_text directly in an alert box, and update its description.

This makes the carousel_text more prominent in event listings.

🔥 Remove carousel text display from event block

Remove the display of event.carousel_text within a success alert box in the event block partial. This specific UI element is no longer needed or desired in this location.

🎨 Improve indentation in events block partial

Re-indent the conditional block for event.carousel_text. Adjust indentation for surrounding HTML elements. This improves readability and code structure within the _block.erb partial.

💄 Conditionally render event carousel text

Wrap the div containing the event carousel text with a conditional check.

This prevents an empty alert box from being displayed when the event does not have carousel text defined, improving the UI.

🎨 Improve event and gathering block structure and styling

Wrap event and gathering block titles and related elements in a div.block-title. Move inline label styling from ERB templates to dedicated CSS rules in app.scss.

This improves the semantic structure and centralizes styling for better maintainability.

Also add an alert box to the event block view to display event.carousel_text and make the event sidebar "Get tickets" button text conditional based on event data.

✨ Allow customizing event RSVP button text

Update the text for the event booking button in the sidebar and on the main event page.

Check for @event.rsvp_button_text and use it if present, falling back to the default "Book via [hostname]". This provides flexibility for event creators to customize the call to action.

💄 Add !important to link styles in pmail layout

Add the !important flag to the color property for link styles within the pmail layout.

This ensures that the specified link colors (#00B963 and #00A558) are not overridden by default email client styles or other inline styles, guaranteeing consistent branding.

🎨 Move link styles to inline blocks in email layouts

Move a and a:hover CSS rules from email.css to inline `

💄 (accounts/_pay.erb): Add top margin to pay partial text

Add mt-3 class to the div containing the contribution text to improve spacing and layout.

💄 Wrap feedback card in conditional block

Wrap the feedback card container (<div class="card">) within the conditional blocks that check for available feedback data.

This prevents an empty card from being rendered on the event page when there is no feedback associated with the event, its activity, facilitator, or organisation.

💄 Apply linear gradient background to badges and labels

Apply a linear gradient background to all badge classes. Apply a linear gradient background to all label classes. This provides a more modern and visually appealing look. Remove combined rule for .label-primary and .badge-primary.

💄 Adjust button gradient lighten percentage

Change the lighten percentage in button gradients from 10% to 6.66%.

This fine-tunes the visual appearance of the gradient, making the transition less stark in active and open states.

💄 Add borders to dismissable alerts

Change border: 0 to border: none for the base alert style. Add specific border styles for dismissable alerts (.alert-*-dismissable) to visually distinguish them based on their type.

💄 Apply gradient background and remove border for buttons

Apply a linear gradient background to all buttons generated by the generate-button-styling mixin. Remove the border from these buttons to clean up their appearance.

Move the gradient background logic from app.scss into the _button.scss mixin to ensure consistent styling across all button types and simplify the main stylesheet.

💄 UI: Improve alert styling with gradients

Change alert backgrounds from solid colors to linear gradients. Remove borders from all alert types. Introduce SCSS variables for alert background colors to support gradients.

💄 Style primary buttons

Apply primary gradient background to .btn-primary elements. Add distinct hover and focus styles using $color_primary_hover.

This ensures primary buttons are visually consistent with other primary-styled elements and provide clear interaction cues.

💄 Improve spacing in event feedback partial

Add no-gutters class to the feedback row and mr-2 margin to the quote icon column.

Improve the visual layout and spacing of individual feedback entries. This removes unwanted padding and adds space between the icon and text.

💄 Adjust spacing for event feedback quote icon

Adjust spacing around the quote icon in the event feedback partial.

Use no-gutters on the row and mr-2 on the icon column to improve visual separation between the icon and text.

💄 (app.scss): add white background to small DataTable headers to improve readability
💄 (_event_stats.erb): make event stats table responsive when viewing single event and adjust list styling to improve usability