Make Minimal Theme tags appear the same as in default theme?

Custom CSS & Theme Design
1

I really like how the default theme tags pop and match the accent color! I want to replicate their exact appearance with the Minimal Theme.

I know that I can configure tag styling in Style Settings but I want it tied to the accent color (which I change pretty often), like in the default theme.

image
image1056×726 72.8 KB

image
image1056×726 64.6 KB

2

This works:

body:not(.minimal-unstyled-tags) {
  --tag-background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);
  --tag-background-hover: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.2);
  --tag-color: var(--interactive-accent);
  --tag-color-hover: var(--interactive-accent);
}

.tag:not(.token) {
  background-color: var(--tag-background) !important;
  color: var(--tag-color) !important;
}

.tag:not(.token):hover {
  background-color: var(--tag-background-hover) !important;
  color: var(--tag-color-hover) !important;
}

.markdown-source-view.mod-cm6 .cm-hashtag {
  color: var(--tag-color) !important;
  background-color: var(--tag-background) !important;
}