Skip to content

HR Dark Mode by flamecaro

Screenshot of HR Dark Mode

Details

Authorflamecaro

LicenseNo License

CategoryHorse Reality

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark mode for Horse Reality

Notes

Adjusted the new market.

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 Dark Mode
@version      20211130.18.37
@namespace    userstyles.world/user/flamecaro
@description  A dark mode for Horse Reality
@author       flamecaro
@license      No License
==/UserStyle== */

@-moz-document 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, .stall-tabs-wrapper::after {
    background: #274053;
}
.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, .horse-item .content, .current-capacity, .horse-filters-search input, .daily-rollover-content-wrapper {
    background-color: #162c3c;
}
.clubs nav.navbar.navbar, .edit-profile .content, .freezer .selected-vial .content, .market-horse-preview-col {
    background-color: #162c3c !important;
}


/*General*/
body.background, .horse-banner {
    background-color: #787878 !important;
    background-blend-mode: multiply !important;
}
.component.table .table tbody tr:nth-of-type(2n+1), .component .odd-row, .stall-tabs .stall-tab {
    background-color: #17353a;
}
.responsive-table .mine {
    background-color: #00514d !important;
    border-bottom: 1px solid #081b28;
}
.progress-bar {
    background-color: #00a29a;
}
.alert {
    color: #00a29a;
    background-color: #162c3c;
    border-color: #00a29a;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary, .tox .tox-statusbar, .stall-tabs .stall-tab:not(.creating):not(.active):hover, .stall-tabs .stall-tab.active {
    background-color: #081b28;
}
.show-profile .navbar {
    background-color: #081b28 !important;
}
.fitting-room .fitting-room-bg-row:hover, .fitting-room .selectedRow, .freezer .freezer-table:hover td {
    background-color: #3d5a70 !important;
}
.shows.show .mine td {
    background-color: #275157;
}


/*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: #606989;
}
.dual-range input[type="range"]::-moz-range-thumb {
    border: 1px solid #00504c;
    background-color: #00504c;
}
.dual-range .range-color {
    background-color: #00504c;
}
.dual-range input[type="range"] {
    background-color: #606060;
}
.market-preview-tack .market-preview-tack-item, .responsive-table .competition-tack-icon {
    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, .competitions .table .progress {
    border-color: #081b28;
}
.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: #00a29a;
}


/*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, .button.primary {
    background: #006863;
}
.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, .button.primary:hover {
    background: #024b47;
}
.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 {
    background-color: #00000091;
}
.shows .table .progress .progress-bar, .competitions .table .progress .progress-bar, .progress-bar {
    background: -webkit-gradient(linear,0 0,0 100%,from(#00a29a),to(#015b57));
}
.progress-bar.energy {
    background: -webkit-gradient(linear,0 0,0 100%,from(#00a29a),to(#015b57)) !important;
}
.form-control:hover {
    background-color: #00a29a;
}
.checkbox-label .checkbox-custom {
    background-color: #ffffff8a;
}


/*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, .horse-item h2, .stall-tabs .stall-tab.active a, .stall-tabs .stall-tab > span, .stall-tabs .stall-tab a {
    color: #00a29a;
}
.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, .horse-item .breed-and-age, .horse-item .tagline {
    color: #00827b;
}
.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 {
    color: #06d5ca;
}
.city .mobile-world-menu a:hover, .header-section-icon i {
    color: #06d5ca !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 {
    color: #b6b6b6;
}


/*overlay HR themes*/
.show-profile.lush-lavender .odd-row, .show-profile.lush-lavender .profile-account, .show-profile.lush-lavender .profile-container .table tbody tr:nth-of-type(2n+1), .show-profile.pretty-pink .odd-row, .show-profile.pretty-pink .profile-account, .show-profile.pretty-pink .profile-container .table tbody tr:nth-of-type(2n+1), .show-profile.green-garden .odd-row, .show-profile.green-garden .profile-account, .show-profile.green-garden .profile-container .table tbody tr:nth-of-type(2n+1), .show-profile.crimson-rose .odd-row, .show-profile.crimson-rose .profile-account, .show-profile.crimson-rose .profile-container .table tbody tr:nth-of-type(2n+1), .show-profile.aurora-blues .odd-row, .show-profile.aurora-blues .profile-account, .show-profile.aurora-blues .profile-container .table tbody tr:nth-of-type(2n+1), .show-profile.corny-caramels .odd-row, .show-profile.corny-caramels .profile-account, .show-profile.corny-caramels .profile-container .table tbody tr:nth-of-type(2n+1) { 
    
    /*Background*/
    background-color: #162c3c !important;
}
.show-profile.lush-lavender .milestone-title, .show-profile.lush-lavender .profile-container a:hover, .show-profile.lush-lavender .title-text, .show-profile.lush-lavender h2.profile-account-title, .show-profile.lush-lavender td.bold, .show-profile.pretty-pink .milestone-title, .show-profile.pretty-pink .profile-container a:hover, .show-profile.pretty-pink .title-text, .show-profile.pretty-pink h2.profile-account-title, .show-profile.pretty-pink td.bold, .show-profile.green-garden .milestone-title, .show-profile.green-garden .profile-container a:hover, .show-profile.green-garden .title-text, .show-profile.green-garden h2.profile-account-title, .show-profile.green-garden td.bold, .show-profile.crimson-rose .milestone-title, .show-profile.crimson-rose .profile-container a:hover, .show-profile.crimson-rose .title-text, .show-profile.crimson-rose h2.profile-account-title, .show-profile.crimson-rose td.bold, .show-profile.aurora-blues .milestone-title, .show-profile.aurora-blues .profile-container a:hover, .show-profile.aurora-blues .title-text, .show-profile.aurora-blues h2.profile-account-title, .show-profile.aurora-blues td.bold, .show-profile.corny-caramels .milestone-title, .show-profile.corny-caramels .profile-container a:hover, .show-profile.corny-caramels .title-text, .show-profile.corny-caramels h2.profile-account-title, .show-profile.corny-caramels td.bold { 
    
    /*headers-text*/
    color: #00a29a !important;
}
.show-profile.lush-lavender .profile-container a, .show-profile.pretty-pink .profile-container a, .show-profile.green-garden .profile-container a, .show-profile.crimson-rose .profile-container a, .show-profile.aurora-blues .profile-container a, .show-profile.corny-caramels .profile-container a { /*other text*/
    color: #00827b !important;
}
}

@-moz-document url-prefix("https://www.horsereality.com") {
/*V1*/
/*General*/
body.background, .wildpark, .horse_banner {
    background-color: #787878 !important;
    background-blend-mode: multiply !important;
}
.center, .adver...

Reviews

No reviews yet.