Maybe/app/views/categories/_badge.html.erb

<%# locals: (category:) %>
<% category ||= null_category %>

<div>
  <span class="flex items-center gap-1 text-sm font-medium rounded-full px-1.5 py-1 border truncate"
        style="
          background-color: color-mix(in srgb, <%= category.color %> 5%, white);
          border-color: color-mix(in srgb, <%= category.color %> 30%, white);
          color: <%= category.color %>;">
    <%= category.name %>
  </span>
</div>
Implement transaction category management (#688) * Singularize "transaction" in transaction-nested paths * Refactor category badge partial * Let modal content define its width * Add contectual menu to transactions index * Add null_category helper * Implement category edits * Fix inline transaction category badges * Fix typos in system test paths * Add missing translations * Add decoration to color select controller * Wire up transaction category creation * Fix indent in color-select-controller * Add button for clearing category from transaction * Implement category deletions * Fix existing modal sizes * Use null_category in a single place * Remove anemic method in category deletion controller * reassign_and_destroy -> reassign_transactions_then_destroy * Fix i18n * Remove destroy action from CategoriesController callbacks * transactions_merchant -> transaction_merchant * reassign_transactions_then_destroy -> replace_and_destroy * Add transaction category CRUD tests * Add presence check for transaction_id * Check replacement_category_id presence * Test Transaction::Category#replace_and_destroy! 2024-05-02 07:24:31 -06:00			`<%# locals: (category:) %>`
			`<% category \|\|= null_category %>`

Categories, tags, merchants, and menus improvements (#1135) 2024-08-27 17:06:41 -04:00			`<div>`
Nested Categories (#1561) * Prepare entry search for nested categories * Subcategory implementation * Remove caching for test stability 2024-12-20 11:37:26 -05:00			`<span class="flex items-center gap-1 text-sm font-medium rounded-full px-1.5 py-1 border truncate"`
Categories, tags, merchants, and menus improvements (#1135) 2024-08-27 17:06:41 -04:00			`style="`
			`background-color: color-mix(in srgb, <%= category.color %> 5%, white);`
Minor improvements to categories & changelog pages (#1274) * ui: change category badge border color * ui/ux: use author's name in changelog * ui: badge border 25% -> 30% 2024-10-10 21:00:35 +01:00			`border-color: color-mix(in srgb, <%= category.color %> 30%, white);`
Categories, tags, merchants, and menus improvements (#1135) 2024-08-27 17:06:41 -04:00			`color: <%= category.color %>;">`
			`<%= category.name %>`
			`</span>`
			`</div>`