Jump to content

A dark theme for LinusTechTips

Gimbergsson
 Share
Posted

:D this looks awsome thanks man 

If you tell a big enough lie and tell it frequently enough it will be believed.

-Adolf Hitler 

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Look very nice I would use this black theme over the default white one any day.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Just no please for me don't use IE.

 

edit: nvm i think this is a joke?

No, its not. I use IE 10.

CPU: AMD FX-8350 Eight-core Processor @4.8Ghz | Hard Drive: Seagate 1TB Hard Drive 7200 Rpm | RAM: Patriot Viper 3 @1920Mhz (8GB) | GPU: EVGA Gefroce GTX 770 2GB SC Edition w/ ACX Cooling | Mobo: ASUS Crosshair V Formula-Z Gaming Mobo | PSU: ULTRA LSP SERIES V2 750W ATX POWER SUPPLY | Case: NZXT Phantom (green/black) | Cooling: H100i Liquid Cooling Loop

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author

I have updated the theme, so be sure to update!

If you want the theme to auto update follow instructions in the spoiler below (I will also post this in the topic later)

 

!important; I use this when i testing so it can happen that something is going to look weird that's because I'm currently developing the theme! !important;

 

  1. Open stylish "manage installed styles" page.
  2. Click "write new style".
  3. Paste one of these lines of code into the style. First is for original theme and the second line is for the theme without width restrictions. 
    @import url('http://alphaapplication.com/linus_theme/theme_01.css');@import url('http://alphaapplication.com/linus_theme/theme_02.css');
  4. Tick the enable box and name the theme to whatever you want.
  5. Choose in the "applies to" dropdown menu "URLs on the domain" and type in "linustechtips.com"
  6. And then click "Save" now your done :D

See the image below!

 

ltt_auto_update.png

Case: Fractal Design Define XL Modded for custom watercooling both for CPU and GPU MB: Asus ROG Hero VI MaximusRAM: 16GB @ 2GHz GPU: AMD 7970 3GB Refrence SSD: 2st OCZ Agility 3 120GB RAID 0 + 2TB HDD CPU: Intel 4770K Keyboard: QPAD MK-85 Mouse: QPAD 5K My Android Apps!
Link to comment
Share on other sites
Link to post
Share on other sites
  • 1 month later...
Posted

Instructions! ↓

 

 

 

I'm not getting the " install with stylish" Green button. i restarted Safari on my MBP.. but still no luck..

This saved my eyes, thanks a bunch!

CPU: AMD FX-8350 - Noctua NH-D14 | Asus Crosshair V Formula | 16GB Kingston HyperX | Plextor M5P Extreme 256GB SSD

GPU - Asus AMD Radeon 6950 Direct CU II 2GB |

Seasonic 1000 W Platinum | Cooler Master 690 ii Advanced | Asus VE248H + VE248Q

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Saved my eyes a bunch too! Thanks a lot :D

| Currently no gaming rig | Dell XPS 13 (9343) |

| Samsung Galaxy Note5 | Gear VR | Nvidia Shield Tab | Xbox One |

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Looks nice, but what if we actually had an option to have it set to black on the page. I mean, a dropdown menu at the bottom where you can choose the themes. What if the admins did this? Wouldn't that be great?

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Wish their was an option for a person to choose their own background color. :rolleyes:

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

awww yeah! Thank you for this! now the forum doesn't tare my eyes out while surfing it at night!

And then you realize your shoes are filled with peanut butter, what then?! >:L

Link to comment
Share on other sites
Link to post
Share on other sites
  • 4 weeks later...
Posted

I have updated the theme, so be sure to update!

If you want the theme to auto update follow instructions in the spoiler below (I will also post this in the topic later)

 

