u/iamrealsavage

Hi,

I see everyone talking about Sine, Nebula, etc. but is it still relevant? Because on the official github it has become impossible to download

https://preview.redd.it/tr9uiogpgzih1.png?width=1524&format=png&auto=webp&s=4848f02fefa9b35ec8a27351dc8a3537056b869c

Hello,

I wanted to try the Adaptive Tab Bar Color extension but it doesn't seem to work for Zen, can anyone confirm?

Hello,

I'm trying to connect to the extension on Zen Browser, but it tells me that my username and password are incorrect even though I'm logged in with the same credentials on mobile and Chrome

Has anyone ever encountered this problem, either on Zen or Firefox?

Hi, is there an improved version available via third-party software or an application to enhance the Apple Music app for Windows? Like Spicetify for Spotify for example.

Hi, I'm new to Tidal, I love the app until I realize something, but I sincerely hope I'm wrong, but drag and drop of titles isn't possible within playlists? A feature that 100% of music streaming players have

I can't believe it's not possible

The gap between visualization and reality is aberrant, how did this application become popular?

https://preview.redd.it/6pcy2feowech1.png?width=2493&format=png&auto=webp&s=e7b85be3aacc1c78cad483dd335639900a8ebc8c

https://preview.redd.it/z48pyxupwech1.png?width=2385&format=png&auto=webp&s=6ef57f04fc946c29e58ec0677df39bb2bd2b0d7a

It should be noted that there are entirely missing collections whereas I had added some

Hi,

I have recently been using 1password and I find the software absolutely perfect, but I don't understand why these settings exist in the software, when they don't work at all! Although I do everything to define the fact that I am not obliged to have to enter the password at startup, each time, I have to enter a password, even though I don't want to, it's very annoying, what can I do to avoid having to enter a password? I want to know

Thanks

https://preview.redd.it/0rxmsu7r5n6h1.png?width=859&format=png&auto=webp&s=01b95db1442835a44aa9eb65e4e8f211c4983e3d

Hi,

I don't understand what's happening with my Wavelink 2, I was using this software without having Elgato mic, everything was going very well and all of a sudden it asks me to have Elgato mic, would an update force users to buy Elgato products? Is this company policy now? How can I reuse my previous software?

https://preview.redd.it/syzzkxudu36h1.png?width=1940&format=png&auto=webp&s=07ce67a33429737c8bd30057ec055e660839189f

https://preview.redd.it/bgq7r0vdu36h1.png?width=1961&format=png&auto=webp&s=ec55c9f4687e91c3b6eeac52082f3b1734d57e52

