Skip to content

HR Purple Dark Mode by lynxvagabond

Screenshot of HR Purple Dark Mode

Details

Authorlynxvagabond

LicenseNo License

CategoryHorseReality

Created

Updated

Size30 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fancifies the fonts and adjusts the colors of HorseReality.

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

Reviews

No reviews yet.