272 lines
9.7 KiB
Nix
272 lines
9.7 KiB
Nix
rice: with rice.color; let
|
|
f = rice.lib.hex-to-rgb-comma-string;
|
|
blur = builtins.toString 20;
|
|
in /* css */ ''
|
|
/* Removes the white loading page */
|
|
/* url(about:newtab), url(about:home) */
|
|
@-moz-document url(about:blank) {
|
|
html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
|
|
background: transparent !important;
|
|
}
|
|
}
|
|
|
|
/* Sets up minimal incognito scrollbar */
|
|
@-moz-document url(about:privatebrowsing) {
|
|
:root{
|
|
scrollbar-width: thin !important;
|
|
scrollbar-color: rgb(161, 161, 161) transparent !important;
|
|
}
|
|
}
|
|
|
|
/* new-tab */
|
|
@-moz-document url-prefix(about:home), url-prefix(about:newtab) {
|
|
:root {
|
|
--newtab-background-color-secondary: rgba(${f background},0.5) !important;
|
|
}
|
|
body, html {
|
|
background: transparent !important;
|
|
}
|
|
.tile, .search-handoff-button {
|
|
border: ${builtins.toString rice.border-width}px solid ${border} !important;
|
|
}
|
|
}
|
|
|
|
@-moz-document url-prefix("https://n.nx2.site/") {
|
|
:root, [data-theme-dark] {
|
|
--color-main-background: #00000055;
|
|
--color-main-background-rgb: 0,0,0;
|
|
--color-primary-element-light: #550000;
|
|
}
|
|
.app-navigation, .app-content {
|
|
background: rgba(0,0,0,0.8) !important;
|
|
backdrop-filter: blur(5px) !important;
|
|
}
|
|
.files-list__row-head, .files-list__tfoot {
|
|
background: rgba(0,0,0,0.5) !important;
|
|
}
|
|
.fc-day-today {
|
|
background: #ff000055 !important;
|
|
}
|
|
.files-list__thead {
|
|
background: transparent !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@-moz-document domain(reddit.com) {
|
|
header {
|
|
background-color: rgba(${f background},${builtins.toString rice.transparency}) !important;
|
|
backdrop-filter: blur(${blur}px);
|
|
}
|
|
body, html, .bg-neutral-background, .threadline, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar, comment-body-header, shreddit-comment-tree, #flex-left-nav-container {
|
|
background-color: transparent !important;
|
|
}
|
|
#search-dropdown-results-container {
|
|
background: rgba(${f background},0.8) !important;
|
|
}
|
|
#main-content {
|
|
background-color: rgba(${f background},0.5)!important;
|
|
}
|
|
|
|
}
|
|
|
|
@-moz-document domain(reddit.com) {
|
|
header {
|
|
background-color: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}) !important;
|
|
}
|
|
body, html, reddit-sidebar-nav, shreddit-post, aside, .reddit-search-bar{
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
@-moz-document domain(google.com) {
|
|
.sfbg {
|
|
background-color: rgba(${rice.lib.hex-to-rgb-comma-string background},${builtins.toString rice.transparency}) !important;
|
|
backdrop-filter: blur(${blur}px);
|
|
}
|
|
body, html, div#search > * {
|
|
background-color: transparent !important;
|
|
border: ${builtins.toString rice.border-width} solid ${border};
|
|
}
|
|
.g, .appbar {
|
|
background-color: transparent !important;
|
|
border: ${builtins.toString rice.border-width} solid ${border};
|
|
}
|
|
div#rso {
|
|
* {
|
|
background-color: transparent !important;
|
|
border: ${builtins.toString rice.border-width} solid ${border};
|
|
}
|
|
}
|
|
div#cnt > div {
|
|
|
|
}
|
|
}
|
|
@-moz-document domain(gemini.google.com) {
|
|
input-container, input-container::before {
|
|
background: transparent !important;
|
|
}
|
|
bard-sidenav {
|
|
background: rgba(${rice.lib.hex-to-rgb-comma-string background},0.5) !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root .theme-system {
|
|
--color-bg: transtparent !important;
|
|
--color-text: ${rice.color.foreground}
|
|
}
|
|
}
|
|
|
|
@-moz-document domain(developer.mozilla.org) {
|
|
html, body {
|
|
background-color: transparent !important;
|
|
}
|
|
.top-navigation, .article-actions-container {
|
|
background-color: rgba(0,0,0,1) !important;
|
|
backdrop-filter: blur(100px);
|
|
border-radius: ${builtins.toString rice.rounding}px;
|
|
}
|
|
}
|
|
|
|
@-moz-document domain(github.com) {
|
|
body, html, header, #repository-container-header, .bgColor-muted, section {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@-moz-document domain(youtube.com) {
|
|
body, html, div#content, ytd-app, #frosted-glass.with-chipbar.ytd-app, ytd-shorts[is-dark] #cinematic-shorts-scrim.ytd-shorts {
|
|
background-color: transparent !important;
|
|
}
|
|
#background.ytd-masthead, div#background {
|
|
background-color: rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important;
|
|
backdrop-filter: blur(100px);
|
|
}
|
|
* {
|
|
--yt-spec-base-background: transparent;
|
|
--yt-spec-raised-background: rgba(${rice.lib.hex-to-rgb-comma-string background}, ${builtins.toString rice.transparency}) !important;
|
|
--yt-spec-menu-background: rgba(${rice.lib.hex-to-rgb-comma-string accent.dark}, ${builtins.toString rice.transparency}) !important;
|
|
--yt-spec-inverted-background: rgba(${rice.lib.hex-to-rgb-comma-string secondary.dark}, ${builtins.toString rice.transparency}) !important;
|
|
}
|
|
}
|
|
|
|
@-moz-document domain(mynixos.com) {
|
|
body, html {
|
|
background-color: transparent !important;
|
|
}
|
|
header, footer {
|
|
background-color: rgba(0,0,0,0.5) !important;
|
|
backdrop-filter: blur(100px);
|
|
border-radius: ${builtins.toString rice.rounding}px;
|
|
}
|
|
}
|
|
@-moz-document domain(notebooklm.google.com) {
|
|
body, html, notebook, omnibar {
|
|
background-color: transparent !important;
|
|
}
|
|
header, footer, .studio-panel, .chat-panel, .source-panel {
|
|
background-color: rgba(0,0,0,0.5) !important;
|
|
backdrop-filter: blur(100px);
|
|
border-radius: ${builtins.toString rice.rounding}px;
|
|
}
|
|
}
|
|
|
|
@-moz-document domain(moodle.informatik.tu-darmstadt.de) {
|
|
body, html , .main-inner, .main-inner * {
|
|
background-color: transparent !important;
|
|
}
|
|
.bg-primary {
|
|
background-color: rgba(${rice.lib.hex-to-rgb-comma-string accent.base},0.5) !important;
|
|
}
|
|
}
|
|
@-moz-document domain(wikipedia.org) {
|
|
body, html, div.mw-page-container, .vector-header, .mw-header {
|
|
background-color: transparent !important;
|
|
}
|
|
:root {
|
|
--color-base: ${foreground} !important;
|
|
--color-base--hover: ${accent.bright} !important;
|
|
--color-emphasized: ${accent.base} !important;
|
|
--color-progressive: ${accent.base} !important;
|
|
--color-progressive--hover: ${accent.brighter} !important;
|
|
--color-progressive--active: ${secondary.bright} !important;
|
|
--color-destructive: ${negative.base} !important;
|
|
--color-destructive--hover: ${negative.brighter} !important;
|
|
--color-destructive--active: ${negative.bright} !important;
|
|
--color-visited: ${secondary.base} !important;
|
|
--color-visited--hover: ${secondary.brighter} !important;
|
|
--color-visited--active: ${secondary.bright} !important;
|
|
--color-error: ${negative.base} !important;
|
|
--color-error--hover: ${negative.bright} !important;
|
|
--color-error--active: ${negative.bright} !important;
|
|
--color-warning: ${weird.base} !important;
|
|
--color-success: ${positive.base} !important;
|
|
--color-notice: ${special.base} !important;
|
|
--color-content-added: ${positive.base} !important;
|
|
--color-content-removed: ${negative.base} !important;
|
|
--color-base--subtle: ${accent.dark} !important;
|
|
--box-shadow-color-base: ${black.base} !important;
|
|
--background-color-base: transparent !important;
|
|
--background-color-neutral: transparent !important;
|
|
--background-color-neutral-subtle: transparent !important;
|
|
--background-color-interactive: ${accent.darker} !important;
|
|
--background-color-interactive--hover: ${accent.dark} !important;
|
|
--background-color-interactive--active: ${secondary.dark} !important;
|
|
--background-color-interactive-subtle: ${subtle.darker} !important;
|
|
--background-color-interactive-subtle--hover: ${subtle.dark} !important;
|
|
--background-color-interactive-subtle--active: ${subtle.base} !important;
|
|
--border-color-base: ${border} !important;
|
|
--border-color-emphasized: ${border2} !important;
|
|
--border-color-subtle: ${subtle.base} !important;
|
|
--border-color-muted: ${subtle.dark} !important;
|
|
}
|
|
}
|
|
|
|
|
|
@-moz-document url-prefix("https://nx2.site/") {
|
|
html {
|
|
background: radial-gradient(rgba(255, 255, 255, 0.8) 5%, transparent 5%) !important;
|
|
background-repeat: repeat !important;
|
|
background-size: 2vmin 2vmin !important;
|
|
}
|
|
}
|
|
|
|
@-moz-document url-prefix("pw.nx2.site") {
|
|
html {
|
|
background: black;
|
|
}
|
|
}
|
|
|
|
@-moz-document url-prefix("pw.nx2.site") {
|
|
html {
|
|
background: radial-gradient(rgba(255, 255, 255, 0.8) 5%, transparent 5%) !important;
|
|
background-repeat: repeat !important;
|
|
background-size: 2vmin 2vmin !important;
|
|
}
|
|
body, .tw-bg-background-alt3, main, .card-header, .card-body, .modal-body {
|
|
background-color: transparent !important;
|
|
}
|
|
.modal-open, .modal-header, form.modal-content, .modal-footer {
|
|
background-color: rgba(0,0,0,0.8) !important;
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
.cdk-virtual-scroll-content-wrapper, .card, .tw-bg-background, .modal-content {
|
|
background-color: rgba(0,0,0,0.8) !important;
|
|
border-radius: 10px !important;
|
|
border: ${toString rice.border-width}px solid ${border} !important;
|
|
}
|
|
}
|
|
|
|
''
|
|
# @-moz-document domain(chatgpt.com) {
|
|
# body, html , .bg-token-sidebar-surface-primary {
|
|
# background-color: transparent !important;
|
|
# }
|
|
# .bg-token-main-surface-primary {
|
|
# background-color: rgba(0,0,0,1) !important;
|
|
# backdrop-filter: blur(100px) !important;
|
|
# border-radius: ${builtins.toString rice.rounding}px !important;
|
|
# }
|
|
# }
|