Dark Data Annotation by emaity

/* ==UserStyle==
@name         Dark Data Annotation
@version      20241013.03.12
@namespace    https://userstyles.world/user/emaity
@description  A dark theme for Data Annotation
@author       emaity
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://app.dataannotation.tech/") {
:root {
    --main-background-color: #1a1a1a;
    --secondary-background-color: #313131;
    
    --main-text-color: #ffffff;
    --accent-text-color: #ffc6c6;
}

#main, .footer, body, .hudOHw, .tw-bg-white, .tw-min-w-full {
    background-color: var(--main-background-color);
}
/* Buttons */
button[aria-current="page"], button[class="tw-h-input-sm tw-px-3 tw-bg-white tw-border-black-30 hover:tw-border-black-40 hover:tw-text-primary-light-100 disabled:tw-border-primary-dark-20 disabled:tw-text-black-50 tw-text-size-button tw-whitespace-nowrap tw-rounded-input tw-inline-flex tw-items-center tw-border tw-ml-5 tw-w-18 tw-p-0 tw-text-xs tw-my-2 tw-rounded-2xl tw-border-none tw-bg-neutral-200"] {
    background-color: #202020;
    color: var(--main-text-color);
}

/* Field in Referrals */
.with-tailwind-u4xenr-control, .with-tailwind-hlgwow, .with-tailwind-14byfmz-placeholder, div[class=" with-tailwind-qj9jhh"], .with-tailwind-18a0yo6-control, .with-tailwind-1nmdiq5-menu, .with-tailwind-vraxq6 {
    background-color: #202020;
    color: var(--main-text-color);
}

.bg-primary, .navbar-expand-sm, .navbar-collapse {
    background-color: #0f0f0f !important;
}

input[type="text"], input[type="email"], textarea, div[class="tw-absolute tw-inset-y-0 tw-inline-flex tw-items-center tw-mt-1 tw-h-input-md tw-px-3 tw-left-0"], .form-control {
    background-color: #202020;
    color: var(--main-text-color);
}
path[d="M7.5 13.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12ZM15 15l-3.258-3.258"], button svg path, path[fill="currentColor"] {
    stroke: var(--main-text-color);
}
/* Report time question mark,  */
path[d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"], #svg_1, .anticon svg, path[d="M31.3 30h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 192.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 64.1C4.6 51.5 13.5 30 31.3 30z"], path[d="M288.662 224.662H31.338c-17.818 0-26.741-21.544-14.142-34.143L145.858 61.857c7.81-7.81 20.474-7.81 28.284 0L302.804 190.52c12.6 12.598 3.676 34.141-14.142 34.141"] {
    fill: #ccc;
}
#headlessui-popover-button-\:r13\: > div:nth-child(1) > div:nth-child(2) > svg:nth-child(2) > g:nth-child(1) > path:nth-child(2) {
    fill: #2f71ec;
}

/* project table */
table.tw-min-w-full tr td, table.tw-min-w-full th {
    border-color: var(--main-background-color);
}
* {
    border-color: #5c5c5c;
}
#workers\/WorkerProjectsTable-hybrid-root thead {
    border-bottom-width: 2px;
}
#workers\/WorkerProjectsTable-hybrid-root tbody > tr td {
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    background-color: var(--main-background-color);
}
#workers\/WorkerProjectsTable-hybrid-root tbody > tr:hover td {
    background-color: var(--secondary-background-color);
}

h1, h2, h3, h4, h5, p, span, b, h2, label, table .tw-text-black-90, .tw-text-ellipsis, .tw-text-semibold, div[role="cell"], .surge-wysiwyg button, strong {
    color: var(--main-text-color);
}
p span {
    color: var(--main-text-color);
}
p span[style] {
    color: inherit !important;
}

a {
    color: #8cb4ff !important;
}
.table thead th {
    border-color: #5c5c5c;
}


/* Weird gradient things on the side of tables */
/* Transfer funds */
.tw-relative div::before, .tw-relative div::after {
    background: var(--main-background-color);
}
/* Qualifications */
.sc-dcJsrY::before, .sc-dcJsrY::after {
    background: var(--main-background-color);
}

.card-title, .card-text {
    color: var(--main-text-color);
}

.td, .tw-border-r, .tw-border-l {
    border-color: var(--main-background-color);
}
.tw-border-bm, .card {
    border-color: var(--secondary-background-color);
    background-color: var(--main-background-color);
}

/* Funds History Subrows */
.gold-standards-table, .gold-standards-table div {
    background-color: #202020;
}
@supports (color: rgb(0 0 0 / 0)) {
  .tw-bg-neutral-100 {
    background-color:#202020;
  }
}
div[role="rowgroup"] div[role="row"] {
    transition: background-color .5s;
}
div[role="rowgroup"] div[role="row"]:hover div {
    background-color: var(--secondary-background-color);
}
/* hovering over table heading */
.hover\:tw-bg-gray-100:hover, .group-hover\:tw-opacity-100 {
  background-color: #222;
}
.tw-group:hover .group-hover\:tw-opacity-100 {
    background: transparent;
    background-color: var(main-background-color);
}

.tw-mr-auto {
    --tw-text-opacity: 1;
    color: rgba(107,114,128,var(--tw-text-opacity));
}

.tw-border-dashed {
    border-color: var(--main-background-color);
}

