Customizable darkmode theme for designcontest.com
DC Darkmode+ by xyadx
Details
Authorxyadx
LicenseNo License
Categorydesigncontest.com
Created
Updated
Size21 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
not fully themed yet
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name DC Darkmode+
@namespace https://userstyles.world/user/xyadx
@supportURL https://userstyles.world/style/16681/dc-darkmode
@version 1.2
@description A customizable darkmode theme for designcontest.com
@author YAD
@license CC-BY-NC-4.0
@preprocessor stylus
@var color bgyad1 "🎨Theme Color" #2c2937
@var color yadtxt1 "🔤Primary Text/Icons" #e7e8e8
@var color acc1 "🖌️Accent Color" #1871ba
@var checkbox compmode "💿Compact Mode" 0
@var range ilaw1 "💡Overall Brightness" [100,1,100,1,"%"]
@var range deg1 "🪟Logo Hue Color" [170,1,365,1,"deg"]
==/UserStyle== */
@-moz-document regexp("http(s?)://[^/]*\\.designcontest(\\.com)?(\\.[a-z][a-z])?/.*") {
.new-main-noguest-header .logo-left-wrapper .logo.logged .logotype {
filter: sepia(100%) saturate(300%) hue-rotate(deg1);
}
html {
filter: brightness(ilaw1);
}
body {
color: var(--myadtx0);
background: bgyad1
}
.filter
.filter__drop
.inner_content
.main_wrapper .top_block
.bread_wrap
.main_wrapper
.profile-tab
.profile-content_wrapper
.table__cell
#contests_list_table
.table__row:nth-child(2n+1) .table__cell
.table__row.table__row_blue .table__cell
.table__row.table__row_head .table__cell {
background: bgyad1;
}
.field__el input
.table
.table__cell
.table__row.table__row_head .table__cell
.filter
.filter__row {
border: 0
}
.table__row {
border: 1px solid bgyad1 - 10%;
box-shadow: 0 0 0 1px var(--yadsha);
}
/*.table__row .table__cell:first-child:hover {
box-shadow: inset 4px 0px 0 0px acc1
}*/
body
.top_block
#menu
.footer
.stick
.btn .btn__text
.sort-arr
.table__text.brief_lines.lines2 {
color: var(--myadtx0)
}
.user_block .logged li:hover .with_sub
.user_block .logged li:hover .with_sub:after
.btn:hover .btn__text {
color: acc1
}
/*category*/
.cats__list li {
border: 1px solid bgyad1 + 6%
}
.cats__title {
background: bgyad1 + 5%;
color: var(--myadtx0);
font-size: 15px;
}
.contest-page .contest-card__bg,
.contest_tabs.designer-menu > ul > li
.cats__list li li a
.cats__list li li a
.cats__list
.cats__list a
.cats__list li li.is-active a {
background: bgyad1 + 3%;
color: var(--myadtx0)
}
.contest_tabs ul > li.active
.cats__list li.is-active > a {
background: bgyad1 - 13%;
color: acc1
}
.contest_tabs ul li a:hover
.cats__list li li a:hover
.cats__list a:hover {
background: bgyad1 + 7%;
color: acc1 + 17%;
transition: 0s
}
.contest-page .contest-submit
.contest_tabs ul > li {
border-color: bgyad1 + 7%
}
.contest-page .contest-submit .contest-submit__sub-heading
.contest_tabs ul li a
.main_new_header.top_block a
.title a {
color: var(--myadtx0)
}
.main_wrapper.contest-wrapper
.filter__btn.is-active {
background: bgyad1
}
.dropdown-filter .dropdown-list
.dropdown-filter .dropdown-label
input
input, .select__in
.select__in {
background: bgyad1 - 15%;
color: var(--myadtx0);
border: 1px solid bgyad1 - 35%;
}
input[type="checkbox"] + label, input[type="radio"] + label {
color: var(--myadtx0)
}
.contest-page .contest-submit
.selection select {
background: bgyad1 + 7%
}
.select__list {
background: bgyad1 - 15%;
color: var(--myadtx0);
border: 0;
box-shadow: none
}
input[type="text"]:hover, input[type="text"]:focus
.select.is-open .select__in {
border: 1px solid acc1;
box-shadow: 0 0 4px acc1, inset 0 1px 1px transparent;
}
input[type='checkbox']:checked:not(.contest-page .filters-group) + label::before {
color: acc1
}
.field__label {
color: invert(bgyad1)
}
.follow_contest_btn {
border: solid 1px acc1;
color: acc1;
}
.btn:hover {
border-color: acc1;
box-shadow: none
}
.contest-page .btn--confirm:hover
.contest-page .btn--confirm
.table__cell .btn:hover {
border-color: acc1;
box-shadow: 0 0 0 2px
}
/*compactmode*/
if compmode == "1" {
.contest-page .contest-card__bg
.contest-page .contest-card__link {
width: 155px;
height: 155px;
}
.contest-page .contest-results {
padding: 0;
}
.contest-page .contest-results textarea.message {
font-size: xx-small
}
.contest-page .contest-card__star {
width: 10px;
height: 10px;
margin-left: 0px
}
.contest-page .contest-card {
margin-right: 10px;
margin-bottom: 10px;
width: 172px
}
.contest-page .contest-card__number
.contest-page .contest-card__name {
font-size: 13px;
text-wrap: nowrap;
}
.contest-page .contest-card__bg {
background: bgyad1 - 20%
}
}
.settings #tab_data .delete-profile .item_icons_delete.svg-icon
.settings #tab_data a.delete-profile
.follow_contest_btn .btn__text, .follow_contest_btn:hover .btn__text
.breadcrumbs li a
.el-with-ico a {
color: acc1
}
.breadcrumbs li:before {
color: var(--myadtx4)
}
.settings .btn-grey.save
.contest-page .btn--confirm
.filter__cell > #apply_filters.btn-blue {
background: acc1
}
.settings .btn-grey.save:hover
.contest-page .btn--confirm:hover
.filter__cell > #apply_filters.btn-blue:hover {
background: acc1 + 30%;
box-shadow: 0 0 0 0
}
/*belle*/
[d*="M13.152 11.598c.274.293.41.63.41 1.01"] {
fill: var(--myadtx0)
}
.logged .notifications:hover svg > path {
fill: acc1
}
/*drop menu*/
.user_block ul.logged > li div.sub-menu.me-menu .notif-title
.main_new_header .user_block ul.logged > li div.sub-menu > ul > li, .main_new_header .user_block ul.logged > li div.sub-menu > .rounded > ul > li
.notif-items.white-bg ul li .notif-icon i, .notif-items ul li.white-bg
.user_block ul.logged li div.sub-menu .rounded
.main_new_header .user_block ul.logged > li div.sub-menu {
background: bgyad1 + 10%
}
.user_block ul.logged > li div.sub-menu > ul > li.sub-second > div > p:hover
.user_block ul.logged > li div.sub-menu > ul > li a:hover, .user_block ul.logged > li div.sub-menu > .rounded > ul > li a:hover, .user_block ul.logged > li .sub-menu.one-on-menu > ul > li a:hover
.notifications .sub-menu .notif-items ul li:hover {
background: bgyad1 + 15%
}
.user_block ul.logged > li div.sub-menu.me-menu .notif-title .flex-wrap > div.active-level
.user_block ul.logged > li div.sub-menu.me-menu .notif-title .username
.user_block ul.logged > li div.sub-menu > ul > li > a, .user_block ul.logged > li div.sub-menu > .rounded > ul > li > a
.main_new_header .user_block ul.logged > li div.sub-menu > ul > li.sub-second.last > div > p, .main_new_header .user_block ul.logged > li div.sub-menu > ul > li.sub-second.last > div > span
.user_block ul.logged > li div.sub-menu > ul > li a:hover, .user_block ul.logged > li div.sub-menu > .rounded > ul > li a:hover
.user_block ul.logged li.notifications div.sub-menu .notif-items ul li .notif-text
.user_block ul.logged li.notifications div.sub-menu .notif-title span
.user_block ul.logged > li div.sub-menu.me-menu > .rounded > ul > li > a span.me-icon
.notifications .sub-menu .notif-items ul li .notif-text p.notif-time {
color: var(--myadtx0)
}
.user_block ul.logged li.notifications div.sub-menu a {
color: acc1
}
/*contest page*/
.contest-page .contest-card .contest-card__number-empty
.contest-page .contest-card .contest-card__text-empty
.contest-page .contest-filters .slider-rate .noUi-base
.contest-page .contest-filters .slider-rate .noUi-background
.center_content_wrapper #designer_contest_list .filter .filter__in
.contest-page .contest-comment
.contest-page .contest-comments {
background: bgyad1 + 5%;
}
.contest-label--highlighted
.contest-label--blind
.contest-label--private {
filter: invert(0.3);
}
.contest-page .contest-applications
.contest-page .contest-card
.contest-page .dropdown-filter.select_designer .search_box
.contest-page .contest-card__bottom textarea.message
.contest-page .contest-results__wrapper
.contest-page .contest-tabs-wrapper
.contest-page .contest-filters-wrapper
.contest-page .contest-info {
background: bgyad1
}
.select-options li:first-child
.contest-page .dropdown-filter.select_designer .input_box input
.contest-page .brief {
background: bgyad1 + 5%;
border-color: bgyad1 - 5%
}
.select_designer .results_box .results_list li
.select-options li
.contest-page .dropdown-filter.select_designer .results_box li:hover {
background: bgyad1 + 10%;
color: var(--myadtx0)
}
[fill="#252737"] {
fill: var(--myadtx5)
}
.select-options li:hover
textarea.js-textarea.contest-comment__message {
background: bgyad1;
color: var(--myadtx0)
}
input[type="checkbox"]:not(.contest-page .filters-group) + label::before
.filter__search .field__el input
.contest-page .contest-about .info .detail:nth-child(2)
.contest-page .contest-about .contest-about__details .contest-about__status-icon
.contest-page .application-card
.contest-page .contest-applications
.contest-page .contest-comment .contest-comment__message, .contest-page .contest-comment .dc-comment
.contest-page .contest-comment textarea.dc-comment:hover, .contest-page .contest-comment textarea.contest-comment__message:hover, .contest-page .contest-comment textarea.dc-comment:focus, .contest-page .contest-comment textarea.contest-comment__message:focus
.contest-page .contest-comment
.contest-page .contest-applications__top
.contest-page .contest-comment.contest-comment--author
.contest-page .contest-card
.contest-page .contest-filters .btn-checkbox
.contest-page .contest-card__bottom
.contest-page .brief .brief__section
.contest-page .contest-filters .contest-filters-main {
border-color: transparentify(bgyad1, 20%) + 50%!important;
box-shadow: none!important
}
.contest-page .contest-info .action-buttons .btn-action
.contest-page .contest-results #mor...