// ==UserScript==
// @name HH - CSS Darkmode
// @namespace Haremheroes
// @version 0.0.0.3
// @description Adding CSS here and there in the ♥Hentai Heroes game♥
// @author !♥Koͨmͧiͭnͥoͤ Style♥!
// @match http*://nutaku.haremheroes.com/*
// @match http*://*.hentaiheroes.com/*
// @require https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js
// @run-at document-end
// @grant none
// @license MIT
// ==/UserScript==
/* =========
GENERAL
========= */
// Define jQuery
var $ = window.jQuery;
// Define CSS
var sheet = (function() {
var style = document.createElement('style');
document.head.appendChild(style);
return style.sheet;
})();
var CurrentPage = window.location.pathname;
//Function Lightbox
$(document).ready(function() {
//include lightbox css
$(document.head).append(
'<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" rel="stylesheet" type="text/css">'
);
//define own css
defineCss();
});
//Adding some CSS script
function defineCss()
{
//Main Css
sheet.insertRule('.base_block {'
+ 'background: #000000 repeat !important;'
+ 'box-shadow: 0 3px 10px 0 #000 !important;'
+ 'border: solid #ff7300 1px !important;}'
);
sheet.insertRule('.sub_block {'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.hh_tooltip_new {'
+ 'border: 1px solid #ff6700 !important;'
+ 'background-color: rgb(0 0 0 / 90%) !important;'
+ 'color: #fff !important;}'
);
sheet.insertRule('.have_arrows.align-top:before {'
+ 'border: 10px solid transparent !important;'
+ 'top: auto !important;'
+ 'bottom: -19.5px !important;'
+ 'border-top-color: #ff6700 !important;}'
);
sheet.insertRule('.have_arrows.align-top:after {'
+ 'border: 9px solid #ff000000 !important;'
+ 'top: auto !important;'
+ 'bottom: -17px !important;'
+ 'border-top-color: rgb(0 0 0) !important;}'
);
sheet.insertRule('.have_arrows.align-bottom:before {'
+ 'border: 10px solid transparent !important;'
+ 'top: -19.5px !important;'
+ 'border-bottom-color: #ff6700 !important;}'
);
sheet.insertRule('.have_arrows.align-bottom:after {'
+ 'border: 9px solid #ff000000 !important;'
+ 'top: -17px !important;'
+ 'border-bottom-color: rgb(0 0 0) !important;}'
);
//Harem
sheet.insertRule('.global-container {'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
);
//Harem Left
sheet.insertRule('#harem_left {'
+ 'box-shadow: 0 0 5px #bd284b7d, inset 0 0 8px #bd284b !important;'
+ 'background-color: rgb(79 34 46 / 0%) !important;}'
);
sheet.insertRule('#harem_left div.girls_list {'
+ 'box-shadow: inset 0 -35px 30px -34px #3c121d00;}'
);
sheet.insertRule('#harem_left div.girls_list.grid_view {'
+ 'border-top: 1px solid #bd284b;'
+ 'border-bottom: 1px solid #bd284b;}'
);
//OCD Script info
sheet.insertRule('#TabsContainer {'
+ 'position: absolute; '
+ 'z-index: 99; '
+ 'bottom: 69px; '
+ 'left: 17px; '
+ 'width: 240px !important; '
+ 'height: 270px !important; '
+ 'overflow-y: scroll; '
+ 'box-sizing: content-box; '
+ 'border: 1px solid rgb(156, 182, 213); '
+ 'box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.3) !important; '
+ 'font: normal 10px/16px Tahoma, Helvetica, Arial, sans-serif; '
+ 'color: #ffffff !important; '
+ 'background: #000000f0 !important; '
+ 'display: flex;}'
);
//Club
sheet.insertRule('.inner_club_tables>.lead_table_view::after {'
+ 'opacity: 0;}'
);
sheet.insertRule('.club-wrapper>.club-container {'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
+ 'background-size: auto !important;'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
);
//Club Details
sheet.insertRule('.club_dashboard .club_information.light_subpanel_box {'
+ 'box-shadow: 0 0 5px rgb(45 8 17 / 0%), inset 0 0 8px rgb(0 255 87 / 0%) !important;}'
);
sheet.insertRule('.light_subpanel_box {'
+ 'background-color: rgb(0 0 0 / 50%) !important;'
+ 'background-image: linear-gradient(to right,#65273a00 0,rgb(116 63 88 / 0%) 100%) !important;'
+ 'box-shadow: 0 0 5px rgb(45 8 17 / 0%), inset 0 0 8px rgb(0 255 87 / 0%) !important;}'
);
sheet.insertRule('.club_dashboard .club_information>.dark_subpanel_box {'
+ 'border: 1px solid #bd284b !important;}'
);
sheet.insertRule('.club_dashboard .club_information .line {'
+ 'background-color: #bd284b !important;}'
);
sheet.insertRule('.club_dashboard table tbody tr:hover {'
+ 'background-color: #cc1141 !important;}'
);
//Club Champ Container
sheet.insertRule('.club-wrapper>.club-container .club_champions_details_container {'
+ 'background: linear-gradient(to bottom,#743f5800 0%,#65273a00 0%) !important;}'
);
sheet.insertRule('.club_champions_bar_container {'
+ 'box-shadow: #fff 0px 0px 0px 0.1px !important;}'
);
sheet.insertRule('#club_champions_help_popup .club_champions_help_container {'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;}'
);
//Club Upgrade Container
sheet.insertRule('.dark_subpanel_box {'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;'
+ 'background-color: #00000000;}'
);
//Profil
//left
sheet.insertRule('.hero_info > .top {'
+ 'border: 1px solid rgb(255 255 255);'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.hero_info>.top>h3 {'
+ 'color: rgb(4 168 233); !important;}'
);
sheet.insertRule('.hero_info>.bottom {'
+ 'border: 1px solid rgb(255 255 255);'
+ 'width: 233px;height: 308px;'
+ 'margin: 8px;'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.hero_info {'
+ 'color: rgb(4 168 233); !important;'
+ 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
);
//right
sheet.insertRule('.harem_page>.team_stats>div, .profile_page>.team_stats>div {'
+ 'border: 1px solid rgb(255 255 255);'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.harem_page>.team_stats, .profile_page>.team_stats {'
+ 'color: rgb(4 168 233); !important;'
+ 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
);
//Profile Girlshowcase
sheet.insertRule('.harem_page .slot.girls {'
+ 'background: rgb(0 0 0 / 30%);'
+ 'border: 1px solid rgb(255 255 255 / 69%);}'
);
sheet.insertRule('.harem_page .change_background, .harem_page .change_girl {'
+ 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
);
sheet.insertRule('.harem_page .change_background>.container, .harem_page .change_girl>.container {'
+ 'background: rgb(0 0 0 / 50%) !important;}'
);
sheet.insertRule('.harem_page .change_girl>select {'
+ 'color: rgb(4 168 233); !important;'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.harem_page .change_girl>input {'
+ 'border: 1px solid #fff !important;'
+ 'color: rgb(4 168 233); !important;'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.harem_page .slot.girls:hover {'
+ 'background: rgb(204 17 65 / 50%);}'
);
//Profile Editor
sheet.insertRule('.edit_content_tabs {'
+ 'background: #000000 url(https://hh2.hh-content.com/harem_girl_bg.svg) !important;}'
);
sheet.insertRule('.edit_content_tabs>#avatar, .edit_content_tabs>#character, .edit_content_tabs>#profile, .edit_content_tabs>#theme {'
+ 'background: rgb(0 0 0 / 50%) !important;}'
);
sheet.insertRule('.edit_content_tabs>#profile>.username>input {'
+ 'border: 1px solid #fff !important;'
+ 'color: rgb(4 168 233); !important;'
+ 'background: rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.slot {'
+ 'box-shadow: inset 0 0 5px 0 rgb(255 255 255 / 69%);}'
);
//Season
sheet.insertRule('.seasons_bgr {'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
);
sheet.insertRule('.reward_placeholder {'
+ 'background-color: rgb(59 19 35 / 0%);}'
);
sheet.insertRule('.info_bgr {'
+ 'background-image: linear-gradient(to top,rgb(0 0 0) 0,rgb(0 0 0 / 85%) 1%,rgb(0 0 0 / 85%) 100%);}'
);
//Leaderboard
sheet.insertRule('.leaderboard_list {'
+ 'border-top: 1px solid #bd284b !important;'
+ 'border-bottom: 1px solid #bd284b !important;}'
);
sheet.insertRule('.leaderboard_row_active {'
+ 'background-color: #cc1141 !important;'
+ 'border: 1px solid #000000 !important;}'
);
//Activities
//Place of Power
sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb>.pop_thumb_progress_bar .hh_bar .frontbar {'
+ 'height: 8px; !important;'
+ 'box-shadow: 1px 0 0 rgb(187 17 68) !important;'
+ 'background-image: linear-gradient(180deg,rgb(255 17 85) 0,rgb(187 17 50) 100%) !important;}'
);
sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb_selected {'
+ 'background-color: rgb(255 184 39) !important;'
+ 'border-color: rgb(255 138 0) !important;}'
);
sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb_selected .pop_thumb_progress_bar {'
+ 'background-color: #00000000 !important;}'
);
sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb {'
+ 'border: 3px solid #cc1145 !important;'
+ 'background-color: #000000 !important;}'
);
sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb > .pop_thumb_level {'
+ 'background-color: rgb(0 0 0 / 69%) !important;'
+ 'right: 1px !important;}'
);
sheet.insertRule('#pop .pop_list .pop_list_scrolling_area .pop_thumb > .pop_thumb_progress_bar {'
+ 'background-color: #00000000 !important;}'
);
sheet.insertRule('#pop .pop_right_part>.grid_view div[girl]:hover {'
+ 'background-color: #cc1141 !important;}'
);
sheet.insertRule('#pop .pop_right_part>.grid_view div[girl].assigned {'
+ 'background-color: #70243600 !important;'
+ 'border: 2px solid #cc1141 !important;}'
);
sheet.insertRule('#pop .pop_central_part>.pop_active_sign {'
+ 'background-color: #290f1600 !important;'
+ 'border: 2px solid #cc1141 !important;}'
);
sheet.insertRule('.PopIDs {'
+ 'z-index: 500 !important;'
+ 'position: absolute !important;'
+ 'margin-top: 25px !important;'
+ 'margin-left: 5px !important;'
+ 'text-shadow: 1.5px 1.5px 0px #bb1144 !important;}'
);
//Contest
sheet.insertRule('#contests>div>div.left_part>.scroll_area>.nicescroll-rails {'
+ 'background-color: rgb(0 0 0 / 0%) !important;}'
);
sheet.insertRule('#contests>div>div.right_part .over_panel {'
+ 'background: rgb(0 0 0 / 69%) !important;'
+ 'border-top: 1px solid #bd284b;'
+ 'border-bottom: 1px solid #bd284b;}'
);
sheet.insertRule('#contests>div>div.right_part>.ranking table tbody tr:hover {'
+ 'background-color: #cc1145 !important;}'
);
sheet.insertRule('#contests>div>div.left_part>.scroll_area>.contest>.contest_header.contest_header_active {'
+ 'border-color: #cc1145 !important;}'
);
sheet.insertRule('#contests > div > div.left_part > .scroll_area > .contest > .contest_body > .contest_rewards > .reward_position {'
+ 'background: rgb(0 0 0 / 0%) !important;}'
);
sheet.insertRule('#contests>div>div.left_part>.scroll_area>.contest>.contest_body>.contest_rewards>.reward_position.pink {'
+ 'background-color: #244770 !important;'
+ 'border: 2px solid #347098 !important;}'
);
//Market
sheet.insertRule('#shops>div.base_block {'
+ 'background-image: url(https://hh2.hh-content.com/market_bg.svg) !important;}'
);
//League
sheet.insertRule('.lead_table .lead_table_view::after {'
+ 'opacity: 0 !important;}'
);
sheet.insertRule('.lead_table table tbody tr {'
+ 'background-color: rgb(191 40 90 / 0%);}'
);
//Player Info
sheet.insertRule('.player_block {'
+ 'background-color: rgb(0 0 0) !important;'
+ 'background-image: linear-gradient(to right,rgb(0 0 0) 0,rgb(0 0 0) 100%) !important;'
+ 'box-shadow: 0 0 5px #bd284b7d, inset 0 0 8px #bd284b; !important;}'
);
//Tower of Fame
//Club
sheet.insertRule('.club-popup .members-table .lead_table_view::after {'
+ 'background: linear-gradient(to top,#63213400,rgba(0,0,0,0)) !Important;}'
);
sheet.insertRule('.lead_table table tbody tr:hover {'
+ 'background-color: #cc1145 !important;}'
);
//Troll fight
sheet.insertRule('#arena .base_block, #battle .base_block, #battle_change_team .base_block {'
+ 'background-image: url(https://hh2.hh-content.com/battle_bg.svg) !important;}'
);
//Pachinko
//Epic
sheet.insertRule('.playing-zone[type-panel=epic] .container {'
+ 'background-color: #000000 !important;'
+ 'box-shadow: 0 0 20px rgb(192 0 72 / 50%), inset 0 0 50px rgb(192 0 72 / 40%) !important;'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
);
//Mythic
sheet.insertRule('.playing-zone[type-panel=mythic] .container {'
+ 'background-color: #000000 !important;'
+ 'box-shadow: 0 0 20px rgb(255 144 0 / 50%), inset 0 0 50px rgb(255 144 0 / 40%) !important;'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
);
//Great
sheet.insertRule('.playing-zone[type-panel=great] .container {'
+ 'background-color: #000000 !important;'
+ 'box-shadow: 0 0 20px rgb(13 165 79 / 50%), inset 0 0 50px rgb(13 165 79 / 40%) !important;'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
);
//Event
sheet.insertRule('.playing-zone[type-panel=event] .container {'
+ 'background-color: #000000 !important;'
+ 'box-shadow: 0 0 20px rgb(23 14 214 / 50%), inset 0 0 50px rgb(23 14 214 / 40%) !important;'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) !important;}'
);
//Sex Champions
//Reception Desk
sheet.insertRule('.help-screen-border-gradient .help-screen-container {'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;}'
);
sheet.insertRule('.dark_subpanel_box_border {'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;'
+ 'background-color: #00000000 !important;}'
);
sheet.insertRule('.help-screen-border-gradient .hidden-item {'
+ 'filter: brightness(100) !important;}'
);
//Event
sheet.insertRule('.girl-where-to-find {'
+ 'background: #000000 !important;'
+ 'border: 2px solid #cc1141 !important;}'
);
sheet.insertRule('.new_girl_info {'
+ 'background: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png) center,rgb(0 0 0 / 69%) !important;}'
);
sheet.insertRule('.new_girl_info .girl_tooltip_positions {'
+ 'background-color: #00000000 !important;}'
);
//Special container
//Infobox
sheet.insertRule('.container-special-bg {'
+ 'background-image: url(https://hh2.hh-content.com/pictures/design/dex_bg_pattern.png),linear-gradient(to top,#000000 0,#000000 1%,#000000 100%) !important;'
+ 'box-shadow: inset 0 0 40px 15px #66203400 !important;}'
);
//Paymentbox - Daily
sheet.insertRule('#popups #no_HC #popup_daily_rewards {'
+ 'background-color: rgb(0 0 0 / 0%) !important;}'
);
sheet.insertRule('#popups #no_HC #popup_daily_rewards .daily_rewards_week_container .daily_reward_container.reward_current {'
+ 'background: #70243600 !important;'
+ 'border: 3px solid #cc1141 !important;}'
);
sheet.insertRule('#popups #no_HC #popup_daily_rewards .daily_rewards_week_container .daily_reward_container .daily_rewards_index.daily_rewards_next {'
+ 'color: #cc1141 !important;}'
);
//Paymentbox - MonthlyCard
sheet.insertRule('#popups #no_HC .monthly_card .product-background {'
+ 'background: url(https://hh2.hh-content.com/pictures/design/payments/ic_HH-logo.png) center,rgb(0 0 0 / 69%) !important;'
+ 'background-repeat: no-repeat !important;'
+ 'background-size: 160px !important;'
+ 'background-position: center 100px !important;}'
);
//Paymentbox - Bundles
sheet.insertRule('#popups #no_HC .bundles .product-background, #popups #no_HC .monthly_card .product-background {'
+ 'background: rgb(0 0 0) !important;}'
);
//Paymentbox - Kobans
sheet.insertRule('#popups #no_HC .product-background.standalone[bg] {'
+ 'background-color: black !important;}'
);
//Paymentbox - Season
sheet.insertRule('#sp_image_container {'
+ 'background-color: rgb(0 0 0 / 0%) !important;}'
);
//POPUPS - KominoStyle Only
sheet.insertRule('#popups>div:not(.notifs):not(#hero_pages):not(#rewards_popup), #sliding-popups>div:not(.notifs):not(#hero_pages):not(#rewards_popup) {'
+ 'background: linear-gradient(110deg, rgb(0, 0, 0) 3%, rgb(204, 17, 65) 30%, rgb(204, 15, 78) 50%, rgb(204, 17, 65) 70%, rgb(0, 0, 0) 97%) rgb(0, 0, 0) !important;}'
);
sheet.insertRule('#popups b, #sliding-popups b {'
+ 'color: #ffc500 !important;}'
);
sheet.insertRule('#popups>#no_energy_challenge>div>.promo_price, #popups>#no_energy_fight>div>.promo_price, #popups>#no_energy_kiss>div>.promo_price, #popups>#no_energy_quest>div>.promo_price, #sliding-popups>#no_energy_challenge>div>.promo_price, #sliding-popups>#no_energy_fight>div>.promo_price, #sliding-popups>#no_energy_kiss>div>.promo_price, #sliding-popups>#no_energy_quest>div>.promo_price {'
+ 'color: #000 !important;'
+ 'text-shadow: -2px 0 #cc1141, 0 2px #cc1141, 2px 0 #cc1141, 0 -2px #cc1141 !important;}'
);
sheet.insertRule('#popups>#no_energy_challenge>div>.promo_cross, #popups>#no_energy_fight>div>.promo_cross, #popups>#no_energy_kiss>div>.promo_cross, #popups>#no_energy_quest>div>.promo_cross, #sliding-popups>#no_energy_challenge>div>.promo_cross, #sliding-popups>#no_energy_fight>div>.promo_cross, #sliding-popups>#no_energy_kiss>div>.promo_cross, #sliding-popups>#no_energy_quest>div>.promo_cross {'
+ 'color: #000 !important;'
+ 'text-shadow: -2px 0 #cc1141, 0 2px #cc1141, 2px 0 #cc1141, 0 -2px #cc1141 !important;}'
);
sheet.insertRule('#popups>#popup_credits>.credits_box, #sliding-popups>#popup_credits>.credits_box {'
+ 'background: rgb(0 0 0 / 20%);'
+ 'color: #fff;}'
);
sheet.insertRule('#popups .popup_view_v2#confirm_pachinko, #popups .popup_view_v2#confirmation_popup {'
+ 'box-shadow: inset 0 0 40px 15px #00000000 !important;}'
);
sheet.insertRule('#popups #rewards_popup .flex-container .subtitle_special_color, #sliding-popups #rewards_popup .flex-container .subtitle_special_color {'
+ 'color: #cc1141 !important;}'
);
/*
//!♥Koͨmͧiͭnͥoͤ Style♥!
//Club Chat - KominoStyle Only
sheet.insertRule('.chat-absolute-position {'
+ 'width: 869px;'
+ 'height: 869px;}'
);
//HH-Logo - KominoStyle Only
sheet.insertRule('.hh_logo {'
+ 'background: url(https://puu.sh/Hy0HH/b89e8bd8ba.png) center center no-repeat;'
+ 'background-size: contain;}'
);
sheet.insertRule('body>div>header>a.hh_logo {'
+ 'width: 59px;'
+ 'height: 36px;}'
);
*/
//Eye Safer
sheet.insertRule('body {'
+ 'background-color: black;}'
);
}
