theme dans tailwind config

index.php

@@ -10,7 +10,7 @@
     <?php wp_body_open(); ?>
     <?php do_action('get_header'); ?>
 
-    <div id="app" class="banner bg-slate-900 text-slate-50 flex w-full flex-col justify-center items-center">
+    <div id="app" class="banner bg-jlg-dark-blue text-jlg-white font-authentic flex w-full flex-col justify-center items-center">
       <?php echo view(app('sage.view'), app('sage.data'))->render(); ?>
     </div>
 

resources/styles/app.css

@@ -4,11 +4,10 @@
 
 @layer base{
     @font-face {
-        font-family: "Authentic_Sans_90";
+        font-family: "Authentic_Sans";
         src: url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff") format("woff"),
         url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff2") format("woff2"),
         url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.otf") format("otf");
-        font-weight: 90;
         font-style: normal;
     
       }

resources/views/index.blade.php

@@ -15,18 +15,18 @@
 </style>
 
 <div class="font-authentic">Ceci est du texte avec la police Authentic Sans 90</div>
-<div class="font-authentic60">Ceci est du texte avec la police Authentic Sans 60</div>
+<div class="font-authentic-60">Ceci est du texte avec la police Authentic Sans 60</div>
 <div class="font-caslon">Ceci est du texte avec la police Caslon normal</div>
 <div class="font-caslon italic">Ceci est du texte avec la police Caslon italique</div>
 
   <table class="table-fixed">
     <thead>
-      <tr class="border-slate-50 w-4/5 h-64 top-24 fixed flex items-stretch justify-around text-center">
+      <tr class="border-jlg-white w-4/5 h-64 top-12 fixed flex items-stretch justify-around text-center text-lg uppercase">
-        <th class="bg-slate-900 w-1/5 flex items-end justify-start"></th>
+        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start"></th>
-        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Images</th>
+        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Images</th>
-        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Voix Off et In</th>
+        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Voix Off et In</th>
-        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Bande Son</th>
+        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Bande Son</th>
-        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Ecrits</th>
+        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Ecrits</th>
       </tr>
     </thead>
     <tbody>
@@ -43,7 +43,7 @@
         if ($query->have_posts()) :
           while ($query->have_posts()) : $query->the_post();
       ?>
-          <tr class="border-slate-50">
+          <tr class="border-jlg-white font-authentic-60">
             <td class="w-1/5 bg-red-400 pr-4 pt-1 pb-8 text-right">{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
             <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
             <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>

resources/views/layouts/app.blade.php

@@ -4,7 +4,7 @@
 
 @include('sections.header')
 
-  <main id="main" class="main bg-slate-900 w-4/5 z-0 mt-96 mt-1/12">
+  <main id="main" class="main bg-jlg-dark-blue w-4/5 z-0 mt-96 mt-1/12">
     @yield('content')
   </main>
 

resources/views/sections/header.blade.php

@@ -1,6 +1,8 @@
-<header class="text-4xl py-8 shadow-lg fixed top-0 h-1/12 w-full bg-slate-900 flex flex-row justify-center items-center z-10">
+<header class="border-jlg-light-white py-8 shadow-xlg fixed top-0 h-1/12 w-full bg-jlg-dark-blue flex flex-row justify-center items-center z-10">
-  <a class="brand" href="{{ home_url('/') }}">
+  <a class="brand text-center text-xl" href="{{ home_url('/') }}">
-    {!! $siteName !!}
+    <!-- {!! $siteName !!} -->
+    <span class="font-caslon uppercase">Partition<br></span>
+    <span class="font-caslon italic">Le Livre d'Image</span>
   </a>
 
   @if (has_nav_menu('primary_navigation'))

tailwind.config.js

@@ -4,12 +4,24 @@ const config = {
   content: ['./index.php', './app/**/*.php', './resources/**/*.{php,vue,js}'],
   theme: {
     extend: {
-      colors: {}, // Extend Tailwind's default colors   
+      colors: {
+        'jlg': {
+          'dark-blue': '#010d19',
+          'white': '#f5fefe',
+          'light-white': '#f5fefeaa'
+        }
+      }, // Extend Tailwind's default colors   
       fontFamily: {
-        'authentic': ['Authentic_Sans_90', 'sans-serif'],
+        'authentic': ['Authentic_Sans', 'sans-serif'],
-        'authentic60': ['Authentic_Sans_60', 'Authentic_Sans_90', 'sans-serif'],
+        'authentic-60': ['Authentic_Sans_60', 'sans-serif'],
         'caslon': ['Libre_Caslon', 'serif'],
       },
+      fontSize: {
+        sm: ['14px', '20px'],
+        base: '16px',
+        lg: '24px',
+        xl: '35px',
+      }
     },
   },
   plugins: [],

theme.json

@@ -1246,6 +1246,21 @@
           "name": "Rose 950",
           "slug": "rose-950",
           "color": "#4c0519"
+        },
+        {
+          "name": "Jlg Dark-blue",
+          "slug": "jlg-dark-blue",
+          "color": "#010d19"
+        },
+        {
+          "name": "Jlg White",
+          "slug": "jlg-white",
+          "color": "#f5fefe"
+        },
+        {
+          "name": "Jlg Light-white",
+          "slug": "jlg-light-white",
+          "color": "#f5fefeaa"
         }
       ]
     },
@@ -1287,14 +1302,9 @@
           "fontFamily": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace"
         },
         {
-          "name": "Authentic_Sans_90",
+          "name": "Authentic_Sans",
           "slug": "authentic",
-          "fontFamily": "Authentic_Sans_90,sans-serif"
+          "fontFamily": "Authentic_Sans,sans-serif"
-        },
-        {
-          "name": "Authentic_Sans_60",
-          "slug": "authentic60",
-          "fontFamily": "Authentic_Sans_60,Authentic_Sans_90,sans-serif"
         },
         {
           "name": "Libre_Caslon",
@@ -1311,22 +1321,22 @@
         {
           "name": "sm",
           "slug": "sm",
-          "size": "0.875rem"
+          "size": "14px"
         },
         {
           "name": "base",
           "slug": "base",
-          "size": "1rem"
+          "size": "16px"
         },
         {
           "name": "lg",
           "slug": "lg",
-          "size": "1.125rem"
+          "size": "20px"
         },
         {
           "name": "xl",
           "slug": "xl",
-          "size": "1.25rem"
+          "size": "35px"
         },
         {
           "name": "2xl",