Hey there! Changing that white Edit link to your theme color in Rails is totally straightforward—here are a few practical approaches depending on your project's setup:

• Quick inline style (great for testing)
  If you just need a temporary fix to verify the color, add an inline style parameter directly to the link_to helper:

  <%= link_to 'Edit', edit_your_resource_path, style: "color: #ff5722;" %>
  

  Replace #ff5722 with your actual theme color's hex code, RGB value, or named color. Just keep in mind this isn't ideal for long-term use since it mixes style with markup.

• CSS class (recommended for maintainability)
  This is the cleanest approach, keeping styles separate from your Rails views:

  1. First, define a class in your project's CSS/SCSS file (like app/assets/stylesheets/application.scss):

     .theme-link {
       color: #your-theme-color;
       /* Optional: add hover styles for better UX! */
       &:hover {
         color: darken(#your-theme-color, 10%);
       }
     }
     

     If you use Sass variables for your theme, swap the hex code with your variable (e.g., $primary-theme-color) to make global updates easier.
  2. Then apply the class to your link_to helper:

     <%= link_to 'Edit', edit_your_resource_path, class: "theme-link" %>
     

  3. Pro tip: If your existing links have default styles (like from Rails scaffolds), make sure your new class has enough specificity. For example, if the link lives inside a .actions div, use .actions .theme-link in your CSS to override default styles.

• Framework-specific classes (if using Tailwind, Bootstrap, etc.)
  If you're using a CSS framework with built-in theme colors, skip custom classes entirely:

  • For Tailwind CSS (after configuring your theme colors in tailwind.config.js):

    <%= link_to 'Edit', edit_your_resource_path, class: "text-primary hover:text-primary/80" %>
    

  • For Bootstrap:

    <%= link_to 'Edit', edit_your_resource_path, class: "text-primary" %>
    

A quick heads-up: If the white color is coming from a higher-priority CSS rule, you might need to adjust your selector specificity or (as a last resort) use !important (try to avoid this if possible—it can complicate future style changes).

内容的提问来源于stack exchange，提问作者Rony M.