HoYoLab Genshin Tools - Dark Theme by dark-themes

/* ==UserStyle==
@name         HoYoLab Genshin Impact Tools - Dark Theme
@namespace    Dark-Themes
@version      1.1.72
@description  HoYoLab Genshin Impact Tools (Check-in, Battle Chronicle, Teyvat Interactive Map and Enchancement Progression Calculator) 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/app/community-game-records-sea/"),
url-prefix("https://act.hoyolab.com/ys/event/signin-sea-v3/"),
url-prefix("https://act.hoyolab.com/ys/app/interactive-map/"),
url-prefix("https://act.hoyolab.com/ys/event/calculator-sea/") {
::-webkit-scrollbar, {
  background-color: #121212!important;
  width: 8px
}
::-webkit-scrollbar-thumb {
  background-color: #464646!important;
&:hover {
  background-color: #595959!important
}
}
::-webkit-scrollbar-corner {
  background-color: #121212!important
}
.mhy-action-sheet__content ::-webkit-scrollbar {
  background-color: #0000!important
}
.language-menu__panel ul::-webkit-scrollbar {
  background: none!important
}
.components-home-assets-__home_---home-page---C1pMbL,
.components-home-assets-__home_---home-page---C1pMbL img{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
     -moz-user-drag: none;
      -ms-user-drag: none;
}
.components-common-common-dialog-__index_---record-dialog---3VAcqq ::selection,
.components-common-common-dialog-__index_---rule-dialog---yFgnHP ::selection{
background:rgba(238, 165, 62, .16);
}
.mhy-hoyolab-header,
.mhy-hoyolab-header__wrapper {
  background-color: #0a0a0a!important
}
.furniture .furniture-cart__list,
.calculate .lt-footer:after,
.van-dialog,
.calculate .drawer,
.calculate .search,
.calculate .search__top,
.calculate__main,
.calculate__right .item__avatar,
.map-loading-mask,
.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-lang-selector{
  background-color: #121212!important
}
.web-nav-bar,
.pc-root-layout .header-layout,
.layout,
.mhy-ys-set-layout,
.pc-ys-layout-wrapper{
  background-color: rgba(18, 18, 18,opacity - .4)!important
}
if(custom-bg) {
body > div.components-home-assets-__home_---home-page---C1pMbL.home-page,
body > div.app > .calculate,
body > div.pc-root-layout > div.bg,
body > div.components-home-assets-__home_---home-page---C1pMbL.home-page, body > div.app > .calculate {
 -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: none!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
}
body,
html {
  height:auto
}
}
.components-home-assets-__sign-content_---sign-only---FNchlF>div:before,
.components-home-assets-__sign-recom_---recommend---2_onvu>div:nth-child(2):before{
  content: '';
  position:  absolute;
  top: -0.30rem;
  bottom: -0.30rem;
  left: 0px;
  right:  0px;
    border-radius:7px;
  -webkit-box-shadow: inset 0 0 0 0.10rem #1d233e!important;
          box-shadow: inset 0 0 0 0.10rem #1d233e!important;
  outline: inset 4px rgba(255, 255, 255, .15)!important;
  -webkit-filter:blur(.4px) opacity(opacity) invert(1);
          filter:blur(.4px) opacity(opacity) invert(1)
}
.components-home-assets-__sign-extra-test_---extra---qpL7-5:before,
.components-home-assets-__sign-content-test_---sign---3dbEui:before,
.components-home-assets-__sign-content-test_---sign---3dbEui.components-home-assets-__sign-content-test_---sign-only---3RY0ZN>div:before,
.components-home-assets-__sign-recom-test_---recommend-list---3RFNPT:before{
  content: '';
  position:  absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right:  0;
    border-radius:7px;
  -webkit-box-shadow: inset 0 0 0 0.10rem #1d233e!important;
          box-shadow: inset 0 0 0 0.10rem #1d233e!important;
  outline: inset 4px rgba(255, 255, 255, .15)!important;
  -webkit-filter:blur(.4px) opacity(opacity) invert(1);
          filter:blur(.4px) opacity(opacity) invert(1)
}
.components-home-assets-__sign-recom-test_---recommend-list---3RFNPT:before{
 left:auto!important;
 right:auto!important;
 margin-left:-0.3rem;
 width:10.2rem
}    
.components-home-assets-__sign-recom_---recommend-bottom---zXkGXp,
.components-home-assets-__sign-content_---sign-bottom---1ducvs {
  z-index: -1;
  position:relative
}
.components-home-assets-__sign-recom-test_---recommend-more---_kUuWL,
.components-home-assets-__sign-recom_---recommend-title---3VmyP8,
.components-home-assets-__sign-content_---sign---3eZVER .components-home-assets-__sign-content_---header-right---1T5roi,
.components-home-assets-__sign-content-test_---sign-list---3Nz_jn,
.components-home-assets-__sign-content-test_---sign---3dbEui .components-home-assets-__sign-content-test_---more-wrapper---oT8dlD{
  z-index:122!important;
  position:relative
}
.custom-correct-modal .el-textarea,
.route-create__flex .el-form-item__label,
.tcg-detail .role,
.lantern div.top,
.lantern .item .inner,
.lantern .item:before,
.tcg-types,
.tcg-menus,
.mushroom .book,
.calculate .search,
.calculate .drawer,
.calculate .search__top,
.calculate__content,
.furniture .furniture-cart__list,
.calculate .lt-footer:after,
#anchor_activity > div.relative > div.act-container > div > div.hsr-crt-act-btm > div > div > div.top,
#anchor_activity > div.relative > div.adventure > div.container > div.top{
  background:none!important
}
.calculate__main,
body > div.app > div > div.top,
.mhy-summer-v2-story .layout-container{
  background-color:rgba(18, 18, 18, opacity)!important
}
.mushroom .layout {
  background:rgba(18, 18, 18, opacity)!important
}
.lantern,
.components-home-assets-__sign-content_---sign-only---FNchlF,
.components-home-assets-__sign-recom_---recommend---2_onvu {
  -webkit-filter:opacity(opacity);
          filter:opacity(opacity)
}
.components-home-assets-__sign-link_---sign-link---fd75kG {
  -webkit-filter: invert(.99) contrast(.94)opacity(opacity);
  filter: invert(.99) contrast(.94)opacity(opacity)
}
.filter-panel__body-left,
.filter-route__body-left {
  background-color: #141414!important
}
body > div.activity-popup.van-popup.van-popup--center,
.geetest_wind.geetest_panel .geetest_panel_box,
.geetest_holder.geetest_silver .geetest_widget,
.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__container,
.mhy-hoyolab-header .mhy-hoyolab-lang-selector,
.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-select-menu,
.tablet-tips {
  background-color: #161616!important
}
.tcg-detail > div.battle > div.content > div.dialog.van-popup.van-popup--center > .container > .container-pc,
.tcg-menus .c-title-selector-titles,
.van-popup.van-popup--center.rounded-xl,
.chart-content,
.filter-ascension__container,
.area-list__container,
.area-list__dropdown,
.tcg-right-p,
.calculate .lt-footer,
.furniture-cart__item,
.calculate .drawer__item-item,
.calculate .search__top-input,
.calculate .top-main .module__item,
.cost-list__group,
.exploration-card,
.filter-panel__types-item--selected-special,
.filter-panel__types-item--selected,
.filter-panel .correct-modal,
.filter-panel .custom-correct-modal,
.filter-panel .custom-manage,
.filter-panel__content,
.filter-route__dropdown,
.filter-route__dropdown-content,
.filter-search,
.game-role-selector-sea__button.disabled,
.item--syw,
.map-locations__dropdown-content,
.mhy-hoyolab-select-menu,
.modal__content,
.popper,
.role,
.route-list,
.theme-genshin .role-selector-sea-dropdown-menu .dropdown-menu__input,
.timer-list,
.updatelog,
.billboard,
.updatelog__content,
.user-guide .driver-popover-title,
div.me-share-popover.me-share-popover--posbottom.me-share-popover--arrowright > div.me-share-popover__content {
  background-color: #181818!important
}
.common-avatar__avatar {
  background-color: #1f1f1f!important;
  -webkit-transition: .1s ease-in;
  -o-transition: .1s ease-in;
  transition: .1s ease-in; 
  border-color: #1f1f1f!important
}
.tcg-card-popup-btn,
.el-form-item__content > .el-textarea,
.link-modal .el-dialog,
.area-list__dropdown li,
.confirm-dialog .el-dialog,
.tablet-tips-box {
  background-color: #202020!important
}
.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-select-menu__item:hover,
.filter-route__btn,
.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__current,
.map-locations__btn,
.mhy-map__action-btn {
  background-color: rgba(32,32,32,.8)!important
}
.chart-item,
.news-ticker,
.filter-panel__search-area__inner,
.filter-panel__labels-ascension,
.furniture-cart__item .item-count-operator,
.recommend-popup:after,
.filter-item__img,
.filter-panel .recommend-popup,
.map-list__dropdown,
.mhy-action-sheet__content,
.role-selector-sea-dropdown-menu .dropdown-menu__list,
.search__history-item,
.leaflet-popup-content-wrapper,
.strong-tip-closable {
  background-color: #222!important
}
.filter-search__history-word,
.link-modal__btn--cancel, 
.link-modal__btn--confirm,
.area-list__pc-btn,
.import-modal__wrap .import-modal .import-input input,
.calculate .select-input__selector,
.calculator .select-input,
.confirm-dialog__btn,
.confirm-dialog__input input,
.confirm-dialog__input-area textarea,
.correct-modal .el-textarea__inner,
.crystal-buff-info ...