Kokoro Bot: The Ultimate Server Companion with Auto-Mod, Minigames, Greetings, Birthdays, Counting, Join to Create and More!

Kokoro

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bot Page</title>
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Nunito', sans-serif;
            background: url('https://i.imgur.com/9ubaObQ.jpeg') repeat;
            color: #5a3d31; /* Brown color */
            margin: 0;
            padding: 0;
            filter: brightness(1.1); /* Increase brightness by 20% */
        }
        h1, h2, h3, h4, h5, h6, p, a, span, svg, div, path, button {
            color: #7a635a !important;
        }
        button {
            background: #f6d5D2;
        }
        .header {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 5px;
            background-color: rgba(255, 102, 115, 0.623); /* Semi-transparent background */
        }
        .main {
            padding: 20px;
        }
        .promo-image {
            width: 100%;
            max-width: 500px;
            height: auto;
            margin: 20px 0;
        }
        /* details */
        .gCcCuZ .Icons__CircleFill-sc-v2gr92-1,
        .gCcCuZ .Icons__Fill20-sc-v2gr92-7{
            fill:#7a635a;
        }
        .gCcCuZ .Icons__Stroke-sc-v2gr92-3,
        .gCcCuZ .Icons__CircleStroke-sc-v2gr92-2{
            stroke:#7a635a;
        }
        /* server */
        .gCcCuZ .Icons__Stroke20-sc-v2gr92-8,
        .gCcCuZ .Icons__Stroke-sc-v2gr92-3{
            stroke:#7a635a;
        }
        .gCcCuZ .Icons__Fill20-sc-v2gr92-7{
            fill:#7a635a;
        }
        /* reply text */
        .chakra-textarea.css-4ekkxn{
            background: #f6d5D2;
            color:#7a635a;
            padding: 8px 16px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        .chakra-textarea.css-4ekkxn:hover{
            background: #f2f2f2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* creator */
        .chakra-link.chakra-stack.css-hu2w01{
            background: transparent;
            padding: 8px 16px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        .chakra-link.chakra-stack.css-hu2w01:hover{
            background: transparent; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            transform: scale(1.05);
        }
        /* sumit */
        .chakra-button.css-1yj52hg{
            background: #f6d5D2;
            padding: 8px 16px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        .chakra-button.css-1yj52hg:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* reply */
        .chakra-offset-slide.chakra-button.css-ykbc82{
            background: #f6d5D2;
            padding: 8px 16px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        .chakra-button.css-ykbc82:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* profile pic */
        .css-1ghqurz:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Add box shadow on hover */
            transform: scale(1.2);
        }
        /* ... */
        .chakra-button.chakra-menu__menu-button.css-1j27n8p{
            background: #f6d5D2;
            padding: 8px 8px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 10px; /* Optional: to make rounded corners */
        }
        .chakra-button.chakra-menu__menu-button.css-1j27n8p:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* report */
        .chakra-button.css-10dn2m{
            background: #f6d5D2;
            padding: 8px 16px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        .chakra-button.css-10dn2m:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* like button */
        .chakra-button.css-rcd6m7{
            background: #f6d5D2;
            padding: 8px 16px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        .chakra-button.css-rcd6m7:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* progress bar */
        .css-1qsyi4e {
            background-color: #7a635a;
        }
        /* stars */
        .StarRating__StyledPath-sc-14c4h6v-0 {
            fill: #ccaaa8;
            stroke: #5a3d31;
        }
        /* copy bot id button */
        .chakra-button.css-z3u4zw{
            padding: 2px 2px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 15px; /* Optional: to make rounded corners */
        }
        .chakra-button.css-z3u4zw:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* profile */
        .chakra-button.chakra-avatar.css-1onnnnc {
            background-color: #f6d5D2;
            padding: 5px 5px;
            border: 5px solid #7a635a; /* Add border to buttons */
        }
        .chakra-button.chakra-avatar.css-1onnnnc:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* profile */
        .chakra-icon.css-xktunu {
            fill: #ccaaa8;
            -webkit-tap-highlight-color: transparent;
        }
        .chakra-icon.css-xktunu:hover {
            background: transparent; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* avatar button */
        .chakra-button.chakra-avatar.css-1vd1ieq {
            background: #f6d5D2;
            padding: 5px 5px;
            border: 5px solid #5a3d31; /* Add border to buttons */
        }
        .chakra-button.chakra-avatar.css-1vd1ieq:hover{
            background: #e0c2c2; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* overwiew and updates */
        .chakra-tabs__tab.css-1suavty {
            background: #f6d5d200;
            padding: 8px 12px;
            border: 0px solid #7a635a; /* Add border to buttons */
        } 
        /* search inpout */
        .chakra-input.css-175f08z {
            color: #000000; /* Change text color to black */
            background: #0b0613; /* Background color on focus to match image */
            transition: background 0.3s, box-shadow 0.3s, border 0.3s, color 0.3s; /* Add transition for smooth effect */
        }
        /* search bar */
        .chakra-input.css-1qlzd6p {
            color: #7a635a;
            background: #f6d5D2;
            padding: 16px 24px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 50px; /* Optional: to make rounded corners */
            transition: background 0.3s, box-shadow 0.3s, border 0.3s, color 0.3s; /* Add transition for smooth effect */
            min-width: 100%;
            max-width: 100%;
        }
        /* Search Placeholder color */
        .chakra-input.css-1qlzd6p::placeholder {
            color: #7a635a; /* Change to desired placeholder color */
        }
        /* Placeholder color on focus */
        .chakra-input.css-1qlzd6p:focus {
            background: #0b0613; /* Background color on focus to match image */
            color: #b29a92; /* Text color on focus to match image */
            border: 0px;
            border-radius: 20px; /* Optional: to make rounded corners */
        }
        /* Placeholder color on hover */
        .chakra-input.css-1qlzd6p:hover {
            background: #f8e0df00; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* login button */
        .chakra-link.chakra-button.css-1xr27s9 {
            background: #f6d5D2;
            padding: 8px 12px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 15px; /* Optional: to make rounded corners */
        }
        .chakra-link.chakra-button.css-1xr27s9:hover {
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* search button */
        .chakra-button.css-1cvaxmh,
        .chakra-button.css-nnp25b{
            background: #f6d5D2;
            padding: 16px 20px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 15px; /* Optional: to make rounded corners */
        }
        .chakra-button.css-1cvaxmh:hover,
        .chakra-button.css-nnp25b:hover{
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
        /* support sever */
        .css-fcwev{
            background: transparent;
            padding: 16px 20px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 15px; /* Optional: to make rounded corners */
        }
        .css-fcwev:hover{
            background: transparent; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            transform: scale(1.05);
        }
        /* invite and vote button */
        .chakra-link.chakra-button.css-1ebbhgf,
        .chakra-button.css-hon801,
        .chakra-link.chakra-button.css-vmk9es {
            background: #f6d5D2;
            padding: 16px 24px;
            border: 5px solid #7a635a; /* Add border to buttons */
            border-radius: 15px; /* Optional: to make rounded corners */
        }
        .chakra-link.chakra-button.css-1ebbhgf:hover,
        .chakra-button.css-hon801:hover,
        .chakra-link.chakra-button.css-vmk9es:hover {
            background: #e0c2c2;; /* Slightly lighter background on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
        }
           /* Media Queries for Mobile */
           @media (max-width: 800px) {
            body {
                font-size: 14px;
            }
            .header {
                flex-direction: column;
                justify-content: center;
                padding: 10px;
            }
            .main {
                padding: 10px;
            }
            .promo-image {
                max-width: 100%;
            }
            /* profile */
            .chakra-icon.css-xktunu:hover {
                background: transparent; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* profile pic */
            .css-1n5df51:hover{
                background: #e0c2c2;; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Add box shadow on hover */
                transform: scale(1.2);
            }
            /* ... */
            .chakra-button.chakra-menu__menu-button.css-1j27n8p{
                background: #f6d5D2;
                padding: 8px 8px;
                border: 5px solid #7a635a; /* Add border to buttons */
                border-radius: 10px; /* Optional: to make rounded corners */
            }
            .chakra-button.chakra-menu__menu-button.css-1j27n8p:hover{
                background: #e0c2c2;; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* stars */
            .StarRating__StyledPath-sc-14c4h6v-0 {
                fill: #ccaaa8;
                stroke: #5a3d31;
            }
            /* copy bot id button */
            .chakra-button.css-z3u4zw{
                padding: 2px 2px;
                border: 5px solid #7a635a; /* Add border to buttons */
                border-radius: 15px; /* Optional: to make rounded corners */
            }
            .chakra-button.chakra-avatar.css-1vd1ieq:hover{
                background: #e0c2c2; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* avatar button */
            .chakra-button.chakra-avatar.css-1vd1ieq {
                background: #f6d5D2;
                padding: 18px 18px;
                border: 5px solid #5a3d31; /* Add border to buttons */
            }
            .chakra-button.chakra-avatar.css-1vd1ieq:hover{
                background: #e0c2c2; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* profile */
            .chakra-button.chakra-avatar.css-1onnnnc {
                background-color: #f6d5D2;
                padding: 18px 18px;
                border: 5px solid #7a635a;/* Add border to buttons */
            }
            .chakra-button.chakra-avatar.css-1onnnnc:hover{
                background: #e0c2c2;; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* profile */
            .chakra-icon.css-xktunu {
                fill: #ccaaa8;
                -webkit-tap-highlight-color: transparent;
            }
            .chakra-icon.css-xktunu:hover {
                background: transparent; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* avatar button */
            .chakra-button.chakra-avatar.css-1vd1ieq {
                background: #f6d5D2;
                border: 5px solid #5a3d31; /* Add border to buttons */
            }
            /* overwiew and updates */
            .chakra-tabs__tab.css-1suavty {
                background: #f6d5d200;
                border: 0px solid #7a635a; /* Add border to buttons */
            } 
            /* search inpout */
            .chakra-input.css-175f08z {
                color: #000000; /* Change text color to black */
                background: #0b0613; /* Background color on focus to match image */
                transition: background 0.3s, box-shadow 0.3s, border 0.3s, color 0.3s; /* Add transition for smooth effect */
            }
            /* searchh bar */
            .chakra-input.css-onemcq {
                color: #7a635a;
                background: #f6d5D2;
                border: 5px solid #7a635a; /* Add border to buttons */
                border-radius: 50px; /* Optional: to make rounded corners */
                transition: background 0.3s, box-shadow 0.3s, border 0.3s, color 0.3s; /* Add transition for smooth effect */
                min-width: 60%;
                max-width: 100%;
            }
            /* Search Placeholder color */
            .chakra-input.css-onemcq::placeholder {
                color: #7a635a; /* Change to desired placeholder color */
            }
            /* Placeholder color on focus */
            .chakra-input.css-onemcq:focus {
                background: #0b0613; /* Background color on focus to match image */
                color: #b29a92; /* Text color on focus to match image */
                border: 0px;
                border-radius: 20px; /* Optional: to make rounded corners */
            }
            /* Placeholder color on hover */
            .chakra-input.css-onemcq:hover {
                background: #f8e0df00; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            /* login button */
            .chakra-link.chakra-button.css-1xr27s9 {
                background: #f6d5D2;
                padding: 8px 12px;
                border: 5px solid #7a635a; /* Add border to buttons */
                border-radius: 15px; /* Optional: to make rounded corners */
            }
            .chakra-link.chakra-button.css-1xr27s9:hover {
                background: #b9adac;; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
            .chakra-link.chakra-button.css-qy8lgb,
            .chakra-button.css-hon801,
            .chakra-link.chakra-button.css-u2j4ww {
                background: #f6d5D2;
                padding: 8px 12px;
                border: 5px solid #7a635a; /* Add border to buttons */
                border-radius: 15px; /* Optional: to make rounded corners */
            }
            .chakra-link.chakra-button.css-qy8lgb:hover,
            .chakra-button.css-hon801:hover,
            .chakra-link.chakra-button.css-u2j4ww:hover {
                background: #b9adac;; /* Slightly lighter background on hover */
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow on hover */
            }
        }
        .responsive-video {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
        }
        .responsive-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <main style="padding: 5px;">
        <section style="text-align: center; margin-bottom: 5px;">
            <img src="https://i.imgur.com/9hI4Bn8.gif" alt="Promotional Gif"
                style="width: 100%; max-width: 500px; height: auto; margin: 5px 0;">
            <img src="https://i.imgur.com/uvLl2xJ.png" alt="Promotional Image"
                style="width: 100%; max-width: 500px; height: auto; margin: 5px 0;">
        </section>
        <section style="text-align: center; margin-bottom: 5px;">
            <p>The Ultimate Server Companion with Auto-Mod, Minigames, Greetings, Birthdays, Counting, Join to Create
                and More!</p>
        </section>
    </main>
</body>

</html>

My friend introduced me to this bot, and I have added it to multiple Discord servers that I manage. It has never let me down.

It helped me with moderation a lot and it is a made in india bot so I love that

It’s so good! And very impressive I like it so much and it saved my server without it I’d be frustrated! 

Kokoro

आमंत्रित करें

आमंत्रित करें

वोट करें (0)

आमंत्रित करें

आमंत्रित करें

वोट करें (0)

अवलोकन

समीक्षा और रेटिंग