Dark theme for kwork.ru
KWORK Dark Theme by vertopolkalf
Details
Authorvertopolkalf
LicenseNo License
Categoryfreelance
Created
Updated
Size17 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Dark KWORK
@author vertopolkaLF
@version 20230320.11.06
@namespace kwork.ru
==/UserStyle== */
@-moz-document domain("kwork.ru") {
/* MAIN */
h1, h2, h3, h4, span, .send-request__block-title, p {
color: #ddd;
}
body {
background: #111;
color: #fff;
}
.subnav, .header {
background: #222;
border-color: #333 !important;
}
.card {
background: #222;
color: #ddd;
border: none;
border-radius: 10px;
}
.query-card__footer {
border-color: #333;
}
.wants-card__header-title, .wants-card__header-title a {
color: #0b0;
}
a, a.color-text:hover {
color: #3b9cff;
}
div.offer-individual__full-container {
border: none;
}
.white-bg-border {
background: #222;
color: #bbb;
border: none;
border-radius: 10px 10px 0 0;
}
div.offer-individual__bottom-block {
background: #222;
border-radius: 0 0 10px 10px;
border: none;
}
.input, .chosen-container-single .chosen-single {
background: #111;
color: #eee;
border-color: transparent;
border-radius: 5px;
}
.chosen-container-single .chosen-single span {
color: #fff !important;
}
.chosen-container .chosen-drop, .chosen-container-active.chosen-with-drop .chosen-single {
background: #222;
border-color: #333;
}
.chosen-container .chosen-results {
color: #ccc;
}
.form-item__error, .offer-individual__item-error {
color: #ff9393;
}
.mw-100 {
filter: invert(0.6);
}
.bgWhite {
background: #222 !important;
}
.modal-design .modal-content, .modal-design .modal-header {
background: #333;
color: #ddd;
}
.modal-design .modal-header .close {
filter: invert(1);
}
.modal-design .modal-body, .commission-modal__table, .commission-modal .offer-faq-content p, .commission-modal .offer-faq-list li {
color: #ddd;
}
.commission-modal__top-title, .modal-design .modal-header h5, .commission-modal .offer-faq-header, .commission-modal__table thead td, .commission-modal__table thead th {
color: #fff;
}
.commission-modal__top-text {
color: #aaa;
}
.commission-modal__table td, .commission-modal__table th, .commission-modal__table, .commission-modal .offer-faq-item {
border-color: #555;
}
.commission-modal__table tr.disabled td {
background: transparent;
}
.commission-modal .offer-faq-title {
color: #2477ff;
}
.preloader__bg {
background: #0004
}
.tooltipster-sidetip.tooltipster-light .tooltipster-content, .block-state-active_tooltip, .settings-finances__purse-inner-tooltip, .vue-tooltip-theme.tooltip .tooltip-inner {
background: #333;
color: #ccc;
border-radius: 10px;
border: none;
}
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
border: none;
background: none;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background, .vue-tooltip-theme.tooltip[x-placement^=bottom] .tooltip-arrow {
border-bottom-color: #333;
color: #333;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background, .block-state-active .block-state-active_tooltip:after, .block-state-active .block-state-active_tooltip:before, .settings-finances__purse-inner-tooltip:before {
border-right-color: #333;
color: #333;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
border-left-color: #333;
color: #333;
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background, .vue-tooltip-theme.tooltip .tooltip-arrow {
border-top-color: #333;
color: #333;
}
.button-go-top {
background: #fff;
}
#quick-faq {
display: none;
}
.header .headertop-desktop .dropdownbox--profile {
background: #222;
color: #fff;
}
.header .headertop-desktop .user-popup a {
color: #eee !important;
}
.header .headertop-desktop .user-type, .header .headertop-desktop .user-popup-item-logout {
border-color: #555;
}
.chosen-style .chosen-container .chosen-single {
background: #111 !important;
color: #fff !important;
border: none !important;
}
.chosen-style .chosen-container .chosen-single span {
color: #fff !important;
}
.chosen-style .chosen-container .chosen-results li {
background: #111;
color: #ccc !important;
}
.settings-schedule__body .chosen-style .chosen-container .chosen-single span, .settings-schedule__body .chosen-style .chosen-container .chosen-results li {
color: #fff !important;
}
.chosen-style .chosen-container .chosen-results li.highlighted, .chosen-style .chosen-container .chosen-results li.result-selected {
background: #444;
color: #fff !important;
}
.k-select.v-select .vs__dropdown-toggle {
background: #111;
border: none;
color: #fff;
}
.text-body, .v-select .vs__selected {
color: #fff !important;
}
}
@-moz-document domain("kwork.ru") {
/* HEADER */
.sub-menu-parent .menulist {
background: #333;
border-color: #111;
border-radius: 0 0 10px 10px;
border: none;
}
.header .headertop-desktop .general-search.custom-search input.form-control {
background: #111;
border: none;
color: #fff;
}
#search-keyword .dropdown, .general-search.custom-search .dropdown {
background: #222;
border-color: #111 !important;
}
.custom-search .dropdown-suggestions .suggestion span b {
color: #fff;
}
.custom-search .dropdown-suggestions .suggestion span {
color: #aaa;
}
.custom-search .dropdown-suggestions .suggestions .suggestion-user, .custom-search .dropdown-suggestions .suggestions-header {
background: #333;
color: #aaa;
}
}
@-moz-document domain("kwork.ru") {
/* ПРЕДЛОЖИТЬ УСЛУГУ */
.track-page__header {
border: none;
border-radius: 10px;
overflow: hidden;
background: #222;
}
.track-page > .contentArea {
background: transparent !important;
}
.track-spacer {
background: #111;
}
.waveborder.bottom, .waveborder.top {
display: none
}
.track-page__header-image img {
border: none;
}
.track-page__header-h1 {
color: #fff;
}
.pull-left, .order-info__time, .order-info__time--total {
color: #ddd;
}
.mr10 {
filter: invert(0.85);
}
.order-info__line div {
background: #333;
}
.order-info thead {
background: #333;
border-radius: 10px;
color: #ddd;
}
}
@-moz-document domain("kwork.ru") {
/* БИРЖА */
.page-projects--new .connects-points__email, .page-projects--new .connects-points__point {
background: #222;
color: #fff;
border: none;
border-radius: 10px;
}
.page-projects--new .connects-points__item-link {
color: #eee;
}
.page-projects--new .connects-points__item-text, .page-projects--new .connects-points__item-count {
color: #ccc;
}
.wants-filter {
background: #222;
border-radius: 10px;
border-color: transparent;
color: #fff;
}
.projects-filter__radio {
color: #ccc;
}
.twin-radio-switch {
background: #111;
border: none;
}
input:checked + .twin-radio-switch__label {
background: #222;
}
.checkbox-after-label label:before {
background: #111;
border: none;
}
.checkbox-after-label--kw input:checked + label:before {
background: #177de5;
}
.projects-filter__item .filter-input {
background: #111;
border-radius: 5px;
border: none;
color: #ccc;
}
.checkbox-after-label--kw label {
color: #ccc;
}
.exchange-stats {
background: #222;
border-radius: 10px;
border: none;
}
.tooltip_circle--light {
background: #222;
border-color: #333;
}
.tooltip_circle--light.tooltip_circle--hover:hover, .tooltip_circle--light.tooltip_circle_hover {
background: #333 !important;
border-color: #444 !important;
}
.page-projects--new .wants-filter__links {
background: #222;
border-radius: 0 10px 10px 0;
border: none;
overflow: hidden;
}
.page-projects--new .wants-filter__link {
color: #ccc;
}
.paging ul li .active {
border: none;
background: #333;
border-radius: 10px;
color: #fff;
}
.paging ul li a.next:hover, .paging ul li span.next:hover, .paging ul li a.prev:hover, .paging ul li span.prev:hover {
border-radius: 10px;
background-color: #333;
}
}
@-moz-document domain("kwork.ru") {
/* ЗАКАЗЫ */
div.orders * {
border-color: transparent !important;
}
.order-list-table .table-style thead td, .order-list-table .table-style thead th {
background: #222;
}
.order-list-table .table-style tbody tr.m-hidden td {
background: #222;
}
.order-list-table .table-style {
border-radius: 10px;
overflow: hidden;
}
.order-list-table .table-style tbody tr.m-hidden td .user-name, .order-list-table .table-style tbody tr.m-hidden td {
color: #ccc;
}
.order-list-table tbody tr:hover > td {
background: #333 !important;
}
.kw-note-tooltip.tooltipster-sidetip.tooltipster-light .tooltipster-content {
color: #ccc;
}
.k-modal-content__header, .k-modal-content__body, .k-modal-content__footer {
background: #111;
}
.note-modal .trumbowyg-box .trumbowyg-editor {
background: #222;
color: #ccc !important;
}
.kw-button--gray-border:not(.kw-button--inactive):not(.kw-button--waiting) {
background: #333;
color: #ccc;
}
.kw-button--gray-border:not(.kw-button--inactive):not(.kw-button--waiting):hover {
background: #444;
color: #fff;
}
.kw-button--green:not(.kw-button--inactive):not(.kw-button--waiting):hover {
background-color: #058309;
}
.search-field--orders .search-field__input {
border-radius: 8px;
background: #222;
border: none;
color: #fff;
}
.order-tabs__item-count {
background: #333;
color: #ccc;
}
.order-tabs:before {
background: #555;
}
}
@-moz-document domain("kwork.ru") {
/* ЗАКАЗ */
.file-list__item--not-image {
background: #111;
border-radius: 10px;
border: none;
}
.file-list__item .finfo .fname {
color: #ccc;
}
.file-list-image__container, .file-list-image__wrapper {
background: #111;
border: none;
}
.t-profile-link {
color: #fff !important;
}
.track-page__date-hr:before, ...