summaryrefslogtreecommitdiff
path: root/CSS/chatgpt.com.css
diff options
context:
space:
mode:
Diffstat (limited to 'CSS/chatgpt.com.css')
-rw-r--r--CSS/chatgpt.com.css246
1 files changed, 0 insertions, 246 deletions
diff --git a/CSS/chatgpt.com.css b/CSS/chatgpt.com.css
deleted file mode 100644
index c7317a8..0000000
--- a/CSS/chatgpt.com.css
+++ /dev/null
@@ -1,246 +0,0 @@
-/* ==UserStyle==
-@name ChatGPT
-@namespace github.com/openstyles/stylus
-@version 1.0.0
-@description A new userstyle
-@author Me
-==/UserStyle== */
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- html, body {
- height: 100% !important;
- background-image: url("https://images.unsplash.com/photo-1485470733090-0aae1788d5af?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8NGslMjBtb3VudGFpbnxlbnwwfHwwfHx8MA%3D%") !important;
- background-size: cover !important;
- background-position: center center !important;
- background-repeat: no-repeat !important;
- background-attachment: fixed !important;
-
- overflow-x: hidden !important;
- overflow-y: auto !important;
- }
-
- /* React root */
- #__next {
- background: transparent !important;
- height: 100% !important;
- }
-
- /* Main scrolling container */
-main {
- background: transparent !important;
- overflow: visible !important;
- min-height: 100vh !important;
-}
-
-
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* Assistant message bubble */
- div[data-message-author-role="assistant"] {
- padding: 12px 16px !important;
- border-radius: 14px !important;
- margin: 8px 0 !important;
-
- /* Bubble effect without changing colors */
- border: 1px solid rgba(17, 190, 191, 0.8) !important;
- background-color: rgba(0, 54, 54, 0.7);
- }
-
-}
-
-.content-fade::after {
- background: none !important;
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* Target the ChatGPT prompt (composer) background */
- [data-type="unified-composer"] .bg-token-bg-primary,
- #prompt-textarea,
- .ProseMirror {
- background-color: #003636 !important;
- }
-
- /* Also ensure the textarea wrapper reflects the new color */
- .wcDTda_prosemirror-parent {
- background-color: #003636 !important;
- }
-
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* make the main chat area and messages wider */
- .max-w-\(--thread-content-max-width\) {
- max-width: 85vw !important;
- width: 85vw !important;
- }
-
- /* if the sidebar is present, subtract its width (about 16rem) */
- body:has(aside) .max-w-\(--thread-content-max-width\) {
- max-width: calc(85vw - 16rem) !important;
- width: calc(85vw - 16rem) !important;
- }
-
- /* prevent horizontal overflow */
- body {
- overflow-x: hidden !important;
- }
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* ========== SIDEBAR BASE ========== */
- aside,
- #stage-slideover-sidebar {
- background-color: #003636 !important;
- background-image: none !important;
- --sidebar-bg: #003636 !important;
- --bg-elevated-secondary: #003636 !important;
- }
-
- #stage-slideover-sidebar .shadow-sharp-edge-bottom {
- box-shadow: none !important;
- }
-
- /* ========== SIDEBAR HEADER ========== */
- #sidebar-header {
- background-color: #003636 !important;
- }
-
- .touch\:px-1\.5.px-2 {
- background-color: #003636 !important;
- }
-
- /* ========== MENU ITEMS BASE ========== */
- .__menu-item[data-sidebar-item="true"] {
- background-color: #003636 !important;
- border-radius: 10px !important;
- }
-
- /* Hover (solid) */
- .__menu-item[data-sidebar-item="true"]:hover {
- background-color: #004344 !important;
- }
-
- /* ========== CHAT HISTORY ITEMS ========== */
-
- /* The REAL clickable paint layer */
- a[data-sidebar-item="true"]
- > div.flex.min-w-0.grow.items-center.gap-2\.5 {
- border-radius: 10px !important;
- }
-
- /* Hover (non-active) */
- a[data-sidebar-item="true"]:hover:not([data-active])
- > div.flex.min-w-0.grow.items-center.gap-2\.5 {
- background-color: #004344 !important;
- }
-
-/* ACTIVE / CURRENT CHAT — FULL BOX */
-.__menu-item[data-sidebar-item="true"][data-active] {
- background-color: #008282 !important;
- border-radius: 10px !important;
-}
- /* ========== ACCOUNT SECTION ========== */
- [data-testid="accounts-profile-button"] {
- background-color: #003636 !important;
- border-radius: 10px !important;
- }
-
- [data-testid="accounts-profile-button"]:hover {
- background-color: #004344 !important;
- }
-
-
-}
-
-/* Mobile / responsive header */
-header,
-[data-testid="conversation-header"] {
- background-color: #003636 !important;
- background-image: none !important;
- backdrop-filter: none !important;
-}
-
-/* Desktop: transparent, keep sticky */
-@media (min-width: 1024px) {
- header,
- [data-testid="conversation-header"] {
- background-color: transparent !important;
- backdrop-filter: none !important;
- }
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* Offset chat content so it doesn't go under the sticky header */
- main {
- padding-top: 56px !important; /* desktop header height */
- }
-
- /* Mobile / responsive header is taller */
- @media (max-width: 1023px) {
- main {
- padding-top: 64px !important;
- }
- }
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* ===== OUTER CODE BLOCK WRAPPER ===== */
- pre {
- padding: 0 !important;
- background: none !important;
- border-radius: 14px !important;
- overflow: visible !important;
- }
-
- /* ===== ACTUAL BACKGROUND LAYER ===== */
- pre > div {
- background-color: #002323 !important;
- border-radius: 14px !important;
- overflow: hidden !important; /* THIS is the key */
- }
-
- /* ===== LANGUAGE HEADER BAR ===== */
- pre > div > div:first-child {
- background-color: #002323 !important;
- border-top-left-radius: 14px !important;
- border-top-right-radius: 14px !important;
- }
-
- /* ===== SCROLL AREA + CODE ===== */
- pre code {
- background-color: #002323 !important;
- padding: 14px !important;
- display: block !important;
- }
-
- /* ===== INLINE CODE ===== */
- code:not(pre code) {
- background-color: #002323 !important;
- border-radius: 6px !important;
- padding: 0.15em 0.35em !important;
- }
-
-
- pre div,
- pre span {
- background-color: #002323 !important;
- }
-
-
-}
-
-@-moz-document url-prefix("https://chatgpt.com/"), url-prefix("https://chat.openai.com/") {
-
- /* Edit message container (pencil mode) */
- .bg-token-main-surface-tertiary {
- background-color: #003636 !important;
- }
-}
generated by cgit v1.2.3 (git 2.46.0) at 2026-07-30 20:16:23 +0000