diff options
| -rw-r--r-- | userContent.css | 89 |
1 files changed, 60 insertions, 29 deletions
diff --git a/userContent.css b/userContent.css index 934149d..4218d06 100644 --- a/userContent.css +++ b/userContent.css @@ -192,36 +192,67 @@ } -/* ╔════════════════════════════════════════════════════════════╗ - ║ KEEP BOTTOM FADE, NOT SIDEBAR BG ║ - ╚════════════════════════════════════════════════════════════╝ */ + /* ╔════════════════════════════════════════════════════════════╗ + ║ REMOVE BOTTOM GREY / BLUR ║ + ╚════════════════════════════════════════════════════════════╝ */ -.content-fade::after, -.content-fade { - background-image: linear-gradient( - to bottom, - rgba(0, 54, 54, 0) 0%, - rgba(0, 54, 54, 0.06) 20%, - rgba(0, 54, 54, 0.18) 45%, - rgba(0, 54, 54, 0.42) 70%, - rgba(0, 54, 54, 0.75) 88%, - rgba(0, 54, 54, 1) 100% - ) !important; -} -/* ╔════════════════════════════════════════════════════════════╗ - ║ FORCE SIDEBAR BACKGROUND COLOR ║ - ╚════════════════════════════════════════════════════════════╝ */ + .content-fade::after, + .content-fade, + .bg-token-bg-elevated-secondary, + .bg-token-bg-primary, + .bg-token-main-surface-primary, + .bg-token-main-surface-secondary, + .bg-token-sidebar-surface-primary, + .bg-token-sidebar-surface-secondary { + background: transparent !important; + background-color: transparent !important; + background-image: none !important; + backdrop-filter: none !important; + -webkit-backdrop-filter: none !important; + } -#stage-slideover-sidebar, -#stage-slideover-sidebar nav, -#stage-slideover-sidebar nav > aside:first-of-type, -#stage-slideover-sidebar .bg-token-sidebar-surface-primary, -#stage-slideover-sidebar .bg-token-sidebar-surface-secondary { - background-color: #003636 !important; - background-image: none !important; - backdrop-filter: none !important; - -webkit-backdrop-filter: none !important; - box-shadow: none !important; -} + /* Composer / bottom dock wrappers */ + [data-type="unified-composer"], + [data-type="unified-composer"] > div, + form:has(#prompt-textarea), + form:has(.ProseMirror) { + background: transparent !important; + background-color: transparent !important; + background-image: none !important; + backdrop-filter: none !important; + -webkit-backdrop-filter: none !important; + box-shadow: none !important; + } + + .content-fade::after, + .content-fade, + .bg-token-sidebar-surface-primary, + .bg-token-sidebar-surface-secondary { + background-image: linear-gradient( + to bottom, + rgba(0, 54, 54, 0) 0%, + rgba(0, 54, 54, 0.06) 20%, + rgba(0, 54, 54, 0.18) 45%, + rgba(0, 54, 54, 0.42) 70%, + rgba(0, 54, 54, 0.75) 88%, + rgba(0, 54, 54, 1) 100% + ) !important; + } + + /* ╔════════════════════════════════════════════════════════════╗ + ║ FORCE SIDEBAR BACKGROUND COLOR ║ + ╚════════════════════════════════════════════════════════════╝ */ + + #stage-slideover-sidebar, + #stage-slideover-sidebar nav, + #stage-slideover-sidebar nav > aside:first-of-type, + #stage-slideover-sidebar .bg-token-sidebar-surface-primary, + #stage-slideover-sidebar .bg-token-sidebar-surface-secondary { + background-color: #003636 !important; + background-image: none !important; + backdrop-filter: none !important; + -webkit-backdrop-filter: none !important; + box-shadow: none !important; + } } |