HoYoLab Honkai: Star Rail Tools - Dark Theme by dark-themes

/* ==UserStyle==
@name         HoYoLab Honkai: Star Rail Tools - Dark Theme
@namespace    Dark-Themes
@version      1.0.5
@description  HoYoLab Honkai: Star Rail Tools (Check-in and Honkai: Star Rail Map) Dark Theme
@author       Dark-Themes
@supportURL   https://github.com/KanashiiDev/personal-stylesheets/issues
@var checkbox custom-bg 'Custom Background Image' 0
@var text     bg_image 'Background Url' '' url ''
@var range    opacity  'Content Opacity' [1, 0.90, 1, 0.01]
@var range    bg_brightness  'Background Brightness' [100, 1, 200.0, 1,'%']
@var range    bg_saturate  'Background Saturation' [100, 1, 300.0, 1,'%']
@var range    bg_contrast  'Background Contrast' [100, 100, 300.0, 1,'%']
@var range    bg_blur  'Background Blur' [0, 0.0, 15, 1.0,'px']
@preprocessor stylus
==/UserStyle== */
@-moz-document url-prefix("https://act.hoyolab.com/sr/app/interactive-map/"),
url-prefix("https://act.hoyolab.com/bbs/event/signin/hkrpg/"), url-prefix("https://act.hoyolab.com/sr/event/calculator/") {
::-webkit-scrollbar {
  background-color: #121212!important;
  width: 8px
}
.scroll-bar--x .scroll-bar__thumb,
.scroll-bar--y .scroll-bar__thumb,
::-webkit-scrollbar-thumb {
  background-color: #464646!important
}
::-webkit-scrollbar-thumb:hover {
  background-color: #595959!important
}
.scroll-bar--y,.scroll-bar--x,
::-webkit-scrollbar-corner {
  background-color: #121212!important
}
body,
html {
  background-color: #0a0a0a!important
}
#root {
  background-color: #222!important
}
if(custom-bg) {
.components-pc-assets-__home_---home-page---2m-8BR .components-pc-assets-__home_---scroller---ZF2lsm{
  -webkit-backdrop-filter: blur(bg_blur) brightness(bg_brightness) contrast(bg_contrast) saturate(bg_saturate)!important;
          backdrop-filter: blur(bg_blur) brightness(bg_brightness) contrast(bg_contrast) saturate(bg_saturate)!important;
  background: 0 0!important
}

.components-home-assets-__home_---home-wrapper---1s2B39,
.components-home-assets-__home_---index-bg---2nEmGw {
  display: none
}
body {
  background: url(bg_image)!important;
  background-size: cover!important;
  background-attachment: fixed!important
}
}
::selection {
      background:rgba(0, 0, 0, .2)
}
.components-pc-assets-__main-module_---day---3Q5I5A::selection,
.components-pc-assets-__main-module_---desc---dTgOC-::selection,
.components-pc-assets-__dialog_---loading-text---1vrglP::selection,
.components-pc-assets-__recommend-list_---text__title---1xYgVh::selection,
.components-pc-assets-__recommend-list_---text__des---1Aa8ug::selection,
.components-pc-assets-__recommend-list_---user---3LqOy9 ::selection {
  background:rgb(44, 44, 44)
}
.language-menu__panel ul::-webkit-scrollbar {
  background: 0 0!important
}
.lang-select__popover {
  height: 480px;
  overflow-y: scroll!important
}
.mhy-hoyolab-header,
.mhy-hoyolab-header__wrapper {
  background-color: #0a0a0a!important
}
.me-share-popover--posbottom .me-share-popover__content {
  background: #000!important;
  -webkit-box-shadow: rgba(255, 255, 255, .2) 0px 0.02em 0.16em 0px!important;
          box-shadow: rgba(255, 255, 255, .2) 0px 0.02em 0.16em 0px!important
}
.map-layer-control > .inner-wrapper {
  background: #141414!important
}
.icon-clear,
.mhy-hoyolab-account-block .mhy-hoyolab-select-menu__item:hover .mhy-hoyolab-account-block__active-icon,
.mhy-hoyolab-account-block .mhy-hoyolab-select-menu__item:hover .mhy-hoyolab-account-block__arrow_icon_active,
.mhy-hoyolab-lang-selector.actived .mhy-hoyolab-lang-selector__arrow,
.mhy-hoyolab-lang-selector.actived .mhy-hoyolab-lang-selector__lang-icon,
.mhy-hoyolab-select-menu__item--selected .mhy-hoyolab-select-menu__icon {
  -webkit-filter: grayscale(1) brightness(1.5);
  filter: grayscale(1) brightness(1.5)
}
.card-filter .options .option.active .icon-wrapper::before,
.section-equipment .to-pick-equipment,
.loading-container .loading-mask,
.target-card .main:hover .card-empty{
      background-color: #262626!important
}
.search-panel .input,
.card-filter--rarity .options .option.active,
.target-card .main .card-empty,
.cost-material-wrapper,
.cost-material,
.section-item,
.mhy-hoyolab-select-menu__item:hover {
  background-color: #202020!important
}
.popup-picker,
.page-body .container .body-wrapper::before,
.page-body .container .body-wrapper::after,
.pc-page .main-wrapper .body {
  background: #121212!important
}
.trace-point--s .fg.picked,
.trace-point--s .fg.readonly,
.rounded-button,
.i-common--recycle,
.i-common--recycle:before,
.page-header .control-bar .right .changelog .icon-info::before,
.mhy-hoyolab-header .mhy-hoyolab-lang-selector,
.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-select-menu,
.mhy-hoyolab-lang-selector .mhy-hoyolab-select-menu {
  background: #161616!important
}
.input-value,
.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-select-menu__item:hover,
.mhy-hoyolab-select-menu {
  background: #181818!important
}
.trace-point--m .fg.picked{
  background-image:none!important;
  border:1px solid!important
}
[mi18n-lang=en-us] *, [mi18n-lang=id-id] *, [mi18n-lang=fr-fr] *, [mi18n-lang=vi-vn] *, [mi18n-lang=pt-pt] *, [mi18n-lang=es-es] *, [mi18n-lang=tr-tr] *, [mi18n-lang=it-it] *,
.components-pc-assets-__dialog_---qrcode---3AjWqY,
.map-layer-control .layer-control__header-m .btn-reset, .map-layer-control .layer-control__header-m .btn-ok,
.components-pc-assets-__recommend-list_---text__title---1xYgVh,
.components-pc-assets-__recommend-list_---text__des---1Aa8ug,
.layer-control__item>span,
.components-pc-assets-__main-module_---main-module---3jY8-Z .components-pc-assets-__main-module_---header-sea---1D_UPV .components-pc-assets-__main-module_---day---3Q5I5A,
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__button-text,
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current,
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__title,
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__title .map-layer-control .layer-control__group-title-name,
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header__text,
.map-layer-control .layer-control__group-title-name,
.map-switch__item-name,
.mhy-hoyolab-lang-selector.actived .mhy-hoyolab-lang-selector__current-lang,
.mhy-hoyolab-select-menu__item--selected,
.mhy-hoyolab-select-menu__item:hover,
.role-selector-sea-dropdown-menu .dropdown-menu__input,
.role-selector-sea-dropdown-menu .dropdown-menu__list__value {
  color: #bcbcbc!important
}
.lang-select__title,
.layer-control__item > span:hover,
.layer-control__title,
.map-layer-control .layer-control__footer .btn-ok {
  color: #cbcbcb!important
}
.components-pc-assets-__dialog_---task-desc---BlA_H9,
.components-pc-assets-__dialog_---empty-content---2jeCt7 .components-pc-assets-__dialog_---empty-desc---1QhB1I,
.layer-control__item>span .span-count {
  color: #999!important
}
.components-pc-assets-__dialog_---loading-text---1vrglP,
.components-pc-assets-__recommend-list_---nickname---NHH07X,
.layer-control__item > span:hover {
  color: #888!important
}
.components-pc-assets-__dialog_---default-content---3nn2MI .components-pc-assets-__dialog_---resign-btn-disabled---2CIGcU>span,
.holo-map-entrance .text {
  color: #181818!important
}
.divider-with-dot--horizontal,
.layer-control__icon,
 
