TypingMind Declutter by l3ony2k

/* ==UserStyle==
@name         TypingMind Declutter
@version      20230417.09.15
@namespace    userstyles.world/user/l3ony2k
@description  A darker and less distracting theme for TypingMind.
@author       l3ony2k
@license      Anti-996
==/UserStyle== */

@-moz-document domain("typingmind.com") {
/* remove gift icon */
button.inline-flex.items-center.justify-center.rounded-md.text-gray-700.hover\:text-gray-900.focus\:outline-none.focus\:ring-2.focus\:ring-inset.focus\:ring-blue-500.py-2.px-2.space-x-2.text-sm {
    display: none;
}
/* remove bottom left footer */
.jsx-7078ffb922cb3c38.text-xs.text-gray-400.text-center {
    display: none;
}
.jsx-7078ffb922cb3c38.border-t.border-gray-500.py-1 {
    display: none;
}
/* remove huge logo on page */
.pt-6.sm\:pt-10.flex.items-center.justify-center {
    display: none;
}
/* transparent widen indicator */
.dark .dark\:bg-zinc-700\/20 {
    background: rgb(63 63 70 / 0%);
}

/* darker title bar */
.hide-when-print.sticky.top-0.z-30.bg-white.dark\:bg-zinc-700.backdrop-blur {
    background: #19191980;
}
/* darker bg */
body.h-full.bg-white.text-black.dark\:bg-zinc-800.dark\:text-white.transition-colors {
    background: #191919;
}
/* darker message hover */
.dark .dark\:hover\:bg-zinc-900:hover {
    background: #212121;
}
.dark .dark\:bg-gray-700 {
    background: #2a2a2a;
}
/* darker input area */
.px-4.pb-4.pt-0.bg-white.dark\:bg-zinc-800.px-4.transition-colors {
    background: #191919
}
.dark .dark\:bg-zinc-600 {
    background: #212121;
}
textarea#chat-input-textbox::placeholder {
    color: #454545;
}
/* darker bubble */
.text-sm.whitespace-pre-wrap.space-y-2.w-fit.text-white.px-4.py-2.rounded-lg.max-w-full.overflow-auto.highlight-darkblue.focus\:outline.bg-blue-500 {
    background: #2a2a2a;
    color: #d1d5db
}
/* gray scale colorful FAB */
.my-4.text-center.w-full.flex.items-center.justify-center.flex-wrap.gap-2.px-4 {
    filter: grayscale(1);
}

/* sidebar footer area */
.jsx-7078ffb922cb3c38.flex.flex-col.flex-shrink-0.bg-gray-700.p-3.justify-center.space-y-1 {
    background: #121212;
}

button.jsx-7078ffb922cb3c38.absolute.top-2.left-2.rounded-full.bg-white\/20.w-8.h-8.items-center.justify-center.text-white.hover\:bg-white\/30.transition-all.group.flex {
    background: transparent;
}

/* sidebar */
input.jsx-7078ffb922cb3c38.bg-gray-700.text-white.px-2.py-1.rounded-md.w-full::placeholder {
    color: #454545;
}
.jsx-7078ffb922cb3c38.px-2.space-y-2.sticky.z-30.top-0.bg-gray-800.py-2 {
    background: #000;
}
nav.jsx-7078ffb922cb3c38.flex-1.space-y-2.bg-gray-800.flex.flex-col {
    background: #000;
}
.jsx-7078ffb922cb3c38.flex.min-h-0.flex-1.flex-col.bg-gray-800 {
    background: #000;
}
/* selected */
.bg-gray-900.text-white.group.flex.items-center.text-sm.font-medium.w-full.space-x-2.justify-between.overflow-hidden {
    background: #191919;
}
/* hover */
.hover\:bg-gray-700:hover {
    background: #191919
}
/* folder focus within */
.focus-within\:bg-gray-900:focus-within {
    background: #191919;
}
/* folder item space 0 */
.pl-6.space-y-2.relative.hidden.\!block > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: 0;
    margin-bottom: 0;
}
/* icon bgs */
.bg-gray-600 {
    background: #212121;
}
.disabled\:bg-gray-700:disabled {
    background: #121212;
}
.disabled\:text-gray-500:disabled {
    color: #808080;
}
.hover\:bg-gray-500:hover {
    background: #333;
}

/* prompt input area */
.bg-gray-700 {
    background: #212121;
}
.dark .dark\:bg-zinc-800 {
    background-color: #191919;
}

/* text area border */
[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
    border: 0px #000 !important;
}
.ring-0,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
button.absolute.min-h-\[30px\].md\:min-h-0.min-w-\[30px\].bottom-1\/2.left-1\.5.translate-y-1\/2.flex.items-center.space-x-1.space-x-reverse.text-xs.py-1.rounded.border.border-gray-300.dark\:border-gray-400.dark\:text-white.text-black.px-2.hover\:border-blue-600.hover\:dark\:border-blue-500 {
    display: none;
}
textarea#chat-input-textbox {
    padding: 6px 12px;
}

/* darker overlay */
.fixed.inset-0.bg-gray-800.bg-opacity-75.opacity-100 {
    background: #0008;
}

/* code block */
pre {
    color: #ccc !important;
    background: #2a2a2a !important;
    text-shadow: none !important;
    font-size: 1em !important;
    border-radius: .5em !important
}
span.token {
    background: transparent !important;
}
button.rounded-full.bg-white.py-1.px-2\.5.text-sm.font-semibold.text-gray-900.shadow-sm.ring-1.ring-inset.ring-gray-300.hover\:bg-gray-50.font-sans {
    background: #2a2a2a;
    border: none;
    box-shadow: none;
    color: #888;
}
/* inline code */
code.text-sm.inline.border.border-gray-200.rounded.bg-gray-100.dark\:bg-zinc-900.px-1 {
    color: #ccc;
    border: none;
    background: #2a2a2a;
}
}