root/thecrimesynticate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: register syndicate/crime/gold color palette and Inter/Rajdhani fonts

Browse Source
This commit is contained in:
Doar Mihai
2026-06-28 02:42:26 +03:00
parent e0625b962e
commit ea56dbe3ef
3 changed files with 33 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/app.blade.php
+4 -20
View File
@@ -5,32 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<title>@yield('title', config('app.name', 'Laravel'))</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<link href="https://fonts.bunny.net/css?family=inter:400,500,600|rajdhani:600,700&display=swap" rel="stylesheet" />
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans antialiased">
<div class="min-h-screen bg-gray-100">
@include('layouts.navigation')
<!-- Page Heading -->
@isset($header)
<header class="bg-white shadow">
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
{{ $header }}
</div>
</header>
@endisset
<!-- Page Content -->
<main>
@yield('content')
</main>
</div>
<body class="font-sans antialiased bg-syndicate-950 text-gray-100 min-h-screen">
@yield('content')
</body>
</html>
resources/views/layouts/guest.blade.php
+8 -8
View File
@@ -9,22 +9,22 @@
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<link href="https://fonts.bunny.net/css?family=inter:400,500,600|rajdhani:600,700&display=swap" rel="stylesheet" />
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans text-gray-900 antialiased">
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
<div>
<a href="/">
<x-application-logo class="w-20 h-20 fill-current text-gray-500" />
<body class="font-sans antialiased bg-syndicate-950 text-gray-100 min-h-screen">
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0">
<div class="mb-6">
<a href="/" class="font-display text-3xl font-bold text-crime-400 tracking-wide uppercase">
{{ config('app.name', 'The Crime Syndicate') }}
</a>
</div>
<div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
<div class="w-full sm:max-w-md px-8 py-8 bg-syndicate-800 border border-syndicate-700 shadow-xl overflow-hidden sm:rounded-lg">
{{ $slot }}
</div>
</div>
</body>
</html>
</html>
tailwind.config.js
+21 -2
View File
@@ -12,10 +12,29 @@ export default {
theme: {
extend: {
fontFamily: {
sans: ['Figtree', ...defaultTheme.fontFamily.sans],
sans: ['Inter', ...defaultTheme.fontFamily.sans],
display: ['Rajdhani', ...defaultTheme.fontFamily.sans],
},
colors: {
syndicate: {
950: '#0a0a0c',
900: '#111114',
800: '#1a1a1f',
700: '#242429',
600: '#2e2e35',
},
crime: {
600: '#dc2626',
500: '#ef4444',
400: '#f87171',
},
gold: {
500: '#d97706',
400: '#fbbf24',
},
},
},
},
plugins: [forms],
};
};