.layer-control__title-wrapper::after,
.base-dialog__main,
.base-dialog__body,
.map-switch__wrapper::before {
  -webkit-filter: invert(1) brightness(80%)!important;
          filter: invert(1) brightness(80%)!important
}
.map-switch__wrapper::before {
  background: #aaa!important
}
.layercontrol-divider {
  background: #444!important
}
.cost-material {
    border:0!important
}
.section-equipment .to-pick-equipment .bg,
.target-card .main:hover .card-empty,
.cost-materials .header .right .money::before,
.cost-material-wrapper,
.section-item,
.target-card .main,
.dotted-divider .bg .line,
.dotted-divider .fg .deco::before,
.dotted-divider .fg .deco::after,
.page-body .container .header,
 .page-body .divider::after {
  border-color: #4c4c4c!important
}
.map-switch__outline--active,
.role-selector-sea-dropdown-menu .dropdown-menu__input {
  border-color: #aaa!important
}
.layer-control__item.visible > span::before,
.map-switch__star {
  -webkit-filter: invert(.4);
          filter: invert(.4)
}
.map-switch__wrapper:hover .map-switch__outline {
  border-color: #999!important
}
.map-switch__wrapper:hover:first-child {
  -webkit-filter: invert(.01);
          filter: invert(.01)
}
.mhy-map , {
    -webkit-filter:invert(1);
            filter:invert(1);
  background-color: #fff;
  opacity: 85%; 
}
.map-layer-control .layer-control__header-m .btn__icon,
.mhy-game-gis-icon__img,
.mhy-map-edge-marker__img,
.mhy-map-edge-marker__arrow,
.mhy-map .leaflet-control-zoomslider-horizon,
.leaflet-container a.leaflet-popup-close-button,
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  -webkit-filter:invert(1)!important;
          filter:invert(1)!important
}
.components-pc-assets-__main-module_---resign-btn---39OqGX,
.map-list--active,
.layer-control__m-btn,
.holo-map-entrance 
.announcement__close,
.announcement__wrapper {
  -webkit-filter: invert(.9);
          filter: invert(.9)
}
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content,
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header,
.role-selector-sea-dropdown-menu .dropdown-menu__list {
  background-color: #121212!important
}
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__button {
  background-color: #262626!important
}
.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current,
.theme-community .role-selector-sea-dropdown-menu .dropdown-menu__list__item.selected,
.theme-community .role-selector-sea-dropdown-menu .dropdown-menu__list__item:hover {
  background-color: #222
}
.role-selector-sea-dropdown-menu .dropdown-menu__input,
.role-s...