Add all files
This commit is contained in:
59
themes/default/views/layouts/app.blade.php
Normal file
59
themes/default/views/layouts/app.blade.php
Normal file
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" @if(in_array(app()->getLocale(), config('app.rtl_locales'))) dir="rtl" @endif>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>
|
||||
{{ config('app.name', 'Paymenter') }}
|
||||
@isset($title)
|
||||
- {{ $title }}
|
||||
@endisset
|
||||
</title>
|
||||
@vite(['themes/' . config('settings.theme') . '/js/app.js', 'themes/' . config('settings.theme') . '/css/app.css'], config('settings.theme'))
|
||||
@include('layouts.colors')
|
||||
|
||||
@if (config('settings.logo'))
|
||||
<link rel="icon" href="{{ Storage::url(config('settings.logo')) }}" type="image/png">
|
||||
@endif
|
||||
@isset($title)
|
||||
<meta content="{{ isset($title) ? config('app.name', 'Paymenter') . ' - ' . $title : config('app.name', 'Paymenter') }}" property="og:title">
|
||||
<meta content="{{ isset($title) ? config('app.name', 'Paymenter') . ' - ' . $title : config('app.name', 'Paymenter') }}" name="title">
|
||||
@endisset
|
||||
@isset($description)
|
||||
<meta content="{{ $description }}" property="og:description">
|
||||
<meta content="{{ $description }}" name="description">
|
||||
@endisset
|
||||
@isset($image)
|
||||
<meta content="{{ $image }}" property="og:image">
|
||||
<meta content="{{ $image }}" name="image">
|
||||
@endisset
|
||||
|
||||
<meta name="theme-color" content="{{ theme('primary') }}">
|
||||
|
||||
{!! hook('head') !!}
|
||||
</head>
|
||||
|
||||
<body class="w-full bg-background text-base min-h-screen flex flex-col antialiased" x-cloak x-data="{darkMode: $persist(window.matchMedia('(prefers-color-scheme: dark)').matches)}" :class="{'dark': darkMode}">
|
||||
{!! hook('body') !!}
|
||||
<x-navigation />
|
||||
<div class="w-full flex flex-grow">
|
||||
@if (isset($sidebar) && $sidebar)
|
||||
<x-navigation.sidebar title="$title" />
|
||||
@endif
|
||||
<div class="{{ (isset($sidebar) && $sidebar) ? 'md:ml-64 rtl:ml-0 rtl:md:mr-64' : '' }} flex flex-col flex-grow overflow-auto">
|
||||
<main class="container mt-24 mx-auto px-4 sm:px-6 md:px-16 lg:px-16">
|
||||
{{ $slot }}
|
||||
</main>
|
||||
<x-notification />
|
||||
<div class="py-8 px-4 md:px-16 lg:px-16">
|
||||
<x-navigation.footer />
|
||||
</div>
|
||||
</div>
|
||||
<x-impersonating />
|
||||
</div>
|
||||
{!! hook('footer') !!}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
themes/default/views/layouts/colors.blade.php
Normal file
44
themes/default/views/layouts/colors.blade.php
Normal file
@@ -0,0 +1,44 @@
|
||||
<style>
|
||||
:root {
|
||||
/* Branding Colors (Light) */
|
||||
--color-primary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('primary', '229 100% 64%'))) }};
|
||||
--color-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('secondary', '237 33% 60%'))) }};
|
||||
|
||||
/* Neutral Colors - Borders, Accents... (Light) */
|
||||
--color-neutral: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('neutral', '220 25% 85%'))) }};
|
||||
|
||||
/* Text Colors (Light) */
|
||||
--color-base: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('base', '0 0% 0%'))) }};
|
||||
--color-muted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('muted', '220 28% 25%'))) }};
|
||||
--color-inverted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('inverted', '100 100% 100%'))) }};
|
||||
|
||||
/* State Colors */
|
||||
--color-success: 142 71% 45%;
|
||||
--color-error: 0 75% 60%;
|
||||
--color-warning: 25 95% 53%;
|
||||
--color-inactive: 0 0% 63%;
|
||||
--color-info: 210 100% 60%;
|
||||
|
||||
/* Background Colors (Light) */
|
||||
--color-background: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('background', '100 100% 100%'))) }};
|
||||
--color-background-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('background-secondary', '0 0% 97%'))) }};
|
||||
}
|
||||
|
||||
.dark {
|
||||
/* Branding Colors (Dark) */
|
||||
--color-primary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-primary', '229 100% 64%'))) }};
|
||||
--color-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-secondary', '237 33% 60%'))) }};
|
||||
|
||||
/* Neutral Colors - Borders, Accents... (Dark) */
|
||||
--color-neutral: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-neutral', '220 25% 29%'))) }};
|
||||
|
||||
/* Text Colors (Dark) */
|
||||
--color-base: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-base', '100 100% 100%'))) }};
|
||||
--color-muted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-muted', '220 28% 25%'))) }};
|
||||
--color-inverted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-inverted', '220 14% 60%'))) }};
|
||||
|
||||
/* Background Colors (Dark) */
|
||||
--color-background: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-background', '221 39% 11%'))) }};
|
||||
--color-background-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-background-secondary', '217 33% 16%'))) }};
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user