div[class="tw-overflow-hidden tw-flex tw-items-center tw-bg-white tw-rounded-md tw-shadow-xl tw-transform tw-transition-all"], div[class="tw-overflow-hidden tw-flex tw-items-center tw-bg-white tw-rounded-md tw-shadow-xl tw-transform tw-transition-all"] div[class="tw-flex tw-flex-col tw-items-center tw-mx-16 tw-mt-16 tw-mb-9 tw-text-center"], div[class="tw-overflow-hidden tw-flex tw-items-center tw-bg-white tw-rounded-md tw-shadow-xl tw-transform tw-transition-all"] h4, div[class="tw-flex tw-justify-center tw-items-center tw-space-x-3"] {
    background-color: var(--secondary-background-color);
}
div[class="tw-flex tw-justify-center tw-items-center tw-space-x-3"] button:hover span {
    color: #a6a6a6;
}

a[href="/workers/payments"] span {
    color: #3434ED;
}

/* Referrals text */
.tw-bg-orange-50 {
    background-color: var(--main-background-color);
}
}

@-moz-document url-prefix("https://app.dataannotation.tech/") {
/* For projects */
/* classes that may change: .dOlhok (project questions) , .hWlozi */
.hWlozi, .breadcrumb, .tw-pt-1 div, .tw-pt-1, div[data-testid="instructions"], div[data-testid="instructions"] div, div[data-testid="fields-text"]{
    background-color: var(--secondary-background-color) !important;
}

/* collapse instructions button, edit button for chat message */
.tw-h-input-sm {
    background-color: var(--secondary-background-color);
    border-color: #ccc;
    color: var(--main-text-color);
}

/* questions */
div[id ^= question] .tw-rounded-lg {
    background-color: var(--secondary-background-color) !important;
}

div[id ^= question] ul li div, div[id ^= question] div {
    background-color: transparent ;
}

.dOlhok, .dOlhok h2, .dOlhok p, .dOlhok img, .sc-kpDqfm.kznMmL, .sc-kpDqfm.kznMmL h2, .sc-kpDqfm.kznMmL p{
    background-color: var(--secondary-background-color);
}

details {
    background-color: #676767;
}
details summary, details div, details div ul, details div p{
    color: var(--main-text-color) !important;
    background-color: #676767 !important;
}
details div ul b, details div p b  {
    color: var(--accent-text-color);
    background-color: #676767 !important;
}

#chat-panel .tw-justify-between, div b {
    background-color: var(--secondary-background-color);
}

.chat-history, .chat-messages {
    background-color: var(--secondary-background-color) !important;
}

.chat-messages div p, .chat-messages div h1, .chat-messages div h2, .chat-messages div h3, .chat-messages div h4, .chat-messages div strong, .chat-messages div ul, .chat-messages div b, .chat-messages div span {
    background-color: inherit !important;
    color: inherit;
}
.chat-messages button div {
    color: black;
}


.list-group-item {
    background-color: var(--main-background-color);
    border: 1px solid #000000;
}

.list-group-item.active{
    background-color: #162f44;
}
.list-group-item.active div {
    background-color: #162f44;
}

.surge-wysiwyg h3, input[type="file"] {
    color: #cdcdcd;
}

textarea, .mr-4 {
    color: var(--main-text-color);
}

.comment-list li:hover div {
    background-color: var(--secondary-background-color);
}
.hover\:tw-bg-white:hover {
    background-color: var(--main-background-color);
}

strong[class=".is-admin"] {
    color:#37b14b !important;
}

ul {
    color: var(--main-text-color);
}

.surge-wysiwyg code {
    color: #6f9dff;
}

.surge-wysiwyg h2, .surge-wysiwyg strong, .surge-wysiwyg strong span{
    color: var(--accent-text-color) !important;
}

mark, .surge-wysiwyg mark span {
    color: black !important;
}

.breadcrumb-item.active {
    color:#b1b1b1;
}

.surge-wysiwyg table {
    background-color: var(--main-background-color);
    color: var(--main-text-color);
}
.surge-wysiwyg table td, .surge-wysiwyg table th {
    border-color: var(--secondary-background-color);
}
.surge-wysiwyg table th p, .surge-wysiwyg table tr p, .surge-wysiwyg table tr h2 {
    background-color: inherit !important;
}
.surge-wysiwyg table tr th {
    color: var(--accent-text-color);
}

.chat-messages .rendered-markdown, .rendered-markdown p {
    background-color: inherit;
}

/* Review Table */
div[id="reviewTableContent"] tr, div[id="reviewTableContent"] th {
    color: var(--main-background-color) !important;
    background-color: #F2F2F2;
}

div[id="injectedReviewTable"] {
    background-color: var(--secondary-background-color) !important;
}

/* button.tw-bg-white:nth-child(1) {
    background-color: #ccc;;
} */

div.sc-imWYAI:nth-child(2) > div:nth-child(1) {
    color: var(--main-text-color);
}

div[data-testid="question-text"] {
    color: var(--main-text-color) !important;
}

/* Single-Sided Instruction  */
.container {
    color: var(--main-text-color);
    background-color: #2b2b2b;
}
.bot-msg {
    color: var(--main-text-color);
    background-color: var(--main-background-color);
}
.msg-text {
    font-famil...