chatgpt but good catppuccin colores by frNNcs

/* ==UserStyle==
@name         chatgpt but good
@version      1.8.3
@namespace    userstyles.wo4ld/user/f53
@description  based on f53's ChatGPT D&C :: https://userstyles.world/style/8542
@author       me
@license      The Unlicense
@preprocessor stylus

@var checkbox anonymous-mode "Hide my e-mail and profile picture (for screenshots)" 1
@var checkbox chatbox-h2e "Hover chatbox to expand" 1
@var checkbox no-date-grouping "Hide chats date grouping labels (doesn't disable grouning)" 1
@var checkbox no-welcome "Disable default welcome screen" 0

==/UserStyle== */

@-moz-document url-prefix("https://chat.openai.com") {

/* ---------- GENERAL STUFF ---------- */
/* restore normal fonts */
html { font-family: Segoe UI, Roboto, Ubuntu, Open Sans, Noto Sans, sans-serif !important; }

/* reduce background color of most everything */
html #__next * { --tw-bg-opacity: 0.05 !important; }
body, .dark body { background-color: #060606; }

/* buttons */
#__next .btn-neutral {
	background-color: #1c1c1c;
	border: none;
}
#__next .btn-neutral:hover { background-color: #242424; }

/* remove all gradients */
#__next [class*="gradient"] { background-image: none !important; }

/* less intrusive modals */
#headlessui-portal-root [role="dialog"] > div:first-child { background: #06060699; }

/* ---------- WELCOME SCREEN ---------- */
/* show warning message for light mode asshats */
html:not(.dark) main.relative h1.text-4xl.justify-center::before {
	content: "This style doesn't support light theme!\a Please switch it to dark in settings";
	white-space: pre;
	color: #fa0;
}

/* disable default welcome screen */
if (no-welcome) {
	#__next main.relative div.md\:flex.items-start.text-center.gap-3\.5 { display: none; }
	main.relative h1.text-4xl.justify-center { font-size: 0; }
	main.relative h1.text-4xl.justify-center::before {
		content: '(select a chat or enter prompt to start)'
		color: #404040;
		font-size: 1rem;
	}
}

/* ---------- CHATBOX DESIGN ---------- */
/* chatbox */
#__next main.relative .absolute.bottom-0 .dark\:bg-gray-700 {
	background-color: #1c1c1c;
	box-shadow: 0 0 8px #0c0c0c;
}
#__next main.relative .absolute.bottom-0.dark\:bg-gray-800 { border-top: 0; }

/* expand chatbox on hover */
if (chatbox-h2e) {
	#__next main.relative .absolute.bottom-0 .dark\:bg-gray-700 > textarea { max-height: 102px !important; }
	#__next main.relative .absolute.bottom-0 .dark\:bg-gray-700:hover > textarea { max-height: calc(100vh - 48px) !important; }
	#__next main.relative .absolute.bottom-0 .dark\:bg-gray-700 > textarea { transition: max-height 1s ease-in-out; }

	/* hide "ChatGPT XXX version" information */
	main.relative .absolute.bottom-0 > div.text-center { display: none; }
	#__next main.relative .absolute.bottom-0 .dark\:bg-gray-700 { margin-bottom: 12px; }
}

/* make chats lower since we just got rid of all that unnecessary padding */
main.relative [class*="react-scroll-to-bottom"] > .items-center > div:last-child {
	height: 7.5rem; /* set to 5.25rem if you have extra padding */
}

/* bigger Scroll to Bottom button */
button.rounded-full > svg { width: 40px; height: 40px; }

/* ---------- CHATBOX MESSAGES ---------- */
/* general messages */
main.relative .w-full > .text-base :is((pre > .bg-black.mb-4.rounded-md), ol, ul) { margin: 0 !important; }
main.relative .w-full > .text-base { padding: 0.8rem; }
main.relative .w-full > .text-base > div:last-child { gap: 0; }

main.relative .w-full > .text-base :is(p, table, blockquote, hr, li, input[type="checkbox"], img) {
	color: #8a908e;
	margin: 8px 0;
	line-height: 1.54;
}
main.relative .w-full > .text-base :is(li, input[type="checkbox"], img) { margin: 2px 0 !important; }

main.relative .w-full > .text-base :is(*:first-child, li:first-child) { margin-top: 0 !important; }
main.relative .w-full > .text-base :is(*:last-child, li:last-child) { margin-bottom: 0 !important; }

/* code blocks */
#__next main.relative .markdown > pre > .bg-black.mb-4.rounded-md { --tw-bg-opacity: 0.5 !important; }
#__next main.relative .markdown code::before,
#__next main.relative .markdown code::after { content: ""; }

/* hide user profile pictures */
if (anonymous-mode) {
	img.rounded-sm { filter: contrast(0) brightness(0.5); }
}

/* better prompt warnings */
span.bg-orange-500, span.bg-red-500 {
	background-color: #fa0; color: #060606;
	box-shadow: 0 0 0 2px #060606;
}
div.text-orange-500 > div.border-orange-500 { font-size: 0; }
div.text-orange-500 > div.border-orange-500::before {
	font-size: 18px;
	content: "👍 great prompt lol";
}

/* ---------- SIDEBAR & ACCOUNT MENU ---------- */
/* compact sidebar items */
nav a:not([href="/"]), nav a[href="/"] > span {
	height: 28px;
	margin: 4px 0;
}

/* better visibility for selected chat */
nav a.pr-14 { box-shadow: inset 0 0 0 1px #10a37f; }
nav a:not(.pr-14) { color: #8a9090; }

/* compact date grouping */
nav span div > h3.h-9 {
	background: #0000;
	border-bottom: 1px dashed #404040;
}

/* hide date grouping separators (this does NOT remove the ordering itself, just the group titles) */
if (no-date-grouping) {
	nav span div > h3.h-9 { display: none; }
}

/* hide profile picture and e-mail from sidebar */
if (anonymous-mode) {
	.relative > button > div.text-white {
		background: #404040;
		color: #fff0;
	}
}

/* fix transparent BG for new menu */
div[role=menu] nav[role=none] {
	padding: 2px 0;
	background: #1c1c1c;
	border-radius: 4px;
}

}