!important; I use this when i testing so it can happen that something is going to look weird that's because I'm currently developing the theme! !important;

 

  1. Open stylish "manage installed styles" page.
  2. Click "write new style".
  3. Paste one of these lines of code into the style. First is for original theme and the second line is for the theme without width restrictions. 
    @import url('http://alphaapplication.com/linus_theme/theme_01.css');@import url('http://alphaapplication.com/linus_theme/theme_02.css');
  4. Tick the enable box and name the theme to whatever you want.
  5. Choose in the "applies to" dropdown menu "URLs on the domain" and type in "linustechtips.com"
  6. And then click "Save" now your done :D

See the image below!

 

ltt_auto_update.png

thanks dude :)

PROFILEYEAH

What do people even put in these things?

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

I have updated the theme, so be sure to update!

 

 

Thank you for the work, added 'stylish' and your ... (term?) to my browser.

 

I have a question:

 

Is it normal to see now the 'quote' text only if 'marking' it with my mouse (background and text color very similar)? Or did I something in the wrong way?

 

Beside that: love it :wub:

 

edit: and I usuallyy prefer a black letters on white, light grey... background, but somehow the original colors are a bit too bright for my eyes

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Thanks for this, I use a dark them for Twitch with Stylish. This is great :)

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

@Gimbergsson

 

This is fucking excellent! I didn't know about this extension and have always wondered about making websites dark, I have now seen that there is a black theme for YouTube posted by someone else that's great also!

 

Thank you very much for making this thing man, I donated you $5.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

Hi, recently i have been working on a dark theme for LinusTechTips.

 

Instructions on how to get the theme are below the screenshot!

Please post feedback on the theme!

 

Remember the theme is not finished yet! So if you find something funny, post it in the thread. :) 

 

In the spoiler below is a screenshot of the theme (it's on Google chrome).

linus_scr.jpg

 

*I recommend to use the "Original theme" for larger screen sizes and the "Theme without width restrictions" on smaller screen sizes (such as laptops).

 

Instructions for Chrome and FireFox!

 

 

Instructions for Opera[2]

  • Save the CSS on your computer. With Width - Without Width
  • Right click anywhere on LinusTechTips and then choose "Edit Site Preferences..."
  • Under the flap "Display" then under "My style sheet" click "Choose..." and choose the CSS file you just saved.
  • Done, just refresh LinusTechTips.

 

 

Instructions for Safari[1]

  • Download stylish for Safari and install it
  • After installed stylish click on the "S" icon in the top left corner
  • Then choose "Manage" and in the search box search for "linustechtips"
  • Done

 

 

Instructions for Firefox on Android

  • Download FireFox for your android device http://goo.gl/oe1ZJ
  • Just follow the same instructions as Chrome and FireFox :D BUT CHOOSE THE THEME WITHOUT WIDTH RESTRICTIONS

 

Change logo

4d0Db.png

  1. Install stylish using the instructions above.
  2. Go to http://goo.gl/H8fltY and click install

 

[1] - Works on both Windows and Mac.

[2] - You need to update the theme manually using the same way.

 

I need to eat :)

Donate a buck OR Spare some Bitcoin - 1BxfjZEmEV5wZvR8uihzfvTs1SZBSA1D4g

THANKS!!

Link to comment
Share on other sites
Link to post
Share on other sites
Posted

The theme links don't work for me. I get an internal server error.

Link to comment
Share on other sites
Link to post
Share on other sites
Posted
  • Author

The theme links don't work for me. I get an internal server error.

Stylish are having problems with their server.

Please look at the first post on page 10 (Auto update, post #181) and follow the instructions :)

Case: Fractal Design Define XL Modded for custom watercooling both for CPU and GPU MB: Asus ROG Hero VI MaximusRAM: 16GB @ 2GHz GPU: AMD 7970 3GB Refrence SSD: 2st OCZ Agility 3 120GB RAID 0 + 2TB HDD CPU: Intel 4770K Keyboard: QPAD MK-85 Mouse: QPAD 5K My Android Apps!
Link to comment
Share on other sites
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing Guides and Tutorials

×