/* ============================================================
Claude Dark — ChatGPT
Warm anthracite + terracotta palette inspired by Claude.
1. Open Zen Browser.
2. Go to chatGPT website to apply the Boost.
3. Click the Site Controls icon next to the address bar.
4. Open the Boosts section.
5. Create a new Boost or edit an existing one.
6. Paste the custom CSS code into the Boost editor.
7. Save the Boost.
- URLs on the domain : chatgpt.com
- URLs on the domain : chat.openai.com
============================================================ */
/* ============================================================
1. PALETTE
============================================================ */
:root {
--c-bg: #262624;
--c-bg-alt: #1F1E1D;
--c-surface: #30302E;
--c-surface-hi: #3A3937;
--c-surface-low: #2A2927;
--c-accent: #D97757;
--c-accent-hover: #E68A6C;
--c-text: #F4F3EE;
--c-text-soft: #C2BFB6;
--c-text-muted: #8A8780;
--c-border: #3D3D38;
--c-border-soft: #2F2E2C;
--c-code-bg: #1A1918;
--c-code-header: #222120;
}
/* ============================================================
2. NATIVE CHATGPT VARIABLES
============================================================ */
html, body, :root,
[data-theme="light"], [data-theme="dark"],
.dark, .light, * {
--main-surface-primary: var(--c-bg) !important;
--main-surface-secondary: var(--c-surface) !important;
--main-surface-tertiary: var(--c-surface-hi) !important;
--sidebar-surface-primary: var(--c-bg-alt) !important;
--sidebar-surface-secondary: var(--c-surface-low) !important;
--sidebar-surface-tertiary: var(--c-surface) !important;
--composer-surface-primary: var(--c-surface) !important;
--composer-surface-secondary: var(--c-surface-hi) !important;
--bg-elevated-primary: var(--c-surface) !important;
--bg-elevated-secondary: var(--c-surface-hi) !important;
--surface-primary: var(--c-bg) !important;
--surface-secondary: var(--c-surface) !important;
--surface-tertiary: var(--c-surface-hi) !important;
--text-primary: var(--c-text) !important;
--text-secondary: var(--c-text-soft) !important;
--text-tertiary: var(--c-text-muted) !important;
--text-quaternary: var(--c-text-muted) !important;
--border-light: var(--c-border-soft) !important;
--border-medium: var(--c-border) !important;
--border-heavy: #4A4944 !important;
--border-default: var(--c-border) !important;
--border-sharp: var(--c-border) !important;
--interactive-bg-accent-default: var(--c-accent) !important;
--interactive-bg-accent-hover: var(--c-accent-hover) !important;
--interactive-bg-secondary-default: var(--c-surface) !important;
--interactive-bg-secondary-hover: var(--c-surface-hi) !important;
--link: var(--c-accent) !important;
--link-hover: var(--c-accent-hover) !important;
--brand-purple: var(--c-accent) !important;
}
html, body { color-scheme: dark !important; }
/* ============================================================
3. GLOBAL BACKGROUND
============================================================ */
html, body, #__next,
body > div, body > div > div,
#__next > div, #__next > div > div,
main, main > div {
background-color: var(--c-bg) !important;
color: var(--c-text) !important;
}
/* ============================================================
4. SIDEBAR (separated for the tiny bar)
============================================================ */
aside {
background-color: transparent !important;
color: var(--c-text-soft) !important;
}
nav#stage-slideover-sidebar [class*="bg-token-sidebar-surface-secondary"] {
background-color: transparent !important;
}
nav#stage-slideover-sidebar .sticky,
nav#stage-slideover-sidebar [class*="sticky"] {
background-color: var(--c-bg-alt) !important;
}
#stage-sidebar-tiny-bar,
#stage-sidebar-tiny-bar .h-header-height {
background-color: transparent !important;
}
aside a, aside button,
nav a, nav button {
color: var(--c-text-soft) !important;
}
/* ============================================================
5. HEADERS
============================================================ */
#sidebar-header,
#sidebar-header > *,
#sidebar-header + * {
background-color: var(--c-bg-alt) !important;
}
.h-header-height:not(#sidebar-header):not(#sidebar-header *):not(#stage-sidebar-tiny-bar *),
main .h-header-height,
#page-header,
[id$="-header"]:not(#sidebar-header) {
background-color: var(--c-bg) !important;
border-color: var(--c-border-soft) !important;
}
header,
.sticky.top-0:not(aside .sticky):not(nav .sticky),
main [class*="sticky"][class*="top-0"] {
background-color: var(--c-bg) !important;
border-color: var(--c-border-soft) !important;
}
button[aria-label*="sidebar" i],
button[aria-label*="close sidebar" i],
button[aria-label*="open sidebar" i],
button[data-testid*="sidebar"] {
background-color: transparent !important;
color: var(--c-text-soft) !important;
}
button[aria-label*="sidebar" i]:hover,
button[aria-label*="close sidebar" i]:hover,
button[aria-label*="open sidebar" i]:hover,
button[data-testid*="sidebar"]:hover {
background-color: var(--c-surface) !important;
}
/* ============================================================
6. TAILWIND TOKEN CLASSES
============================================================ */
[class*="bg-token-main-surface-primary"] { background-color: var(--c-bg) !important; }
[class*="bg-token-main-surface-secondary"] { background-color: var(--c-surface) !important; }
[class*="bg-token-main-surface-tertiary"] { background-color: var(--c-surface-hi) !important; }
[class*="bg-token-sidebar-surface-primary"] { background-color: var(--c-bg-alt) !important; }
[class*="bg-token-sidebar-surface-secondary"] { background-color: var(--c-surface-low) !important; }
[class*="bg-token-sidebar-surface-tertiary"] { background-color: var(--c-surface) !important; }
[class*="bg-token-bg-elevated-primary"] { background-color: var(--c-surface) !important; }
[class*="bg-token-bg-elevated-secondary"] { background-color: var(--c-surface-hi) !important; }
[class*="bg-token-bg-primary"] { background-color: var(--c-bg) !important; }
[class*="bg-token-bg-secondary"] { background-color: var(--c-surface) !important; }
[class*="bg-token-message-surface"] { background-color: var(--c-surface) !important; }
[class*="bg-token-surface-primary"] { background-color: var(--c-bg) !important; }
[class*="bg-token-surface-secondary"] { background-color: var(--c-surface) !important; }
[class*="bg-token-surface-tertiary"] { background-color: var(--c-surface-hi) !important; }
[class*="bg-token-surface-hover"] { background-color: var(--c-surface) !important; }
[class*="text-token-text-primary"] { color: var(--c-text) !important; }
[class*="text-token-text-secondary"] { color: var(--c-text-soft) !important; }
[class*="text-token-text-tertiary"] { color: var(--c-text-muted) !important; }
[class*="text-token-text-quaternary"] { color: var(--c-text-muted) !important; }
[class*="border-token-border-light"] { border-color: var(--c-border-soft) !important; }
[class*="border-token-border-medium"] { border-color: var(--c-border) !important; }
[class*="border-token-border-heavy"] { border-color: #4A4944 !important; }
[class*="border-token-border-default"] { border-color: var(--c-border) !important; }
[class*="border-token-border-sharp"] { border-color: var(--c-border) !important; }
/* ============================================================
7. ARBITRARY TAILWIND CLASSES
============================================================ */
[class*="bg-[#171717]"], [class*="bg-[#1a1a1a]"], [class*="bg-[#1b1b1b]"],
[class*="bg-[#1c1c1c]"], [class*="bg-[#1f1f1f]"], [class*="bg-[#202020]"],
[class*="bg-[#212121]"], [class*="bg-[#232323]"] {
background-color: var(--c-bg-alt) !important;
}
[class*="bg-[#2a2a2a]"], [class*="bg-[#2b2b2b]"], [class*="bg-[#2d2d2d]"],
[class*="bg-[#2f2f2f]"], [class*="bg-[#303030]"], [class*="bg-[#333333]"],
[class*="bg-[#353535]"], [class*="bg-[#383838]"] {
background-color: var(--c-surface) !important;
}
[class*="bg-[#3f3f3f]"], [class*="bg-[#404040]"], [class*="bg-[#424242]"],
[class*="bg-[#454545]"], [class*="bg-[#4a4a4a]"] {
background-color: var(--c-surface-hi) !important;
}
[class*="bg-[#0d0d0d]"], [class*="bg-[#000000]"], [class*="bg-black"] {
background-color: var(--c-bg) !important;
}
[class*="bg-[#ffffff]"], [class*="bg-white"] {
background-color: var(--c-surface) !important;
}
[class*="bg-(--sidebar-surface-primary)"] { background-color: var(--c-bg-alt) !important; }
[class*="bg-(--sidebar-surface-secondary)"] { background-color: var(--c-surface-low) !important; }
[class*="bg-(--main-surface-primary)"] { background-color: var(--c-bg) !important; }
[class*="bg-(--main-surface-secondary)"] { background-color: var(--c-surface) !important; }
[class*="bg-(--composer-surface-primary)"] { background-color: var(--c-surface) !important; }
/* ============================================================
8. SIDEBAR — INTERACTIVE ELEMENTS
============================================================ */
nav#stage-slideover-sidebar button,
nav#stage-slideover-sidebar [role="button"],
nav#stage-slideover-sidebar a[href],
#stage-sidebar-tiny-bar button,
#stage-sidebar-tiny-bar [role="button"],
#stage-sidebar-tiny-bar a[href] {
color: var(--c-text-soft) !important;
}
nav#stage-slideover-sidebar button.bg-token-sidebar-surface-secondary,
nav#stage-slideover-sidebar [class*="bg-token-sidebar-surface-secondary"],
nav#stage-slideover-sidebar button[class*="rounded"][class*="border"] {
background-color: var(--c-surface-low) !important;
border-color: var(--c-border-soft) !important;
color: var(--c-text) !important;
}
nav#stage-slideover-sidebar button:hover,
nav#stage-slideover-sidebar [role="button"]:hover,
nav#stage-slideover-sidebar a:hover,
nav#stage-slideover-sidebar li:hover,
#stage-sidebar-tiny-bar button:hover,
#stage-sidebar-tiny-bar [role="button"]:hover,
#stage-sidebar-tiny-bar a:hover {
background-color: var(--c-surface) !important;
color: var(--c-text) !important;
}
nav#stage-slideover-sidebar [aria-current="page"],
nav#stage-slideover-sidebar [data-active="true"],
nav#stage-slideover-sidebar .active {
background-color: var(--c-surface) !important;
color: var(--c-text) !important;
}
nav#stage-slideover-sidebar *::placeholder { color: var(--c-text-muted) !important; }
/* ============================================================
9. MESSAGES
============================================================ */
[data-message-author-role="user"] .rounded-3xl {
background-color: var(--c-surface) !important;
border-color: var(--c-border) !important;
color: var(--c-text) !important;
}
[data-message-author-role="assistant"] {
background-color: transparent !important;
color: var(--c-text) !important;
}
.markdown, .prose, [class*="prose"] { color: var(--c-text) !important; }
/* ============================================================
10. COMPOSER
============================================================ */
[data-composer-surface="true"] {
background-color: var(--c-surface) !important;
border: 1px solid var(--c-border) !important;
}
[data-composer-surface="true"] [contenteditable="true"],
[data-composer-surface="true"] [class*="ProseMirror"],
[data-composer-surface="true"] textarea {
background-color: transparent !important;
border: none !important;
color: var(--c-text) !important;
}
[contenteditable="true"]:empty::before,
[contenteditable="true"][data-placeholder]::before,
textarea::placeholder {
color: var(--c-text-muted) !important;
}
button[data-testid="send-button"] {
background-color: var(--c-accent) !important;
color: #1A1918 !important;
border: none !important;
}
button[data-testid="send-button"]:hover {
background-color: var(--c-accent-hover) !important;
}
/* ============================================================
11. CODE (v10 — square, direct pre, :has() excluding .markdown)
============================================================ */
/* Le pre porte son propre fond — carré */
pre[data-start] {
background-color: var(--c-code-bg) !important;
border: 1px solid var(--c-border) !important;
border-radius: 1.5rem !important;
padding: 1rem !important;
color: var(--c-text) !important;
overflow-x: auto;
}
/* Wrapper dédié (hors .markdown/.prose) — aussi carré */
*:has(> pre[data-start]):not(.markdown):not(.prose):not([class*="markdown"]):not([class*="prose"]) {
background-color: var(--c-code-bg) !important;
border: 1px solid var(--c-border) !important;
border-radius: 0 !important;
overflow: hidden;
}
/* Header du bloc (barre langue + bouton copier) */
*:has(> pre[data-start]):not(.markdown):not(.prose):not([class*="markdown"]):not([class*="prose"]) > *:first-child:not(pre) {
background-color: var(--c-code-header) !important;
border-bottom: 1px solid var(--c-border) !important;
color: var(--c-text-muted) !important;
}
/* Pre à l'intérieur du wrapper : transparent */
*:has(> pre[data-start]):not(.markdown):not(.prose):not([class*="markdown"]):not([class*="prose"]) > pre[data-start] {
background-color: transparent !important;
border: none !important;
padding: 1rem !important;
}
/* Code inline */
code:not(pre code) {
background-color: var(--c-bg-alt) !important;
color: var(--c-accent) !important;
padding: 0.15em 0.35em;
border-radius: 4px;
}
/* ============================================================
12. LINKS, TABLES
============================================================ */
a, a:visited { color: var(--c-accent) !important; }
a:hover { color: var(--c-accent-hover) !important; }
hr, table, th, td { border-color: var(--c-border) !important; }
th { background-color: var(--c-bg-alt) !important; color: var(--c-text) !important; }
tr:nth-child(even) td { background-color: rgba(255, 255, 255, 0.02) !important; }
/* ============================================================
13. MODALS, POPOVERS, MENUS
============================================================ */
[role="dialog"], [role="menu"], [role="listbox"],
[class*="popover"], [class*="Popover"],
[data-radix-popper-content-wrapper] > * {
background-color: var(--c-surface) !important;
border: 1px solid var(--c-border) !important;
color: var(--c-text) !important;
}
[role="menuitem"]:hover, [role="option"]:hover {
background-color: var(--c-surface-hi) !important;
}
/* ============================================================
14. SCROLLBAR + SELECTION
============================================================ */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--c-bg) !important; }
::-webkit-scrollbar-thumb { background: var(--c-border) !important; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #4A4944 !important; }
::selection { background-color: var(--c-accent) !important; color: var(--c-bg) !important; }
/* ============================================================
15. BORDERS, SEPARATORS, HANDLES
============================================================ */
*[style*="border-right"], *[style*="border-left"] {
border-color: var(--c-border-soft) !important;
}
[class*="border-r"]:not([class*="border-r-0"]),
[class*="border-l"]:not([class*="border-l-0"]) {
border-color: var(--c-border-soft) !important;
}
[role="separator"],
hr,
[class*="divider"], [class*="Divider"],
[class*="separator"], [class*="Separator"] {
background-color: transparent !important;
border-color: var(--c-border-soft) !important;
}
[class*="resize"], [class*="Resize"],
[data-resize-handle], [data-panel-resize-handle] {
background-color: var(--c-bg) !important;
border-color: var(--c-border-soft) !important;
}
/* ============================================================
16. UNIVERSAL SWEEPER (dark inline RGB styles)
============================================================ */
*[style*="background-color: rgb(0,"],
*[style*="background-color: rgb(13,"],
*[style*="background-color: rgb(15,"],
*[style*="background-color: rgb(17,"],
*[style*="background-color: rgb(20,"],
*[style*="background-color: rgb(23,"],
*[style*="background-color: rgb(25,"],
*[style*="background-color: rgb(28,"],
*[style*="background-color: rgb(32,"],
*[style*="background-color: rgb(33,"],
*[style*="background: rgb(0,"],
*[style*="background: rgb(13,"],
*[style*="background: rgb(15,"],
*[style*="background: rgb(17,"],
*[style*="background: rgb(20,"],
*[style*="background: rgb(23,"],
*[style*="background: rgb(25,"],
*[style*="background: rgb(28,"],
*[style*="background: rgb(32,"],
*[style*="background: rgb(33,"] {
background-color: var(--c-bg) !important;
background: var(--c-bg) !important;
}

Hello,

I'm desperately trying to get the address bar rendered like Comet, I'm sure it's possible to do that, but I'm not comfortable with the code, and Claude doesn't seem to be able to give me the right css for that.

To locate the desired effect, because only Comet users know what I'm talking about and I think there aren't many here, but I have the screenshot which can possibly give you an idea of ​​the effect.

When writing, gradually the color of the search field changes, and when the exact URL of the searched site is found the name of the domain and entirely in a different color

Hope that the translation was good and that you understood the idea, thank you in advance for any help

https://preview.redd.it/wj494wrrhd4h1.png?width=1030&format=png&auto=webp&s=4df9251b2050958973cc329220b702250f1ba4d4

That's actually pretty good; I'm really surprised.

https://preview.redd.it/1e52q7x1pw3h1.png?width=1495&format=png&auto=webp&s=bc5acbe62dfbe3c363b6aaa9985638cbd9a7872f