Skip to content

KWORK Dark Theme by vertopolkalf

Screenshot of KWORK Dark Theme

Details

Authorvertopolkalf

LicenseNo License

Categoryfreelance

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for kwork.ru

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, ...

Reviews

No reviews yet.