zen: better transparency

more transparency websites
more opaque

1 files changed, 346 insertions, 1 deletions

diff --git a/dot-zen/main/chrome/userContent.css b/dot-zen/main/chrome/userContent.css
index e7dbe6f7..7e8d3c1c 100644
--- a/dot-zen/main/chrome/userContent.css
+++ b/dot-zen/main/chrome/userContent.css
@@ -1 +1,346 @@
-@import "Zen-Nebula/Nebula/Nebula-content.css";
+* {
+	border-radius: 2px;
+	--bg: rgba(0, 0, 0, 0.2) !important;
+	--bg-color: rgba(0, 0, 0, 0.2) !important;
+	--background: rgba(0, 0, 0, 0.2) !important;
+	--background-color: rgba(0, 0, 0, 0.2) !important;
+	--primary-background: rgba(0, 0, 0, 0.2) !important;
+	--bgColor-inset: rgba(0, 0, 0, 0.2) !important;
+	/* background-color: transparent !important; */
+	/* p, span, h1, h2, h3, h4, strong, a { */
+	/*     background-color: transparent !important; */
+	/* } */
+}
+
+@-moz-document url-prefix("https://www.google.com") {
+	.sfbg {
+		background-color: transparent !important;
+	}
+
+	#appbar,
+	.appbar {
+		background-color: transparent !important;
+	}
+
+	#search *> :not(.MjjYud *),
+	.dURPMd *> :not(.MjjYud *) {
+		background: transparent !important;
+		background-color: transparent !important;
+	}
+
+	.KcXNxb,
+	.dG2XIf {
+		background-color: transparent !important;
+	}
+
+	.MjjYud>div>div,
+	.MjjYud>div {
+		background: var(--bg-color) !important;
+		background-color: var(--bg-color) !important;
+		border-radius: 8px !important;
+	}
+}
+
+@-moz-document url-prefix("https://docs.google.com/forms") {
+	* {
+		--bg-color: rgba(0, 0, 0, 0) !important;
+	}
+}
+
+@-moz-document url-prefix("https://docs.google.com/presentation") {
+
+	#docs-editor,
+	#docs-editor-container {
+		background: var(--bg-color) !important;
+	}
+
+	.workspace-container {
+		background: transparent !important;
+	}
+
+	.filmstrip {
+		background: transparent !important;
+	}
+}
+
+@-moz-document url-prefix("https://docs.google.com/document") {
+
+	#docs-editor,
+	#docs-editor-container,
+	.kix-appview-editor {
+		background: transparent !important;
+	}
+
+	.kix-page-paginated,
+	.kix-canvas-tile-content {
+		border-radius: 8px;
+	}
+}
+
+@-moz-document url-prefix("https://github.com") {
+	#partial-discussion-header {
+		background: transparent !important;
+	}
+
+	.comment {
+		background: var(--bg-color) !important;
+	}
+
+	.discussion-timeline-actions {
+		background: transparent !important;
+	}
+
+	.color-bg-default,
+	.color-fg-default,
+	.bgColor-default,
+	.color-bg-inset,
+	.bgColor-inset {
+		background-color: var(--bg-color) !important;
+		backdrop-filter: blur(16px) !important;
+	}
+
+	.feed-background {
+		background-color: var(--bg-color) !important;
+	}
+
+	.TimelineItem::before {
+		background-color: transparent !important;
+		display: none !important;
+	}
+}
+
+@-moz-document url-prefix("https://vsa.managebac.com") {
+	.content-block {
+		background: var(--bg-color) !important;
+	}
+
+	#menu *:not(.f-menu-submenu, .f-menu-submenu-link) {
+		background: transparent !important;
+		background-color: transparent !important;
+	}
+
+	#menu {
+		background: var(--bg-color) !important;
+	}
+
+	.f-menu-submenu,
+	.f-menu-submenu-link {
+		background: var(--bg-color) !important;
+	}
+
+	.fusion-card-item {
+		background: var(--bg-color) !important;
+	}
+}
+
+@-moz-document url-prefix("https://accounts.google.com/signin/oauth") {
+	.S7xv8 {
+		background: var(--bg-color) !important;
+	}
+}
+
+@-moz-document domain(monkeytype.com) {
+	body {
+		background: transparent !important;
+	}
+}
+
+@-moz-document domain(zen-browser.app) {
+
+	body,
+	html {
+		background: transparent !important;
+	}
+}
+
+@-moz-document domain(reddit.com) {
+
+	body,
+	html {
+		background: transparent !important;
+	}
+
+	#comment-tree {
+		background: transparent !important;
+	}
+
+	.bg-neutral-background,
+	.bg-neutral-background-weak {
+		background: rgba(0, 0, 0, 0.1) !important;
+	}
+
+	.bg-\[color\:var\(--shreddit-content-background\)\] {
+		background-color: transparent !important;
+	}
+
+	.threadline,
+	.shreddit-post,
+	aside,
+	comment-body-header,
+	shreddit-comment-tree {
+		background-color: transparent !important;
+	}
+}
+
+@-moz-document domain(chatgpt.com) {
+	body,
+	html,
+	.bg-token-main-surface-primary,
+	/* Navbar */
+	.bg-token-sidebar-surface-primary,
+	/* Sidebar */
+	.bg-token-sidebar-surface-primary *
+
+	/* All sidebar elements */
+		{
+		background: transparent !important;
+	}
+}
+
+@-moz-document domain(monica.im) {
+
+	body,
+	html {
+
+		background: transparent !important;
+	}
+}
+
+@-moz-document domain(google.com) {
+
+	body,
+	html,
+	.f6F9Be,
+	div#search>* {
+		background-color: transparent !important;
+	}
+
+	.g,
+	.appbar {
+		background-color: transparent !important;
+	}
+
+	div#rso {
+		* {
+			background-color: transparent !important;
+		}
+	}
+
+	div#cnt>div {}
+}
+
+@-moz-document domain(github.com) {
+
+	body,
+	html,
+	header,
+	#repository-container-header,
+	.gh-header,
+	.bgColor-muted,
+	section,
+	.feed-background,
+	.color-bg-default {
+		background-color: transparent !important;
+	}
+
+	.feed-item-content,
+}
+
+@-moz-document domain(duckduckgo.com) {
+
+	body,
+	html,
+	.site-wrapper,
+	.zci-wrap,
+	.zci,
+	.header-wrap,
+	.metabar,
+	.footer,
+	*::before,
+	.module--translations-translatedtext {
+		background: transparent !important;
+	}
+}
+
+@-moz-document domain(discord.com) {
+	:root {
+		.layer_cd0de5 :is([role="dialog"], .streamPreview_adbea6) {
+			background: hsl(var(--primary-700-hsl)) !important;
+		}
+
+		--primary-560: rgba(0, 0, 0, 0.05) !important;
+		--primary-600: rgba(0, 0, 0, 0.05) !important;
+		--primary-630: rgba(0, 0, 0, 0.05) !important;
+		--primary-645: rgba(0, 0, 0, 0.05) !important;
+		--primary-660: rgba(0, 0, 0, 0.05) !important;
+		--primary-700: rgba(0, 0, 0, 0.05) !important;
+		--primary-730: rgba(0, 0, 0, 0.05) !important;
+		--primary-760: rgba(0, 0, 0, 0.05) !important;
+		--primary-830: rgba(0, 0, 0, 0.05) !important;
+		--primary-860: rgba(0, 0, 0, 0.05) !important;
+		--primary-900: rgba(0, 0, 0, 0.05) !important;
+	}
+
+	[class^="focusLock_"] {
+		--saturation-factor: 1;
+		--primary-600: hsl(var(--primary-600-hsl) / 1) !important;
+		--primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%) 20.588% !important;
+		--modal-background: var(--primary-600);
+	}
+
+	.no-webkit-scrollbar * {
+		scrollbar-width: none !important;
+	}
+}
+
+@-moz-document domain(x.com) {
+	:root {
+		--theme-popup: rgba(0, 0, 0, 0.8);
+		--theme-bg-dim: rgba(0, 0, 0, 0.4);
+	}
+
+	body {
+		background-color: var(--theme-bg-dim) !important;
+	}
+
+	[data-testid="primaryColumn"],
+	[aria-label="Trending"]>*>*,
+	[aria-label="Home timeline"]>*>*,
+	[aria-label="Search"]>* {
+		background: transparent !important;
+	}
+
+	select,
+	[data-testid="Dropdown"],
+	[data-testid="hoverCardParent"],
+	[data-testid="DMDrawer"]>div,
+	div[role="dialog"],
+	div[role="listbox"],
+	div[role="radio"] {
+		background: var(--theme-popup) !important;
+	}
+
+	.r-kemksi,
+	.r-5zmot {
+		background: transparent !important;
+	}
+}
+
+body,
+html {
+	background-color: var(--bg-color) !important;
+}
+
+html#main-window>body {
+	background: transparent !important;
+}
+
+.page-content {
+	background: transparent !important;
+}
+
+#zen-main-app-wrapper {
+	background: color-mix(in oklab, var(--zen-main-browser-background) 90%) !important;
+}
+
+@import "Zen-Nebula/Nebula/userContent.css";