Coder Social home page Coder Social logo

georgyangelov / dark-youtube-plugin-chrome Goto Github PK

View Code? Open in Web Editor NEW
37.0 37.0 20.0 420 KB

Dark youtube plugin for Google Chrome & Opera 15+

Home Page: https://chrome.google.com/webstore/detail/bfeknfgchonpnofdjokchhdhdnddhglm

HTML 0.30% JavaScript 11.34% CSS 88.36%

dark-youtube-plugin-chrome's People

Contributors

chukaluk avatar deancanen avatar georgyangelov avatar jontonsoup4 avatar link07 avatar mizardx avatar nakami avatar nicuzs avatar noyloy avatar nsdex avatar stormbreakerbg avatar tholinka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dark-youtube-plugin-chrome's Issues

Youtube Redesign

Looks like Youtube pushed a major redesign today. All the styling is now broken.

Since the old style sheets were getting very cluttered, I suggest taking this opportunity to wipe clean dark.css and (re)start fresh. Obviously, we should keep using the same colors. Thoughts?

EDIT: Seems they might still be A/B testing it. As soon as I logged in, I get the old design.

White background for suggested videos

When you play a video, the suggested (related) videos have a white background.
I guess youtube guys changed some id's in the DOM and the css is not applied as expected

Centered Search

Youtube appears to be testing out a new centered search field. Selector is ".exp-searchbox-redesign #masthead-search", so this is likely experimental.

option0

I've played with a couple of options for the styling. Not sure which I prefer.

.exp-searchbox-redesign #masthead-search { background-color: #1b1b1b !important; }
option1

.exp-searchbox-redesign #masthead-search { background-color: #272727 !important; }
option3

.exp-searchbox-redesign #masthead-search { background-color: #222 !important; border: solid 1px #666 !important; height: 24px !important; margin-top: 6px !important; } .exp-searchbox-redesign #masthead-search:before { top: 5px !important; } .exp-searchbox-redesign #masthead-search-terms { margin: 0px !important; }
option2

The last one recaptures the outline that is present in the current styling, but I had to adjust the heights and margins of some of the inner elements - which I don't like.

Several issues with the Creator Studio pages

Using the Chrome extension version 1.3.38 from here on Chrome 55.0.2883.87 m.

Pretty much every page on the Creator Studio has issues. The biggest one for me is that the text is very dark and hard to discern from the background on every page, but there are many other minor but very distracting problems with these pages. Many of the highlights are still white, some separators are white and very uncomfotable to look at and some pages (like the Live Streaming and Analytics pages) are either half black and half white or just plain white.

Disable on copyright dispute page

Would it be possible to make an exception in for youtube.com/dispute_claim on YouTube? I (sometimes) make music and get many false Auto-ID copyright claims, and unfortunately find myself visiting the dispute page alot. This extension partially works on there, but puts white text on a white background.

Since this page is not used by most people, it would probably just be easier to have your extension not run at all on it.

Here is an example:
http://i.imgur.com/FhWpmYG.png

#masthead-search not inverted

Just noticed that this element is no longer inverted, and margin has been added.
This only seems to be the case when signed in. Incognito looks the same as it used to.

Fixed in stylish by setting background-color to transparent and removing margin.

Link color too dark

Hey, love the plugin! I forked the entire thing and was going to make this change myself, but realized it's such a simple change that doing so didn't make sense.

Could you change the blue link color to be lighter? I played around in DevTools and #68b4ee seems to work great.

The problem is that the current darkish blue doesn't have enough contrast with the black background to be easily visible. It kinda requires an eye strain and a squint, if you know what I mean. ;) Thanks!

Comments background is white.

The recent changes to comments have broken the plugin, causing the background of the comment section to be white. Comments are now handled via an iframe that embeds a widget from apis.google.com. Fixing this will require the permissions of the plugin to be expanded to include the new domain as well as introducing a separate injection script and style sheet.

Notification Options Checkboxes Don't render

If you have Dark enabled, and click on the options button (little gear icon) next to the Subscribed button, the menu that opens up has a checkbox, but with dark enabled, you can't actually see the checkmark. This makes it impossible to know if you have notifications enabled or not.

The same issue happens if you go into your accounts settings to manage all your notification options at the same time.

Previous searches in the suggestion box are not recolored.

Suggestions in the search box that match previous searches are being colored with the default 'visited link' (purple) color. This looks bad against the dark background of the suggestion box.

Steps to reproduce:

  1. Start entering a search query into the search box on any page
  2. Select an item from the suggestions list
  3. Start searching for that same query again.

Delay of dark theme when opening Youtube

Hi,
since yesterday 27/04/2017, whenever I load or refresh Youtube there is a 2-3 seconds delay before the dark theme is applied. This did not happen previously. Could it be related to the update?

[bug] "Subscribe" button has a wrong color/shadow

When a video is playing, right under the video, the "subscribe" button has the original text color / shadow which doesn't really fit in the picture. If you are already subscribed to that channel the "subscribeD" button looks ok though.
screenshot from 2013-06-11 22 47 14

Linux + Chrome 27.0.1453.110 + Dark Skin for Youtube™ 1.3.9

Old YouTube Design broken - All CSS modification addons/plugins disabled?

Hey there,

I am not a fan of the new "material" design of YouTube and I use the old one, recently, all my CSS modification addons have stopped working on the YouTube site(s) [ytimg, etc].

Is there any way to bypass/fix this? I have read previous issues and that you will not be providing support for the addon itself but this is not about the new YouTube layout

Comments section white (again?)

Only just started using the extension - and the background to the comments section isn't darkened at all. I see that this has been reported (and apparently fixed?) once before; not sure how much effort it would be to fix again. Using v1.3.12 which is the latest on the chrome webstore.

Huge sympathy with trying to keep up with youtube's constantly and unnecessarily shifting UI...

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.