Windows 11 Mica & Acrylic for Firefox

This page summarizes the projects mentioned and recommended in the original post on /r/FirefoxCSS

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • MicaForEveryone

    Mica For Everyone is a tool to enable backdrop effects on the title bars of Win32 apps on Windows 11.

  • Also, it allows some programs like MicaForEveryone to apply the Acrylic (blur) effect instead of Mica. The program also allows older builds of Windows 11 (including RTM) to apply the Mica effect without updating. (no Acrylic though)

  • firefox-scripts

    userChromeJS / autoconfig.js and extensions

  • #main-window { background-color: transparent !important; -moz-appearance: -moz-win-glass !important; } #navigator-toolbox { background: transparent !important; } /* for use with the status bar script in https://github.com/xiaoxiaoflood/firefox-scripts */ #main-window:not([inFullscreen="true"]) #browser-bottombox:not(:empty) { height: 22px !important; padding-top: 0px !important; background-color: transparent !important; } #status-bar { height: 22px !important; margin-top: -4px !important; background-color: transparent !important; } /* fix duplicate title bar buttons */ .titlebar-buttonbox-container { display: block; } .titlebar-buttonbox { height: 30px; } .titlebar-button:not(.titlebar-close), .titlebar-close:not(:hover) { list-style-image: none !important; } /* referenced from what FF does when using some persona themes */ :root { --toolbar-bgcolor: rgba(255,255,255,.4) !important; --toolbar-field-background-color: rgba(255,255,255,.8) !important; --urlbar-box-bgcolor: var(--button-bgcolor) !important; /* FF button bg in urlbar */ --chrome-content-separator-color: rgba(0,0,0,.3) !important; /* navbar bottom line */ --button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important; --button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important; } #urlbar-background, #searchbar { background-color: rgba(255,255,255,0.4) !important; } #urlbar[open="true"] > #urlbar-background { background-color: rgb(255,255,255) !important; } @media (prefers-color-scheme: dark) { :root { --toolbar-bgcolor: rgba(0,0,0,.4) !important; --toolbar-field-background-color: rgba(0,0,0,.8) !important; } #urlbar-background, #searchbar { background-color: rgba(0,0,0,0.4) !important; } #urlbar[open="true"] > #urlbar-background { background-color: rgb(0,0,0) !important; } } #nav-bar { box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--lwt-tabs-border-color, rgba(0,0,0,.3)) !important; /* navbar top line */ color: var(--toolbar-color) !important; } .tab-background[selected="true"] { background-color: transparent !important; background-image: linear-gradient(transparent, transparent), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; }

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Adapting custom buttons and legacy extensions to Librewolf Portableapps install

    1 project | /r/LibreWolf | 13 Sep 2023
  • Problems with custom scrollbar after updating to FF117

    1 project | /r/FirefoxCSS | 5 Aug 2023
  • [Help] How do I change the new tab page in Firefox

    1 project | /r/FirefoxCSS | 19 Jun 2023
  • How do I get rid of this gray overlay on hover in the context menu? (only the buttons along the top are affected)

    1 project | /r/FirefoxCSS | 14 Jun 2023
  • What are downsides and upsides of all the updates since after G3 for you?

    1 project | /r/waterfox | 5 May 2023