"New reply/prop/etc" highlight color has disappeared on only one of my themes

This happened earlier today, the highlight color around your new reply/etc has disappeared

Screenshot 2025-05-17 052909
Screenshot 2025-05-17 052942

I tried like 10 other themes and all of them work fine. I’ve rotated through 6 or so different color palette options for the theme (ones that are applied to other themes) and they don’t fix it when applied to this one. I have absolutely no idea what this is but now everything interaction that shows up in the drop down all looks identical to the read ones so you can’t tell what’s new or not/

What theme are you having trouble with? Is it a stock theme? Has it been modified?

1 Like

GitHub - pyxfluff/Blackout and I’ve changed the color palette (when I set it up not anytime recently) but the theme itself hasn’t had any sort of updates any time recently. I’ve swapped between color palettes from the other working themes and it’s still not working. It’s like it just shut off somehow

The mobile version is still working fine, it’s just the desktop for some reason and it just happened completely out of nowhere.

I also have my own version of it as an unselectable theme so that I can tinker around in it and the exact same thing is happening to that one so it wasn’t anything pushed from github

Ok so I’ve figured out where it is, but not what it is. I went into my version and wiped out all the CSS to see if it still happened and it didn’t. So a Discourse update changed something that is effecting the CSS. It’s something in

body, .boxed.white, .admin-detail, .admin-controls, .admin-controls .controls, .user-content,.group-details-container,
div.edit-category .edit-category-title-bar, .user-main .about, .user-main .about .details .primary,
.user-main .about .details, .user-stream .item, .user-stream .user-stream-item, .search-container .search-header,
.search-container .search-filters .search-advanced-filters, .search-container .search-bar,
.search-container .search-filters {
    background-color:#000!important;
}
#banner, .alert.alert-info {
    background-color:#18003f!important;
    color:white;
}
.d-header.clearfix {
    background-color:#040404!important;
}
aside.onebox, .menu-panel .panel-body-bottom .btn {
    background-color:#080808;
}
.topic-list-item, tr, .menu-panel .panel-body-bottom .btn { 
  border-bottom:#080808;  
}

h1, h2, h3, h4, h5, h6 {
    color:white;
}
p, #topic-title h1 a, li, .btn, .user-card .card-content .bio, .group-card .card-content .bio,
.category-list .category-name {
    color:white;
}

.topic-map, .nav-stacked, .admin-controls nav {
    background:#090909;
}
.topic-map .buttons .btn {
    background:#000;
} 
.discourse-reactions-state-panel-reaction, .discourse-reactions-picker .discourse-reactions-picker-container,
.popup-menu, .select-kit.single-select.dropdown-select-box.is-expanded .select-kit-collection, 
.select-kit.single-select.dropdown-select-box.is-expanded .select-kit-body,
.modal-inner-container {
    background:#090909;
}
.menu-panel .panel-body, .user-menu .quick-access-panel li a,
.user-menu .quick-access-panel .read, .user-menu .quick-access-panel .reviewed {
    background:#070707;
}
#reply-control .reply-area, #reply-control #reply-title, #reply-control .mini-tag-chooser .select-kit-header,
#reply-control .category-input .category-chooser .select-kit-header,.d-editor-textarea-wrapper,
aside.quote .title, blockquote, .d-editor-textarea-wrapper textarea {
    background-color:#070707;
    color:white;
}
div.instructions, .nav-pills>li>a  {
    color:white;
}
blockquote, aside.quote .title {
    border-left:#090909;
}
.menu-panel {
    background-color:#060606;
}
.topic-chat-container, .chat-live-pane .chat-messages-scroll,
.chat-messages-container .chat-message-container, .chat-messages-container .discourse-chat-transcript,
.topic-chat-drawer-header, .chat-message .chat-message-content, .chat-message {
    background:#0a0a0a;
}
.btn, .list-controls .combo-box .combo-box-header {
    background:#0c0c0c;
}
.btn {
  &:active,
  &.btn-active {
    background-image: none;
    border-bottom-color: transparent;
    background-color: var(--primary-medium);
  }
    

  &.btn-primary {
    &:active,
    &.btn-active {
      background-color: var(--tertiary-hover);
    }
  }


  &.btn-danger,
  &.cancel {
    &:active,
    &.btn-active {
      background-color: var(--danger-hover);
    }
  }
 

  &.ok {
    &:active,
    &.btn-active {
      background-color: var(--success-hover);
    }
  }
}

.sidebar-wrapper {
    background:black;
}

.sidebar-section-link-wrapper .sidebar-section-link.active,
.btn, .list-controls .combo-box .combo-box-header {
    background-color:black;
}

.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper:hover {
    background:black
}
// this targets the tag itself
a[data-tag-name="uspecial"] {
    color: yellow !important;
}

// this changes the title on topic-lists
.tag-uspecial  .raw-topic-link {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*/ This targets the background/body of the OP
body.tag-uspecial article#post_1 {
    
    font-weight: bold;
    border: 2px dotted blue;
}*/
.tag-uspecial #topic-title .fancy-title {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

Ok trial and error and it’s specifically

.menu-panel .panel-body, .user-menu .quick-access-panel li a,
.user-menu .quick-access-panel .read, .user-menu .quick-access-panel .reviewed {
    background:#070707;
}