Giter Club home page Giter Club logo

youtube-fluent-theme's Introduction

Youtube Css for Fluent Theme.

RECCOMENDED TO USE THE THEME WITH CAPTION WINDOW BLUR. NOT RECCOMENDED TO USE THE VERSION WITHOUT IT AS IT BLURS THE BACKGROUND OF EACH WORD, MAKING IT HIGHLY GPU INTENSIVE. IT KEEPS FLICKERING IF THE CAPTION HAS MULTIPLE EFFECTS.

Yes the home page automatically hides the navigation bar on the left. For it to appear you have to click on the hamburger menu button twice after which it will work as usual.

I have made it easy to toggle autohide sidebar on or off. Just follow the instruction given as comments in the css files of both the themes

You can find a preview of the theme in Preview.

Notes:

  • Does not work with Firefox because backdrop blur isnt supported.
  • Will be constantly editing Thats what I thought but I had Exams. Sorry for the delay. Will continue at the earliest..
  • If using the autohide nav theme theme please apply both css and javascript if you want to see the navigation menu when pressing the button.
  • If only css is used, navigation menu will never appear even if clicked multiple times.
  • This theme contains the Modern Scrollbar extension's css Github repository of Modern Scrollbar
  • This project is an tweaked version of a dropped stylish extentions theme called APPLE-TUBE (BIG 2020 UPDATE).

Installation and usage

Tutorial video by LAW-Tutorials

You can use Stylus, Enhancer for Youtube Extension, Tweaks for YouTube Extension or any other such Extensions to apply this theme.

Go to the custom css section of the extention you use and copy paste all the contents of any of the themes in Themes folder.

If using the autohide theme paste all the contents of javascript.js to the custom javascript of the extension.

Contributions and Troubleshooting

Please notify if any issues found. Use GitHub issues or DM me on Discord. I am not a professional coder nor have i learnt css fully. Please do not hesitate to mark issues.

Useful resources

youtube-fluent-theme's People

Contributors

rikisut 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.