// ==UserScript==
// @name         ChubVenusThemer
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  A theme for ChubVenus, just replace the variables with the colors you want. It does not affect however the LeaderBoard and Subscription pages
// @author       A horny bastard
// @match        https://venus.chub.ai/*
// @grant          GM_addStyle
// @license      MIT
// @downloadURL none
// ==/UserScript==
/* Change Color */

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

//Replace these hexadecimal values with the colors you want
var hyperlinkColor = '#ff0000';
var backgroundColor = '#8abae9';
var textColor = '#FFFFFF'; //textcolor for actions with **
var actionsTextColor = '#000000';
var bannerColor = '#FFC0CB';
var chatBoxBackgroundColor = '#557cbd'; //also affects the login box
var warningBarColor = '#692796';
var defaultButtonColor = '#cf2b9e';
var secondaryButtonColor = '#c918bb';
var cardColor = '#FFC0CB';
var cardRibbonColor = '#FFFFFF';
var cardRibbonTextColor = '#b410eb';
var cardBorderColor = '#FFFFFF';
var cardTextColor = '#b410eb';
var cardActionsTextColor = '#FFFFFF';
var tagBorderColor = '#FFFFFF'; //also affects radio button color when unchecked
var radioButtonUncheckedColor = '#FFFFFF';
var radioButtonCheckedColor = '#8abae9';
var categoryToolbarPrimaryBackgroundColor = '#FFC0CB';
var categoryToolbarSecondaryBackgroundColor = '#FFC0CB';
var categoryToolbarBorderColor = '#FFFFFF';
var categoryTextColor = '#b410eb';
var dropdownMenuBackgroundColor =  '#FFFFFF';
var dropdownMenuTextColor = '#b410eb';
var leaderBoardTableBackgroundColor = '#FFFFFF';

//Down below is the CSS being altered and divided in categories

//GENERAL
addGlobalStyle('a {color: ' + hyperlinkColor + '!important}'); //hyperlinks color
addGlobalStyle('p { color: ' + textColor + ' !important'); //text color
addGlobalStyle('.venus-css-override .ant-layout { background: ' + backgroundColor + ' }'); //background color
addGlobalStyle(':where(.css-hz1je1).ant-input { background: ' + chatBoxBackgroundColor + ' }'); //textbox color
addGlobalStyle(':where(.css-hz1je1).ant-layout-header { color:' + textColor + '; background-color: pink }'); //top banner border
addGlobalStyle(':where(.css-hz1je1).ant-menu-dark, :where(.css-hz1je1).ant-menu-dark>.ant-menu { color: ' + textColor + '; background-color: pink }'); //banner color
addGlobalStyle(':where(.css-hz1je1).ant-layout-footer { ext-align: center; argin-top: 0px; adding-top: 4rem; background-color: ' + backgroundColor + ' !important ;padding-bottom: 8rem; }'); //footer
addGlobalStyle('.bg-indigo-900 { background-color: ' + warningBarColor + ' }'); //warning bar first layer
addGlobalStyle('.bg-indigo-800 { background-color: ' + warningBarColor + ' }'); //warning bar second layer

//MODALS
addGlobalStyle(':where(.css-hz1je1).ant-modal .ant-modal-content { background: ' + chatBoxBackgroundColor + ' !important; }'); //API modal
addGlobalStyle(':where(.css-hz1je1).ant-modal .ant-modal-header { background: ' + chatBoxBackgroundColor + ' !important; }'); //modal header

//TAGS
addGlobalStyle(':where(.css-hz1je1).ant-tag-error { color: ' + textColor + '; background-color: pink; border: 1px solid white }'); //textbox color'); //tags
addGlobalStyle(':where(.css-hz1je1).ant-tag { color: ' + textColor + '; background-color: pink; border:1px solid white }'); //textbox color'); //tags
//TAGLIST MENU
addGlobalStyle('.ant-select-selector {background-color: ' + dropdownMenuBackgroundColor + ' !important; color: ' + dropdownMenuTextColor + ';}'); //tag list colors
addGlobalStyle(':where(.css-hz1je1).ant-select-dropdown {background-color: ' + dropdownMenuBackgroundColor + ' !important;}'); //tag menu dropdown background
addGlobalStyle(':where(.css-hz1je1).ant-select-dropdown .ant-select-item {color: ' + dropdownMenuTextColor + ' !important;}'); //tag menu dropdown text color
addGlobalStyle('.ant-radio-inner {background-color: white !important; border-color: ' + radioButtonUncheckedColor + ' !important}'); //radio input background unchecked
addGlobalStyle(':where(.css-hz1je1).ant-radio-wrapper .ant-radio-checked .ant-radio-inner {background-color: pink !important; border-color: ' + radioButtonCheckedColor + ' !important}'); //radio input background checked

