Customize Mercury Theme in Drupal CMS

👉 Support the channel & get exclusive content - Join WebWash Premium: https://www.webwash.net/premium/ So you've installed Drupal CMS and now you want to customize the look and feel. How do you do it? Join our free live stream and we'll take you through everything from simple tweaks to advanced customizations. We'll cover: Changing your site logo and branding Customizing colors using CSS variables Modifying full content view modes Compiling theme assets Come hang out, learn some new skills, and ask questions during our live Q&A! Theme https://www.drupal.org/project/mercury Chapters 00:00 Preshow 04:41 WebWash Premium Intro 07:17 Intro to Mercury theme 10:19 Install Drupal CMS Drupal CMS 10:49 Understanding Site Templates 15:38 Tour of Drupal CMS 18:02 Drupal Canvas Change Logo and Colors 20:40 Change logo 22:47 Changing colors 24:54 Generate CSS color variables from Tweakcn 28:20 Adjusting colors in canvas 31:19 Comment: Can this be used in production 31:56 Move theme.css to docroot 35:56 Code logic for switching theme.css Modify Content Template 39:04 Change content template 39:58 Comment: Theme variants 43:15 Comment: Server rendered code component 44:36 Modify blog full content 46:34 Previewing content 47:25 Map fields to components 49:13 Props and Slots in components 50:12 Understanding CVA 53:51 Add section 54:36 Mapping string props 57:04 Mapping image 59:22 Mapping text plain long Create Component 1:00:29 Create component using Drush 1:01:36 Update component Managing View Modes 1:04:15 Customize view modes 1:04:41 Create summary view mode 1:06:14 Export configuration 1:07:41 Canvas content template config 1:08:36 Clone existing card config 1:11:52 Modify summary view mode 1:14:16 Mapping absolute url in button 1:18:10 Update view listing 1:19:06 Rant: Single directory components Compile CSS and Tailwind 1:23:15 Compile tailwind 1:26:46 Run npm scripts 1:28:20 How tailwind compiles 1:32:22 Rant: Developer experience 1:33:26 Comment: When is CSS compiled Cloning theme 1:34:47 Mercury project page 1:37:02 Copy Mercury theme 1:38:33 Install new theme 1:39:26 Uninstall old theme Recap 1:42:56 Summary 1:43:16 Comment: Components and custom theme 1:47:50 Ending 1:48:01 Postshow