Notes

/* General */
body, .bg-secondary-100 {
background-color: #000000 !important;
}
.card, header, .bg-white, [data-orientation="horizontal"], main .card {
background-color: #0a0a0a !important;
border: 1px solid #1a1a1a !important;
}
h1, .text-secondary-800, .text-secondary-500, span, .truncate {
color: #ffffff !important;
}
.text-secondary-400, .text-secondary-300, footer span {
color: #888888 !important;
}
.text-brand-400, .svg-inline--fa, .text-xxs {
color: #d4af37 !important;
}
.bg-brand-400, .button-primary, .bg-brand-400 div {
background: linear-gradient(135deg, #f5d76e 0%, #d4af37 50%, #b8860b 100%) !important;
color: #000000 !important;
border: none !important;
}
.border-secondary-200, .border-secondary-300, .border-dashed, .bg-secondary-200 {
border-color: #262626 !important;
background-color: #262626 !important;
}
.inline-flex.items-center.gap-x-2.button-primary {
background: linear-gradient(135deg, #f5d76e 0%, #d4af37 100%) !important;
color: #000000 !important;
font-weight: bold !important;
}
svg path {
fill: currentColor !important;
}



/* Popup messages */
.bg-success-100 {
--tw-bg-opacity: 1;
background-color: rgb(0 132 39)
}
@media (min-width: 768px) {
.sm:w-[600px] {
margin-right: 60%;
}
}


/* Comment area */
.tox-tinymce,
.tox-editor-header,
.tox-toolbar,
.tox-toolbar__primary,
.tox-toolbar__group,
.tox-statusbar {
background-color: #222 !important;
background: #222 !important;
border-color: #444 !important;
color: #eee !important;
}
.tox-tbtn svg {
fill: #eee !important;
}
.tox-tbtn:hover {
background: #444 !important;
}
.tox-edit-area__iframe {
background-color: #fff !important; /* Ensure it has a base to invert */
filter: invert(0.9) hue-rotate(180deg) !important;
}



/* Scrollers */
body * {
scrollbar-color: #fad361 #000000 !important;
}




/* Buttons and dropdowns */
button[role="combobox"] {
background-color: #1a1a1a !important;
color: #d4af37 !important;
}
[data-radix-popper-content-wrapper],
[role="listbox"],
.radix-select-content {
background-color: #121212 !important;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.8) !important;
}
[role="option"],
[data-radix-collection-item] {
background-color: #121212 !important;
color: #e0e0e0 !important;
padding: 8px 12px !important;
}
[role="option"]:hover,
[role="option"][data-highlighted],
[role="option"][data-state="selected"] {
background-color: #d4af37 !important;
color: #000000 !important;
outline: none !important;
}
button[role="combobox"] svg {
color: #d4af37 !important;
}
.button-secondary, .button-secondary-active, button[type="button"] {
background-color: #1a1a1a !important;
color: #d4af37 !important;
}
button:disabled, .disabled:bg-secondary-400, .disabled:text-white {
background-color: #111111 !important;
color: #444444 !important;
border-color: #222222 !important;
opacity: 0.5 !important;
}
button:hover:not(:disabled) {
filter: brightness(1.2) !important;
box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}