//LOGIN
addGlobalStyle(':where(.css-hz1je1).ant-input-affix-wrapper { background-color: '+ chatBoxBackgroundColor +';}');

//CHAT
addGlobalStyle('em { color: '+ actionsTextColor +' !important'); //textcolor for actions with **
addGlobalStyle(':where(.css-hz1je1).ant-collapse .ant-collapse-content { color: ' + textColor + '; background-color: ' + backgroundColor + ' }'); //textbox color');
addGlobalStyle(':where(.css-hz1je1).ant-btn-default { color: ' + textColor + '; background-color: '+ defaultButtonColor +' }'); //default button color');
addGlobalStyle(':where(.css-hz1je1).ant-btn-primary { color: ' + textColor + '; background-color: '+ secondaryButtonColor +' }'); //primary button color');
addGlobalStyle(':where(.css-hz1je1).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: ' + textColor + '; background-color: '+ defaultButtonColor +' }'); //like button
addGlobalStyle(':where(.css-hz1je1).ant-radio-button-wrapper { color: ' + textColor + '; background-color: '+ secondaryButtonColor +' }'); //textbox color'); //dislike button

//CARDS
addGlobalStyle(':where(.css-hz1je1).ant-card {background-color: ' + cardColor + ' !important ; border-color: white !important;}'); //cards
addGlobalStyle('.mb-2 { color: ' + cardTextColor + ' }'); //card description text color
addGlobalStyle('.ant-card-head { color: ' + cardTextColor + ' !important}'); //card head
addGlobalStyle('.ant-card-meta-description { color: ' + cardTextColor + ' !important}'); //card body
addGlobalStyle('.ant-radio-button-wrapper {border-color: ' + cardBorderColor + ' !important}'); //card border color
addGlobalStyle(':where(.css-hz1je1).ant-card .ant-card-actions {color: '+ cardActionsTextColor +'; background-color: ' + cardColor + '; border-color: ' + cardBorderColor + '}'); //card actions
addGlobalStyle('.fake-ribbon {background-color: ' + cardRibbonColor + '}'); //ribbon
addGlobalStyle(':where(.css-hz1je1).ant-card {color: ' + cardRibbonTextColor + '}'); //ribbon text color

//CATEGORY TOOLBAR
addGlobalStyle(':where(.css-hz1je1).ant-segmented {background-color: ' + categoryToolbarPrimaryBackgroundColor + ' !important ; border-color: ' + categoryToolbarBorderColor + ' !important;}');
addGlobalStyle(':where(.css-hz1je1).ant-segmented .ant-segmented-item-selected {background-color: ' + categoryToolbarSecondaryBackgroundColor + ' !important ; border-color: ' + categoryToolbarBorderColor + ' !important; color: ' + categoryTextColor + '}'); //Selected Category
addGlobalStyle(':where(.css-hz1je1).ant-pagination .ant-pagination-item-active {background-color: ' + categoryToolbarSecondaryBackgroundColor + ' !important ; border-color: ' + categoryToolbarBorderColor + ' !important; color:  ' + categoryTextColor + '}'); //Page display
addGlobalStyle(':where(.css-hz1je1).ant-pagination .ant-pagination-options-quick-jumper input {background-color: ' + categoryToolbarSecondaryBackgroundColor + ' !important ; border-color: ' + categoryToolbarBorderColor + ' !important; color: ' + categoryTextColor + '}'); //page jumper

//DROPDOWN MENU
addGlobalStyle(':where(.css-hz1je1).ant-dropdown .ant-dropdown-menu, :where(.css-hz1je1).ant-dropdown-menu-submenu .ant-dropdown-menu {background-color: ' + dropdownMenuBackgroundColor + ' !important; color: ' + dropdownMenuTextColor + ';'); //Notifications
addGlobalStyle('.ant-dropdown-menu {background-color: ' + dropdownMenuBackgroundColor + ';}'); //Dropdown Menu Background Color
addGlobalStyle('.ant-dropdown-menu-item {color: ' + dropdownMenuTextColor + ' !important;}'); //Dropdown Menu Background Color

//CHAT TREE
addGlobalStyle(':where(.css-hz1je1).ant-drawer .ant-drawer-content { background: ' + backgroundColor + ' }');
addGlobalStyle('.message-details { color: ' + textColor + '; background-color: '+ cardColor +' }');

//SHARE NOTICE
addGlobalStyle(':where(.css-hz1je1).ant-message .ant-message-notice .ant-message-notice-content { background: ' + backgroundColor + ' }');