Drupal 8 Theming - Part 01 - Theme Setup

In this episode of Drupal 8 Theming tutorial series we are going to setup our theme, add our css file to it, remove some default css files and add our main JavaScript file.

Drupal uses yml files for dealing with libraries (css and js), this is great. But the setup of those files in your theme isn't exactly intuitive, but it's not hard either.

In this tutorial you will learn how to register your theme and add css and JavaScript files to your theme.

[loupacheco]

at around 6:54 I needed to also add the key/value pair "base theme" which is required in Drupal 9 but optional for Drupal 8. I added mine as such "base theme: false" and it worked after adding that additional line. ALSO if you're using Drupal 9 instead of core: 8.x you would replace that line with "core_version_requirement^9"

[SimPwear]

I dare say - You're the best teacher in Web Dev. I learnt a lot from you... Thank you so much!!

[Veronica-bdfq]

Learned more in 20 minuts than reading the official documentation in 2 days.
Thank you so much Ivan Dorić <3

[zenongarnek]

Excellent tutorial - belongs to those of the best on line. This is very valuable stuff. Thank you for your time Ivan.

[shawnwilkersonPhD]

@10:05 stylesheets-remove is deprecated in Drupal 9

[gtfo]

Thank you!
I can't learn by reading giant walls of boring text. Drupal documentation, while comprehensive, is so long winded and dry. My eyes glaze over and I don't absorb anything.
I need videos like this! Thank you * 1000.

[LumasTV]

Excellent video. Very clear, step by step information. Looking forward to the next ones. Cheers, Ivan.

[jeremyward]

You are a great teacher and you have great taste in books !

[AjayKumar-udxm]

Great explanation. Thank you for making our life's easy😀

[YoussefQorchi]

Best videos about drupal 8 theming ! Thank you :)

[AndriLindbergs]

Thanks. Nice video.I subscribed and liked it. Personally would just open an incognito tab instead of endlessly logging in and out. But you presentation was thorough and clear.

[daltonkunstleben]

10:20 For those getting "The website encountered an unexpected error. Please try again later" when flushing the cache, use a single space instead of indenting each css ref.

[pradeepmishra]

i did everything & properly followed but i don't find inside my browser after clearing caches and i also created manually a style.css inside that custom theme folder it didn't showed in browser
PLZ Help

[Supermason]

Also, When I click on the "Install New Theme" button I don't get what you get where I can upload the file or utilize the link. It tells me that I have to directly upload the file to the server in the /core/themes folder. I did this process, but for some reason they don't show up when I go to the "Appearance" section to choose a new them. Any

[MarcoAntonio-lsyg]

I like you style to show how to do the things. Best regards from Colombia.

[martin-]

Really great intro to D8 themeing - have subscribed - top work mate !

[brandonschaffner]

so my drupal 8 tells me that it doesnt support yml and it needs to be other file type so i can't upload the new custom theme

[Jay-fsyg]

please help me, I'm getting always this one, The website encountered an unexpected error. Please try again later.

[stalkeromakarov]

Hey, I just tried your way and nothing happens with turning off cach, after this i changed name of defaul.settings and all goes gut. Maybe it depends on anything/?

[mh_golfer]

Can you force the js to be in the header?