diff options
| -rw-r--r-- | CSS/chatgpt.com.css | 246 |
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; - } -} |