Code Monkey home page Code Monkey logo

blurredfox's Introduction

Blurred fox

A blurred transparent safari-like firefox CSS theme

blurredfox
screenshot

How to

Quick install for the linux lads

  1. Run
$ sh -c "$(curl -fsSL https://raw.githubusercontent.com/manilarome/blurredfox/master/install.sh)"
  1. After the confirmation message that the theme is successfully installed, open firefox. You'll notice that it is still not transparent. To fix this, Open Menu > Customize > Change the theme to Dark.

NOTE:

  • It is advisible to check the script first before running it.
  • The script will fail if you have multiple profile directory! Make sure you only have one!
  • If you have a current chrome folder in your profile directory, the script will make a backup.

Manual Installation

  1. Open the Firefox Menu located on the top-right corner with a humburger menu(three horizontal lines).
  2. Select Preferences, then Preferences again.
  3. Go to Advanced, find the Config Editor button then press it.
  4. A dialog will warn you, but ignore it, just do it press the I accept the risk! button.
  5. Search for toolkit.legacyUserProfileCustomizations.stylesheets, layers.acceleration.force-enabled, gfx.webrender.all, and svg.context-properties.content.enabled. Make sure to enable them all!
  6. Go to your Firefox profile located in $HOME/.mozilla/firefox/XXXXXXX.default-release/.
  7. Create a folder and name it chrome, then assuming that you already clone this repo, just copy the theme to chrome folder.
  8. Finally, change the Firefox theme from default to dark. This is important!

Note

If there's no blur effect

  1. The theme does not provide the blur effect! Make sure you have a compositor with blur support running! KDE Plasma, macOS, and Windows 10 have this by default, but you need to enable it! If you're using linux, use tryone144's feature/dual_kawase branch of picom. It includes the dual kawase shader.

If you're using Plasma and there's no blur effect,

  1. Enable the blur in your compositor. Go to System Settings > Desktop Effects > Enable Blur. Note that this will not enable the blur effect on all applications.

  2. Enable the blur effect on all applications by installing a KWin script called Force Blur.

  3. Go to System Settings > KWin Scripts > Enable Force Blur.

If you're using Windows or Mac and something's wrong

  1. Sadly, I only have archlinux, so a feedback is welcome if it works on your platform.

blurredfox's People

Contributors

eromatiya avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.