Fancifies the fonts and adjusts the colors of HorseReality.
HR Purple Dark Mode by lynxvagabond
Details
Authorlynxvagabond
LicenseNo License
CategoryHorseReality
Created
Updated
Size30 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 HR Purple Dark Mode
@version 20220204.17.30
@namespace userstyles.world/user/lynxvagabond
@description Fancifies the fonts and adjusts the colors of HorseReality.
@author lynxvagabond
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.nl"),
url-prefix("https://v2.horsereality.com") {
/*V2*/
/*Profiles*/
.main-content,
.advertising,
.component.table .table tbody,
.header-menu nav .main-menu .user-nav .dropdown-menu,
.component.frame .wrapper .content,
.tox .tox-edit-area__iframe,
.header-cta,
div.center-area,
.modal-content {
background: #383636;
}
.show-profile .profile-account,
.side-nav,
.component.table .table thead th,
.component.npc,
.job-item,
.responsive-table .responsive-table-header-row,
.breadcrumb,
nav .pagination .page-item .page-link,
.market .breadcrumbs,
.component.frame .wrapper .subheader,
.component.comments .comment .header,
.component.comments .comment .profile-wrapper,
.notification-settings .settings-section,
.estate-item,
.fitting-room .horse-select-row,
.card-item,
.freezer .freezer-table td,
.show-profile .navbar .nav-link:hover,
.cta,
.market-office-table .colored-on-big-screen .row,
.link-table .link-table-even-row .row,
.link-table-row-outer:nth-child(2n),
.market-office-table-row-outer:nth-child(2n),
.market-filters .currency-filters div,
.market-filters .predicate-filters div,
.market-filters .section-filters div,
.market-filters .type-filters div {
background-color: #272727;
}
.clubs nav.navbar.navbar,
.edit-profile .content,
.freezer .selected-vial .content,
.market-horse-preview-col {
background-color: #3c3c3c !important;
}
/*General*/
body.background,
.horse-banner {
background-color: #00000091 !important;
background-blend-mode: multiply !important;
}
.component.table .table tbody tr:nth-of-type(2n+1),
.component .odd-row {
background-color: #272727;
}
.progress-bar {
background-color: #fff0;
}
.alert {
color: #7462ca;
background-color: #161616;
border-color: #d3d3d3;
font-family: "Garamond"
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.tox .tox-statusbar {
background-color: #161616;
}
.show-profile .navbar {
background-color: #161616 !important;
}
.fitting-room .fitting-room-bg-row:hover,
.fitting-room .selectedRow,
.freezer .freezer-table:hover td {
background-color: #b6b6b6 !important;
}
.shows.show .mine td {
background-color: #1a14369e;
}
nav .pagination .page-item.active .page-link {
background-color: #161616
}
/*Market*/
.market-filters .type-filters div,
.market-filters .filters-and-sort-by .filters,
.market-filters .filters-and-sort-by .sort-by,
.header-section-icon {
background-color: #706089;
}
.dual-range input[type="range"]::-moz-range-thumb {
border: 1px solid #250050;
background-color: #250050;
}
.dual-range .range-color {
background-color: #350050;
}
.dual-range input[type="range"] {
background-color: #161616;
}
.market-preview-tack .market-preview-tack-item {
background-color: #fff0;
}
/*Borders*/
.table td,
.table th,
.dropdown-divider,
.form-control,
.tox-tinymce,
.tox .tox-edit-area,
.tox .tox-statusbar,
.shows .table .progress,
.shows.show .mine td {
border-color: #787878;
}
.btn-warning,
.btn-warning:hover,
.btn.btn-cta,
.btn.btn-primary,
.btn.btn-cta:hover,
.btn.btn-primary:hover,
.market .premium-search-options {
border-color: #b6b6b6;
}
.component.frame .wrapper {
background: #161616;
}
/*Buttons + bars*/
.header-menu nav .main-menu ul li a.btn,
.btn.btn-cta,
.btn.btn-primary,
.estate-item .estate-item-buy button,
.card-item-action button,
.header-cta button,
.header-section-icon.type-action {
background: #634a99;
}
.header-menu nav .main-menu ul li a.btn:hover,
.btn.btn-cta:hover,
.btn.btn-primary:hover,
.estate-item .estate-item-buy button:hover,
.card-item-action button:hover,
.header-cta button:hover,
.header-section-icon.active {
background: #45336b;
}
.progress,
.form-control:disabled,
.form-control[readonly],
.form-control,
.market .premium-search-options,
.notification-settings .checkbox:not(:checked) ~ .switch,
.shows .table .progress,
.competitions .table .progress,
.link-table .link-table-row .link-table-icon-container .link-table-icon,
.market-filters .currency-filters div.active,
.market-filters .predicate-filters div.active,
.market-filters .section-filters div.active,
.market-filters .type-filters div.active {
background-color: #1a14369e;
}
.shows .table .progress .progress-bar,
.competitions .table .progress .progress-bar,
.progress-bar {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#917df3), to(#250050));
}
.form-control:hover {
background-color: #7462ca;
}
.checkbox-label .checkbox-custom,
.notification-settings .checkbox:checked ~ .switch {
background-color: #1a14369e;
}
.fitting-room .buy-row .buy-row-left .go-to-inventory-btn {
background-color: #45336bd1;
border: 1px solid #dbdbdb;
}
.market-office-table .market-office-table-row-icons .header-section-icons .type-action,
.market-filters .filters-and-sort-by .filters-outer .filters span,
.market-filters .filters-and-sort-by .sort-by.active,
.checkbox-label input:checked ~ .checkbox-custom {
background: #45336b!important;
}
.bootstrap-tagsinput span {
background-color: #350050!important;
}
/*text*/
.side-nav ul .subtitle,
.show-profile .profile-account h2,
a:hover,
.milestones .milestone-title,
.market .premium-search-title,
.estate-item .estate-item-name,
.fitting-room .fitting-room-bg-row h1,
.card-item-name,
h1,
.freezer .selected-horse-name,
h1 a:hover,
h2,
.component.frame .wrapper .header .title,
.header-cta h2,
.market-office-table .market-office-table-row-autobuy,
.premium-search-options-title,
.component.frame-padding .wrapper .content h3,
.market-filters .currency-filters div i,
.market-filters .predicate-filters div i,
.market-filters .section-filters div i,
.market-filters .type-filters div i,
.market-office-table .market-office-table-row-autobuy i,
.market-office-table .market-office-table-row-highestbid i,
.market-office-table .market-office-table-row-offers i,
.market-office-table .market-office-table-row-timer i,
.market-office-table .market-office-table-row-highestbid,
.market-office-table .market-office-table-row-offers {
color: #7462ca;
}
.side-nav ul a,
body,
a,
.city .mobile-world-menu a,
p a:active,
p a:link,
p a:visited,
.market .col-form-label,
h1 a:active,
h1 a:link,
h1 a:visited,
.edit-profile label,
.user-settings .col-form-label,
.notification-settings .settings-section-title,
.show-profile .profile-account .tag-npc,
.show-profile .profile-account .tag-player,
.total-horses i,
.total-items i,
.total-vials i {
color: #58456f;
}
.side-nav ul a:hover,
.header-menu nav .main-menu ul li a:not(.btn):hover,
.header-menu nav .main-menu .user-nav > a:hover,
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover,
p a:hover,
h1 a:hover,
.clubs.forum .component.frame .sticky a,
.clubs.upgrade .upgradable .title,
.total-horses,
.total-items,
.total-vials,
.market-filters .currency-filters div,
.market-filters .predicate-filters div,
.market-filters .section-filters div,
.market-filters .type-filters div,
.market-filters .filters-and-sort-by .filters i,
.market-filters .filters-and-sort-by .sort-by i {
color: #917df3;
}
.city .mobile-world-menu a:hover,
.header-section-icon i {
color: #917df3 !important;
}
.table,
nav .pagination .page-item:not(.disabled) .page-link,
p,
.header-menu nav .main-menu ul li a,
.header-menu nav .stats,
.header-menu nav .stats a,
.header-menu nav .main-menu .user-nav > a,
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header,
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item,
.footer ul li a,
.footer h6,
.show-profile .navbar .nav-link,
.show-profile .profile-name-and-estate .profile-estate,
.show-profile .profile-name-and-estate .profile-username,
.show-profile .profile-ranking-container .profile-rank-position,
.show-profile .profile-ranking-container .profile-rank,
.progress span,
.modal-footer > :not(:last-child),
.form-control,
.market-filters .filters-and-sort-by .filters,
.market-filters .filters-and-sort-by .sort-by,
.shows .table .progress .progress-text {
color: #dbdbdb;
}
.header-menu,
.footer,
.market-office-table .market-office-table-header {
background: #161616
}
.notification-settings .switch__left {
font-size:...