Day-2-Explore-TailwindCSS-and-DaisyUI Tailwind Templates

Day 2 Explore Tailwindcss And Daisyui

Vs-code extension and Themes

  • Monokai theme
  • One Monokai theme
  • Tomorrow and Tomorrow Night Theme Kit
  • Better Comments
  • Highlight
  • Material Icon Theme (icon pack)

Google Chrome Extension

  • HTML Tree Generator
  • Pesticide for Chrome (without hover bar)
  • ColorZilla
  • WhatFont

Tailwind CSS Configuration

 <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: 'rgb(139, 195, 74)',
                        secondary: 'rgb(17, 17, 17)',
                        body: 'rgb(248, 246, 243)',
                        accent: 'rgb(106, 151, 57)',
                        body_neutral: 'rgb(51, 51, 51)',
                    },
                    fontFamily: {
                        Poppins: 'Poppins',
                    },
                    backgroundImage: {
                        leaf: "url('./images/leaf01.png')",
                        call_to_action: "url('./images/call.jpg')",
                    },
                },
            },
        }
 </script>

tailwind css and DaisyUI

    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
        integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

Top categories

Loading Svelte Themes