MHWorld Kiranico -- Gruvbox by cafuneandchill

/* ==UserStyle==
@name         MHWorld Kiranico -- Gruvbox
@version      20211122.11.12
@namespace    userstyles.world/user/cafuneandchill
@description  Change Kiranico Monster Hunter World dark theme to Gruvbox colors
@author       cafuneandchill
@license      No License
==/UserStyle== */

@-moz-document domain("mhworld.kiranico.com") {
.content-panel.color-scheme-dark .all-wrapper.solid-bg-all,
body.color-scheme-dark .all-wrapper.solid-bg-all {
    background-color: #3c3836
}

.content-panel.color-scheme-dark .content-w,
body.color-scheme-dark .content-w {
    background-color: #3c3836
}

.menu-w.color-scheme-dark .logo-w span {
    color: #ebdbb2
}

.menu-w .logo-w .logo-label::after,
.top-bar .logo-w .logo-label::after {
    background-color: #a89984
}

.menu-w .logo-w .logo-label,
.top-bar .logo-w .logo-label {
    color: #a89984
}

.content-panel.color-scheme-dark .h1,
.content-panel.color-scheme-dark .h2,
.content-panel.color-scheme-dark .h3,
.content-panel.color-scheme-dark .h4,
.content-panel.color-scheme-dark .h5,
.content-panel.color-scheme-dark .h6,
.content-panel.color-scheme-dark h1,
.content-panel.color-scheme-dark h2,
.content-panel.color-scheme-dark h3,
.content-panel.color-scheme-dark h4,
.content-panel.color-scheme-dark h5,
.content-panel.color-scheme-dark h6,
body.color-scheme-dark .h1,
body.color-scheme-dark .h2,
body.color-scheme-dark .h3,
body.color-scheme-dark .h4,
body.color-scheme-dark .h5,
body.color-scheme-dark .h6,
body.color-scheme-dark h1,
body.color-scheme-dark h2,
body.color-scheme-dark h3,
body.color-scheme-dark h4,
body.color-scheme-dark h5,
body.color-scheme-dark h6 {
    color: #ebdbb2
}

.menu-w.color-scheme-dark ul.main-menu > li > a,
.menu-w.color-scheme-dark ul.main-menu > li > a::before,
.menu-w.color-scheme-dark ul.main-menu > li > a:hover > .icon-w {
    color: #ebdbb2
}

.content-panel.color-scheme-dark,
body.color-scheme-dark {
    background-color: #282828;
    color: #ebdbb2;
}

.element-wrapper .element-header::after {
    background-color: #458588
}

.menu-w ul.main-menu > li.sub-header {
    color: #83a598
}

a {
    color: #83a598
}

a:hover {
    color: #8ec07c
}

.menu-w.sub-menu-style-inside.sub-menu-color-bright ul.main-menu > li.active > a .icon-w,
.menu-w.sub-menu-style-inside.sub-menu-color-bright ul.main-menu > li.active > a::before,
.menu-w.sub-menu-style-inside.sub-menu-color-bright ul.main-menu > li.active > a span,
.menu-w.sub-menu-style-inside.sub-menu-color-dark ul.main-menu > li.active > a .icon-w,
.menu-w.sub-menu-style-inside.sub-menu-color-dark ul.main-menu > li.active > a::before,
.menu-w.sub-menu-style-inside.sub-menu-color-dark ul.main-menu > li.active > a span {
    color: #fbf1c7
}

.menu-w.color-scheme-dark.sub-menu-style-inside .sub-menu-w ul.sub-menu li a {
    color: #fbf1c7
}

.content-panel.color-scheme-dark .breadcrumb li a,
body.color-scheme-dark .breadcrumb li a {
    color: #ebdbb2
}

.breadcrumb-item.active {
    color: #a89984
}

.btn-secondary {
    color: #ebdbb2;
    background-color: #504945;
    border-color: #1d2021
}

.content-panel.color-scheme-dark .table.table-padded tbody td,
body.color-scheme-dark .table.table-padded tbody td {
    background-color: #282828
}

.content-panel.color-scheme-dark .nav-tabs .nav-item.show .nav-link,
.content-panel.color-scheme-dark .nav-tabs .nav-item:hover .nav-link,
.content-panel.color-scheme-dark .nav-tabs .nav-link.active,
.content-panel.color-scheme-dark .nav-tabs .nav-link:hover,
body.color-scheme-dark .nav-tabs .nav-item.show .nav-link,
body.color-scheme-dark .nav-tabs .nav-item:hover .nav-link,
body.color-scheme-dark .nav-tabs .nav-link.active,
body.color-scheme-dark .nav-tabs .nav-link:hover {
    color: #ebdbb2
}

.content-panel.color-scheme-dark .nav-tabs .nav-link,
body.color-scheme-dark .nav-tabs .nav-link {
    color: #928374
}

.nav-tabs .nav-item .nav-link::after,
.nav-tabs .nav-link::after {
    background-color: #458588
}

.all-wrapper .fc-button.fc-state-active,
.btn-primary {
    background-color: #689d6a;
    border-color: #689d6a
}

.all-wrapper .fc-button.fc-state-active:hover,
.btn-primary:hover {
    background-color: #83a598;
    border-color: #83a598
}

.all-wrapper .fc-button.fc-state-active:not(:disabled):not(.disabled).active,
.all-wrapper .fc-button.fc-state-active:not(:disabled):not(.disabled):active,
.all-wrapper .show > .dropdown-toggle.fc-button.fc-state-active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #83a598;
    border-color: #83a598
}

.all-wrapper .fc-button.fc-state-active:focus,
.all-wrapper .focus.fc-button.fc-state-active,
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(69, 133, 136, .5);
}

.btn-success {
    background-color: #b8bb26;
    border-color: #b8bb26;
}

.btn-success:hover {
    background-color: #98971a;
    border-color: #98971a;
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(152, 151, 26, .5);
}
}