An open API service indexing awesome lists of open source software.

https://github.com/tas33n/cyber-punk-facebook

Cyber Punk Edition for fb web
https://github.com/tas33n/cyber-punk-facebook

cyberpunk facebook stylus theme userstyles

Last synced: about 2 months ago
JSON representation

Cyber Punk Edition for fb web

Awesome Lists containing this project

README

        

#+STARTUP: nofold
#+HTML:

* Cyber-Punk-Facebook
A cyber Punk inspired theme for facebook web.

[[https://github.com/tas33n/Cyber-Punk-facebook/blob/master/changelog.org][https://img.shields.io/github/v/tag/tas33n/Cyber-Punk-facebook.svg?label=version&style=flat]]
[[https://github.com/tas33n/Cyber-Punk-facebook/stargazers][https://img.shields.io/github/stars/tas33n/Cyber-Punk-facebook.svg?style=flat]]
[[https://github.com/tas33n/Cyber-Punk-facebook/network][https://img.shields.io/github/forks/tas33n/Cyber-Punk-facebook.svg?color=007ec6&style=flat]]
[[https://github.com/tas33n/Cyber-Punk-facebook/wiki][https://img.shields.io/badge/docs-on%20GitHub-007ec6.svg?&style=flat]]
[[https://raw.githubusercontent.com/tas33n/Cyber-Punk/main/Cyber-Punk.user.styl][https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat]]

#+HTML:

#+HTML:

#+HTML:

/Version 1.0.0 first build./

#+HTML:

** About
Experimental userstyle for Facebook.

*Update 25.08.2022*: This is my first build so it may have bugs in it but bare with me.

** Installation
You have to install [[https://add0n.com/stylus.html][Stylus]] and then click on the install link below.

[[https://raw.githubusercontent.com/Tas33n/Cyber-Punk-facebook/main/Cyber-Punk.user.styl][https://img.shields.io/badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true&style=flat]]

** Bugs & Fixes
Found a bug when clicking menu button from left side, Menu Container gets hidden. It caused by Clip-path property which was used to cut div/box corner.

You can fix this very easily.. Just follow below steps..

Edit the css theme,
Goto class .oab4agdp in line 123. inside class chek this two property

130| -webkit-clip-path: var(--ui-notch-path);

131| clip-path: var(--ui-notch-path); */

Remove this lines..

Next

144| width: var(--ui-notch-hypotenuse);

remove this line too..

Now the clip path (corner cutout) for post box and few other box's will be disabled.. but it will fix the issue..

** Contributing
Contributing is welcome!