DarkTube

Posted by malammar in Computers, Projects Nov 28th 46 Comments »

UPDATE (04/21/2011): New version out which fixes a lot of bugs. Go download it!

UPDATE (04/04/2011): I’d like to let everyone know that I have a quite a backlog of issues with this extension that I’m prepared to fix.  However, due to other projects taking my time and YouTube changing their site layout every 4 minutes for the last two weeks. I’m going to hold off on updating this site until things calm down at Youtubeland. Probably another week or so.

Feel free to keep reporting the bugs though! I need all the help I can get.

This extension reskins YouTube into a darker and simplified version. Every page including the video, browse, subscription, upload, and search pages is updated to match the style. The navigation fonts and buttons have also been slightly changed for better readability.

Screenshots

nl632fkjutnkwbs

 

Downloads

Changelog

—————-Version 2———————

Version 2.55

  • Lots of new fixes for the homepage including the search box.
  • New sprite image for the entire site.

Version 2.3

  • Added browsing pages including music, videos, and trailers (still need to work on movies).
  • Fixed problems caused by recent Youtube update.
  • Changed name to DarkTube

Versions 2.1-2.2

  • Minor fixes.

Version 2.0

  • By popular request, all of the white coloring has been removed. The extension is now fully dark and your eyes will be happy.
  • Major changes to the layout of all pages.
  • Inbox, account pages, search, and special pages now all work.
  • TODO: Fix the browsing pages (Oy vey there are a lot of them!)

Version 2.1

  • Minor fixes.

—————-Version 1———————

Version 1.1

  • Fixed sidebar when user presses expand button
  • Removed extra borders and margins on the video page

Version 1.2 & 1.21

  • Added work-around for chrome “box-shadow: inset” bug
  • Fixed browse page filtering styles

Version 1.3

  • Converted to Opera extension
  • Added styles to miscellaneous pages.

Version 1.32

  • New icon

Version 1.33

  • Fixed bugs on search, browsing, and music pages

Version 1.34

  • Fixed search bar bug when browsing Youtube in non-English languages.

Version 1.35

  • Fixed overflow bug for user video drop-down on video page.

Version 1.36

  • Fixed bugs caused by last update (whoops!).

Version 1.37

  • Fixed search page to make viewing links easier.

