chatkit.app - Mar 2024 by Adhithya03

/* ==UserStyle==
@name         chatkit.app - Mar 2024
@version      20240417.14.45
@namespace    https://userstyles.world/user/Adhithya03
@description  Anthropic, AI like
@author       Adhithya03
==/UserStyle== */

@-moz-document url-prefix("https://chatkit.app/") {

:is(.dark .dark\:bg-blue-600) {
    --tw-bg-opacity: 1;
    background-color: #1c1b17;
}


:is(.dark .dark\:bg-zinc-800) {
    --tw-bg-opacity: 1;
    background-color: #333330;
}
.text-xl {
    font-size: 0rem;
    line-height: 0rem;
}

:is(.dark .dark\:bg-zinc-900) {
    --tw-bg-opacity: 1;
    background-color: #2d2d2ac4;
}

:is(.dark .dark\:text-zinc-400) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}



.code-block {
    color: #f5f4ef;
    font-family: "IBM Plex Mono";
    background-color: #2a2e33;
    text-align: left;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.3;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    -webkit-hyphens: none;

    overflow: auto;
}
:is(.dark .dark\:bg-zinc-800) {
    --tw-bg-opacity: 1;
    background-color: #2f2f2cd4;
}
.code-header {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(28 27 23 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(28 27 23 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity));
}



.dark {
    color-scheme: dark;
    --border-color: #3f3f46;
    --bg-main: #2f2f2cd4;
    --modal-bg: #2f2f2cd4;
    --modal-overlay-bg: hsla(0, 0%, 4%, .4);
    --modal-border-color: #555;
    --ray-loading-color: #000;
}


:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    font-family: "IBM Plex Sans Regular";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    background-color: rgb(3, 3, 3);
}

.inline-flex.bg-purple-700 {
    background-color: #222; /* A very dark base color */
    background-image: linear-gradient(135deg, #6b56aa 0%, #222 50%, #1e1333 100%); /* A magical gradient with dark purple hues */
}

.inline-flex.bg-sky-300 {
    background-color: #222; /* A very dark base color */
    background-image: linear-gradient(135deg, #aa5656 0%, #222 50%, #1e1333 100%); /* A magical gradient with dark purple hues */
}



}