trix-toolbar {
            background: #171717;
            border-color: #27272f;
            border-radius: 0.5rem 0.5rem 0 0;
        }
        trix-toolbar [data-trix-button-group] {
            border-color: #27272f;
        }
        trix-toolbar [data-trix-button-group] button {
            background: #18181b;
            border-color: #27272f;
            color: #fff!important;
        }
trix-toolbar .trix-button.trix-active {
	color: #ff0000;
}
trix-toolbar .trix-button--icon{
	color: #ff0000!important;
}
trix-toolbar .trix-button-group {
	border: 1px solid;
	border-color: rgb(38 38 38 / var(--tw-border-opacity, 1))!important;
}
        trix-toolbar [data-trix-button-group] button.trix-active {
            background: #4f46e5;
            border-color: #4f46e5;
            color: #ffffff;
        }
        trix-editor.trix-content {
            background: #18181b;
            border: 1px solid #27272f;
            border-radius: 0 0 0.5rem 0.5rem;
            color: #e5e7eb;
            min-height: 120px;
            padding: 0.75rem 1rem;
        }
        trix-editor.trix-content a {
            color: #a5b4fc;
        }
        trix-editor.trix-content:focus {
            outline: none;
            border-color: #4f46e5;
            box-shadow: 0 0 0 1px #4f46e5;
        }