46 Responses to “DarkTube”

  1. Chrome User
    Tuesday, November 30th 2010 at 10:46 am | 

    Unfortunately, I had to uninstall this program. I noticed something quite peculiar. Initially, it worked flawlessly upon download. There were no discernible “bug’s.” Within a matter of hour’s, I attempted to watch a “Youtube” video. Quickly did I discover that, by utilizing this awesome extension, I was unable to pause, play, or maximize the Youtube video. Somehow, this extension interferes with the mechanic’s of “Youtube.” Hopefully this if remedied soon as this is an exceptionally and aesthetically pleasing extension. Congratulation’s to you and I will be checking daily for it’s remedy.

    Reply to this comment
  2. WolvenSpectre
    Tuesday, January 4th 2011 at 10:18 pm | 

    I tried this extension which looked great and was allot easier on the eyes but when it is enabled some videos that I subscribe to with heavily customized pages would not display the playing video unless I scrolled it off screen and back. Could it also have something to do with the fact I have plug in content set to not autoload (ie I get the big pale play button where the player or banner is)?

    I am on 32bit XP Pro with no swap file. oh I’ll just paste my system specs.

    Asus m2n-e mobo and an Athlon 64×2 4200 Dual Core CPU
    4GB DDR2 800MHz RAM with no Swap file.
    Nvidia GeForce 9500 OC video card driving 2 monitors (1280×1024, 1152×864)
    Geforce Driver 260.99
    Windows XP Pro SP3 fully updated 32 bit
    Opera 10.63 Default Browser (I also have 11 installed and am in the middle of migrating it to default), Firefox 3.6.11 & IE8 are secondary browsers.

    Reply to this comment
  3. Steve
    Friday, January 28th 2011 at 7:08 pm | 

    Hi Mustafa,

    I like the extension a lot, but I have one issue with it. YouTube comments initially display fine, but if you click the “See all” link under a YouTube video to see all of the comments, the comments are displayed in black text on an almost black background, making them unreadable. When you mouse over a comment, the background changes colour and the comment becomes readable, but obviously this is far from ideal.

    Here’s a pic to show you what I mean: -

    http://img543.imageshack.us/img543/3585/clipboard02qb.jpg

    Here I’m mousing over the top comment and you can see that the background is lighter than it is for the other comments, which can’t be read.

    This happened with Opera 11 and it also occurs in Opera 11.01. I’m running Windows 7 Pro if that makes any difference. This occurs on all videos.

    Many thanks for your work in making this extension.

    Steve.

    Reply to this comment
  4. paperboy
    Wednesday, March 2nd 2011 at 9:50 pm | 

    needs an update, youtube just change everything.

    Reply to this comment
  6. Znelli
    Wednesday, March 16th 2011 at 9:44 pm | 

    So i just downloaded your newest update and now when i play youtube videos the picture is squished into the left half of the youtube player and the right half is all black. Any idea why?!?!

    Reply to this comment
  7. Annonymous
    Wednesday, March 23rd 2011 at 5:50 pm | 

    Hello! I tested the plugin and works pretty great…
    But I noticed one thing, you can’t scroll the progress bar for where you want (showing the video part above)… You need to click play, and start scrolling…

    Can you fix that? I use a lot

    Reply to this comment
  8. Steve
    Friday, April 1st 2011 at 10:48 am | 

    It seems YouTube have changed some code again. When you type something into the search box, the text is in black – the same colour as the background, so you can’t see what you’re typing. The YouTube logo at the top of the page is also blacked out. There may be other changes too, but that’s all I’ve noticed for now. I’d have to disable the extension for the time being, but hopefully it can be updated again. Thanks for all the hard work!

    Reply to this comment
  9. Steve
    Sunday, April 24th 2011 at 10:22 am | 

    Hello again,

    Thanks for the updated version, but there is a new bug. When typing something into the search box, when you type each letter, the screen bounces down a little and then back up again. This happens with each key press. It seems to relate to YouTube reloading with each key press to provide the list of possible search terms.

    Thanks again,

    Steve.

    Reply to this comment
    • malammar
      Sunday, April 24th 2011 at 8:13 pm | 

      Hmmm, I can’t seem to replicate the bug. Which browser are you using?

      Reply to this comment
      • Steve
        Monday, April 25th 2011 at 11:53 pm | 

        I’m using Opera 11.10.

        I recorded a short video of the bug, which you can download here: -

        http://www.multiupload.com/Z2RNCL5G4G

        The video isn’t the best quality, but you can clearly see the screen bounce with each key press.

        Also, it’s not just happening when typing in the search box. If I use the scroll wheel on my mouse to move up and down the page, it happens then too and you can see the screen jerking as it bounces up and down instead of scrolling smoothly.

        I have 2 other extensions installed in Opera, both of which relate to YouTube (a pop-up ad blocker and a video downloader), but I have tried disabling both of them in case there’s some kind of conflict, but it makes no difference. When I disable your extension, the bouncing/jerky scrolling goes away, so it seems to point to it being that.

        Thanks again!

        Steve. :)

        Reply to this comment
  10. Steve
    Friday, April 29th 2011 at 5:17 pm | 

    “What a weird bug. Are you using OSX or Windows?”

    I’m using the 32 bit version of Windows 7 Professional. All patches are up to date, as is Flash and all the other software I use (AFAIK).

    Reply to this comment
  11. Emoryy
    Monday, May 9th 2011 at 2:45 pm | 

    Hi!

    There is a problem with this bar I think: http://files.myopera.com/Emoryy/screenshots/2011-05-09_213845.png

    The other thing: I am using YousableTubeFix, This userscript is able to resize the video player to given size. I am using it with the option “full”, which resizes the player to full width, but the player is misaligned when your extension is active.
    screenshot: http://files.myopera.com/Emoryy/screenshots/2011-05-09_213737.png
    Is it possible to make the extension compatible?

    Reply to this comment
    • malammar
      Thursday, May 12th 2011 at 11:48 pm | 

      Thanks for letting me know. I just fixed the bar and a few other things in this latest update. The Opera extensions site should have the update within a day or two.
      As for the YousableTubeFix, I’ll take a look but I’m not I can make my extension compatible with it, but I will give it a try.

      Reply to this comment
      • Emoryy
        Tuesday, May 17th 2011 at 12:08 pm | 

        Thanks! :)

        I’ve got the “YouWatch” Opera extension too, which adds an extra button to the top bar. With this button the content was too wide before, and the search field was wrapped to an another line (It’s visible on my screenshot). It seems that this is fixed now too.

        I have a somewhat big monitor now, so watching videos in bigger width would be nice (with YousableTubeFix).
        I’ve examined the code of Youtube (with your ext. activated) with Dragonfly, and I had to change two elements values. Namely I set the width of #content and #watch-video to 100%, and it seems to work fine, the player is aligned to the center if it’s set to wider, and no other parts of the layout is messed up, or anything like that.
        So I think that you have to change only these, to make it compatible with YousableTubeFix.

        Other thing I noticed, that on your screenshot the buttons under the player and the description box have rounded borders. But not for me.
        Is this a thing that you have changed, or is this an error?

        Thanks again!

        Reply to this comment
        • Emoryy
          Tuesday, May 17th 2011 at 3:23 pm | 

          I wondered why your extension takes up so much time to load every time. Then I noticed that it is requesting something from userstyles.org. I looked into your code, and found that you inject the stylesheet indeed from there.
          I don’t think that it is a good idea to do so. Their server is quite slow.
          But I understand why you did it (to be able to change the style more easily and faster) Maybe you could host it somewhere else?
          But I downloaded the css, and applied it directly in Opera. Now it loads instantly :)
          One tip: you can embed the used images with inline base64 coding into the css, so you don’t need to rely on imgur.com

  12. anon
    Thursday, August 4th 2011 at 2:45 pm | 

    the font colors are messed up

    Reply to this comment
  13. anon
    Thursday, September 1st 2011 at 4:47 am | 

    Just wanted to leave a little input. I’m using Google Chrome and a few things are a little messed up graphically, but other than that, this runs great, and I’m glad to have found this. I was growing tired of having to strain my eyes to watch a YouTube video..

    I’ve explained the problems in this image:
    http://img16.imageshack.us/img16/5971/darktube.png
    Thanks for reading, and thanks for the nice extension. :)

    Reply to this comment
  14. jim
    Tuesday, November 1st 2011 at 7:15 pm | 

    Why only for YouTube?
    Im looking for dark backround for all pages. Can u do that?

    Reply to this comment
  15. 7 Sanat - Sanatın Yedincisine 7 Sanat
    Friday, November 4th 2011 at 6:51 am | 

    7 Sanat – Sanatın Yedincisine 7 Sanat…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  16. çocuk oyun
    Tuesday, November 22nd 2011 at 4:51 pm | 

    çocuk oyun…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  17. vide,tutoriales,video tutoriales, tutoriales video
    Tuesday, November 29th 2011 at 4:25 am | 

    vide,tutoriales,video tutoriales, tutoriales video…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  18. forum
    Monday, December 5th 2011 at 2:32 am | 

    forum…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  19. Bingo tips
    Thursday, December 8th 2011 at 11:31 am | 

    Bingo tips…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  20. darmowe filmy rapidshare
    Thursday, December 15th 2011 at 7:23 am | 

    darmowe filmy rapidshare…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  21. haberler
    Sunday, January 1st 2012 at 1:13 pm | 

    haberler…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  22. watch a little help full movie
    Monday, January 9th 2012 at 10:04 pm | 

    Dave’s Weblog…

    [...]the time to read or visit the content or sites we have linked to below the[...]…

    Reply to this comment
  23. Carissa Wiltse
    Sunday, January 15th 2012 at 10:49 am | 

    Im grateful for the blog post.Much thanks again. Keep writing.

    Reply to this comment
  24. hip hop videos for your urban lifestyle, hip hop videos
    Sunday, January 29th 2012 at 9:20 pm | 

    hip hop videos for your urban lifestyle, hip hop videos…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment
  25. filmy download
    Thursday, February 9th 2012 at 5:55 am | 

    filmy download…

    [...]DarkTube | Cloud Stew[...]…

    Reply to this comment

Leave a Reply