/* hide unwanted elements */
.c-divider,
.text-muted,
[aria-label="Toggle color scheme"],
[title="Toggle color scheme"],
button[class*="theme"] {
    display: none !important;
}

.c-powered {
    display: none !important;
}

/* base */
html, body, #root, .page {
    background-color: #1a1e2e !important;
    color: #a8b4f8 !important;
}

/* home page */
#p-home {
    background-color: #1a1e2e !important;
    color: #a8b4f8 !important;
}

.p-home__welcome-col,
.p-home__welcome-col .p-4 {
    background-color: #1a1e2e !important;
    color: #a8b4f8 !important;
}

.p-home__posts-col {
    background-color: #1a1e2e !important;
    color: #a8b4f8 !important;
}

.p-home__header,
.p-home__header * {
    color: #a8b4f8 !important;
    background-color: transparent !important;
}

.text-header {
    color: #a8b4f8 !important;
    background-color: transparent !important;
}

/* markdown content */
.c-markdown, .c-markdown p {
    color: #a8b4f8 !important;
}

/* feature request input button */
.c-button.c-button--secondary {
    background-color: #232840 !important;
    color: #6b7ab8 !important;
    border-color: #2e3555 !important;
}

/* tailwind bg overrides */
.bg-white, [class~="bg-white"] { background-color: #232840 !important; }
.bg-gray-50 { background-color: #1e2235 !important; }
.bg-gray-100 { background-color: #202438 !important; }
.bg-gray-200 { background-color: #232840 !important; }

/* tailwind text overrides */
.text-gray-900, .text-gray-800, .text-gray-700 { color: #a8b4f8 !important; }
.text-gray-600, .text-gray-500, .text-gray-400 { color: #6b7ab8 !important; }

/* links and accent */
a, .text-primary, [class*="text-primary"] {
    color: #a8b4f8 !important;
}

/* primary buttons */
.bg-primary, [class*="bg-primary"] {
    background-color: #a8b4f8 !important;
    color: #1a1e2e !important;
}

/* nav and header */
nav, header,
.c-header, [class*="c-header"] {
    background-color: #141726 !important;
    border-color: #2e3555 !important;
    color: #a8b4f8 !important;
}

/* borders */
.border, [class*="border-gray"] {
    border-color: #2e3555 !important;
}

/* inputs */
input, textarea, select,
.c-input, [class*="c-input"] {
    background-color: #232840 !important;
    color: #a8b4f8 !important;
    border-color: #2e3555 !important;
}

input::placeholder, textarea::placeholder {
    color: #3d4a7a !important;
}

/* cards, panels */
.c-card,
[class*="rounded"][class*="shadow"] {
    background-color: #232840 !important;
    color: #a8b4f8 !important;
}

/* modal */
.c-modal-dimmer {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

.c-modal-window,
.c-modal-content,
.c-modal-header {
    background-color: #232840 !important;
    color: #a8b4f8 !important;
}

.c-share-feedback__content {
    background-color: #1e2235 !important;
    color: #a8b4f8 !important;
}

.c-share-feedback-signin {
    background-color: #1e2235 !important;
    color: #a8b4f8 !important;
}

.c-share-feedback-form {
    background-color: #1e2235 !important;
}

.c-form, .c-form-field {
    background-color: #1e2235 !important;
    color: #a8b4f8 !important;
}

.c-form-field label {
    color: #a8b4f8 !important;
}

/* modal headings */
.text-large, .text-title {
    color: #a8b4f8 !important;
}

/* tiptap editor */
.fider-tiptap-editor {
    background-color: #1e2235 !important;
    border-color: #2e3555 !important;
}

.c-editor-toolbar, .c-editor-button-group {
    background-color: #232840 !important;
    border-color: #2e3555 !important;
}

.c-editor-button, .c-markdown-toggle {
    background-color: transparent !important;
    color: #a8b4f8 !important;
}

.c-editor-button:hover, .c-markdown-toggle:hover {
    background-color: #2e3555 !important;
}

.c-editor-button-text {
    color: #6b7ab8 !important;
}

.tiptap.ProseMirror {
    background-color: #1e2235 !important;
    color: #a8b4f8 !important;
}

.tiptap.ProseMirror p[data-placeholder]::before {
    color: #3d4a7a !important;
}

/* similar posts */
.similar-posts-container {
    background-color: #232840 !important;
    color: #6b7ab8 !important;
}

/* discord signin button */
.c-signin-social-button span {
    color: #ffffff !important;
}

/* vote counter and tags */
.c-vote-counter,
[class*="c-tag"],
[class*="c-label"] {
    background-color: #2e3555 !important;
    color: #a8b4f8 !important;
}

.c-dropdown__list {
    background-color: #232840 !important;
    border-color: #2e3555 !important;
    color: #a8b4f8 !important;
}

.c-dropdown__list * {
    color: #a8b4f8 !important;
}

.c-dropdown__list:hover,
.c-dropdown__list *:hover {
    background-color: #2e3555 !important;
}

.c-side-menu__item {
    background-color: transparent !important;
    color: #a8b4f8 !important;
}

.c-side-menu__item:hover {
    background-color: #2e3555 !important;
}

.c-side-menu__item--active {
    background-color: #2e3555 !important;
    color: #a8b4f8 !important;
}