Initial commit
This commit is contained in:
Ronald Huynen
288
config/themes.php.example
Normal file
288
config/themes.php.example
Normal file
@@ -0,0 +1,288 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Theme Settings
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Configuration for installation-level theming. Each installation can
|
||||
| set a different theme via the TIMEBANK_THEME environment variable.
|
||||
| Themes define color palettes, typography, and visual identity.
|
||||
|
|
||||
*/
|
||||
|
||||
'active' => env('TIMEBANK_THEME', 'timebank_cc'),
|
||||
|
||||
'themes' => [
|
||||
'timebank_cc' => [
|
||||
'name' => 'Timebank.cc',
|
||||
'description' => 'Default gray, black and white theme',
|
||||
'logos' => [
|
||||
'svg_inline' => 'logos.timebank_cc',
|
||||
'email_logo' => 'app-images/timebank_cc_mail_logo.png',
|
||||
],
|
||||
'colors' => [
|
||||
'primary' => [
|
||||
50 => '#F6F8F9',
|
||||
100 => '#EBEDEE',
|
||||
200 => '#DCDEDF',
|
||||
300 => '#CDCFD0',
|
||||
400 => '#B8BABB',
|
||||
500 => '#999B9C',
|
||||
600 => '#6E6F70',
|
||||
700 => '#434343',
|
||||
800 => '#242424',
|
||||
900 => '#1A1A1A',
|
||||
],
|
||||
'secondary' => '#EBEDEE', // gray-100
|
||||
'accent' => '#434343', // primary-700
|
||||
'brand' => '#000000', // pure black for strong brand elements
|
||||
'background' => '#FFFFFF',
|
||||
'border' => '#CDCFD0',
|
||||
'surface' => '#F9FAFB', // gray-50 (original)
|
||||
'danger-dark' => '#b91c1c', // red-700
|
||||
'danger' => '#ef4444', // red-500
|
||||
'danger-light' => '#fecaca', // red- 200
|
||||
'reaction' => '#eab308', // yellow-500 for active reaction state
|
||||
'reaction-hover' => '#ca8a04', // yellow-600 for hover state
|
||||
'text' => [
|
||||
'primary' => '#111827', // gray-900
|
||||
'secondary' => '#6E6F70', // gray-600
|
||||
'light' => '#9CA3AF', // gray-400
|
||||
'surface' => '#F9FAFB', // gray-50 (original)
|
||||
'background' => '#FFFFFF',
|
||||
],
|
||||
'logo' => '#000000',
|
||||
],
|
||||
'typography' => [
|
||||
'font_family_body' => 'Roboto, sans-serif',
|
||||
'font_family_heading' => 'Oswald, sans-serif',
|
||||
'font_size_base' => '16px',
|
||||
'line_height_base' => '1.7',
|
||||
'heading_transform' => 'uppercase',
|
||||
'heading_sizes' => [
|
||||
'h1' => '30px',
|
||||
'h2' => '24px',
|
||||
'h3' => '20px',
|
||||
'h4' => '16px',
|
||||
],
|
||||
'links' => [
|
||||
'text_decoration' => 'underline',
|
||||
'text_decoration_hover' => 'underline',
|
||||
'font_weight' => '600', // semibold
|
||||
],
|
||||
],
|
||||
],
|
||||
|
||||
'uuro' => [
|
||||
'name' => 'Uuro',
|
||||
'description' => 'Black, white and cyan theme inspired by buuro.net',
|
||||
'logos' => [
|
||||
'svg_inline' => 'logos.uuro',
|
||||
'email_logo' => 'app-images/uuro_mail_logo.png',
|
||||
],
|
||||
'colors' => [
|
||||
'primary' => [
|
||||
50 => "#F2F3FA",
|
||||
100 => "#E3E4F5",
|
||||
200 => "#C7CAEB",
|
||||
300 => "#ABB0E1",
|
||||
400 => "#9097D7",
|
||||
500 => "#7880CE",
|
||||
600 => "#5C68C1",
|
||||
700 => "#4552A8",
|
||||
800 => "#343E83",
|
||||
900 => "#1A2049",
|
||||
950 => "#0E1331"
|
||||
],
|
||||
'secondary' => '#EBEDEE', // light gray
|
||||
'accent' => '#F78DA7', // pale pink
|
||||
'success' => '#00D084', // vivid green cyan
|
||||
'warning' => '#FF6900', // luminous vivid orange
|
||||
'danger-dark' => '#9C1F1F', // dark red
|
||||
'danger' => '#CF2E2E', // vivid red
|
||||
'danger-light' => '#F8B4B4', // light red
|
||||
'info' => '#0693E3', // vivid cyan blue
|
||||
'brand' => '#1A2049', // bank's main background color (should be dark for readability)
|
||||
'background' => '#FFFFFF',
|
||||
'border' => '#ABB8C3',
|
||||
'surface' => '#F8FAFC',
|
||||
'reaction' => '#F78DA7', // pale pink for active reaction state
|
||||
'reaction-hover' => '#E76B91', // darker pink for hover state
|
||||
'text' => [
|
||||
'primary' => '#000000',
|
||||
'secondary' => '#475569',
|
||||
'light' => '#ABB8C3',
|
||||
'surface' => '#F8FAFC',
|
||||
'background' => '#FFFFFF',
|
||||
],
|
||||
'logo' => '#190236', // black for strong contrast
|
||||
],
|
||||
'typography' => [
|
||||
'font_family_body' => 'system-ui, -apple-system, sans-serif',
|
||||
'font_family_heading' => 'system-ui, -apple-system, sans-serif',
|
||||
'font_size_base' => '16px',
|
||||
'line_height_base' => '1.6',
|
||||
'heading_transform' => 'none',
|
||||
'font_sizes' => [
|
||||
'small' => '13px',
|
||||
'medium' => '20px',
|
||||
'large' => '36px',
|
||||
'x-large' => '42px',
|
||||
],
|
||||
'heading_sizes' => [
|
||||
'h1' => '42px',
|
||||
'h2' => '36px',
|
||||
'h3' => '28px',
|
||||
'h4' => '20px',
|
||||
],
|
||||
'links' => [
|
||||
'text_decoration' => 'underline',
|
||||
'text_decoration_hover' => 'underline',
|
||||
'font_weight' => '600', // semibold
|
||||
],
|
||||
],
|
||||
],
|
||||
|
||||
'vegetable' => [
|
||||
'name' => 'Vegetable',
|
||||
'description' => 'Green, natural theme inspired by lekkernassuh.org',
|
||||
'logos' => [
|
||||
'svg_inline' => 'logos.vegetable',
|
||||
'email_logo' => 'app-images/vegetable_mail_logo.png',
|
||||
],
|
||||
'colors' => [
|
||||
'primary' => [
|
||||
50 => '#F0F9F4',
|
||||
100 => '#DCFCE7',
|
||||
200 => '#BBF7D0',
|
||||
300 => '#93AF6E', // soft green
|
||||
400 => '#558C76', // muted green
|
||||
500 => '#397017', // main green
|
||||
600 => '#16A34A',
|
||||
700 => '#15803D',
|
||||
800 => '#166534',
|
||||
900 => '#14532D',
|
||||
],
|
||||
'secondary' => '#097236', // dark green
|
||||
'accent' => '#E59112', // orange/yellow
|
||||
'success' => '#16604F', // dark green text
|
||||
'danger-dark' => '#991B1B', // dark red
|
||||
'danger' => '#DC2626', // red
|
||||
'danger-light' => '#FCA5A5', // light red
|
||||
'brand' => '#14532D', // very dark green for brand elements
|
||||
'background' => '#FFFFFF',
|
||||
'border' => '#93AF6E',
|
||||
'surface' => '#EDEDC7', // light yellow background
|
||||
'surface_alt' => '#E2E2C7', // light beige
|
||||
'reaction' => '#E59112', // orange/yellow for active reaction state
|
||||
'reaction-hover' => '#C77A0E', // darker orange for hover state
|
||||
'text' => [
|
||||
'primary' => '#16604F', // dark green text
|
||||
'secondary' => '#4C4C4C', // gray text
|
||||
'light' => '#6B7280',
|
||||
'surface' => '#EDEDC7',
|
||||
'background' => '#FFFFFF',
|
||||
],
|
||||
'logo' => '#16604F', // dark green for logo consistency
|
||||
],
|
||||
'typography' => [
|
||||
'font_family_body' => 'system-ui, Helvetica, Arial, sans-serif',
|
||||
'font_family_heading' => 'system-ui, Helvetica, Arial, sans-serif',
|
||||
'font_size_base' => '16px',
|
||||
'line_height_base' => '1.8', // larger line height for readability
|
||||
'line_height_heading' => '1.4',
|
||||
'heading_transform' => 'none',
|
||||
'heading_sizes' => [
|
||||
'h1' => '23px',
|
||||
'h2' => '36px',
|
||||
'h3' => '18px',
|
||||
'h4' => '17px',
|
||||
],
|
||||
'links' => [
|
||||
'text_decoration' => 'underline',
|
||||
'text_decoration_hover' => 'underline',
|
||||
'font_weight' => '600', // semibold
|
||||
],
|
||||
],
|
||||
],
|
||||
|
||||
'yellow' => [
|
||||
'name' => 'Yellow',
|
||||
'description' => 'High-contrast yellow and black theme inspired by yellowbrick.nl',
|
||||
'logos' => [
|
||||
'svg_inline' => 'logos.yellow',
|
||||
'email_logo' => 'app-images/yellow_mail_logo.png',
|
||||
],
|
||||
'colors' => [
|
||||
'primary' => [
|
||||
50 => '#FFFBEB',
|
||||
100 => '#FEF3C7',
|
||||
200 => '#FDE68A',
|
||||
300 => '#FCD34D',
|
||||
400 => '#FBBF24',
|
||||
500 => '#FDD61E', // primary yellow
|
||||
600 => '#D97706',
|
||||
700 => '#B45309',
|
||||
800 => '#92400E',
|
||||
900 => '#78350F',
|
||||
],
|
||||
'secondary' => '#000000',
|
||||
'accent' => '#009FE3', // blue
|
||||
'accent_dark' => '#001B2F', // dark blue
|
||||
'danger-dark' => '#991B1B', // dark red
|
||||
'danger' => '#DC2626', // red
|
||||
'danger-light' => '#FCA5A5', // light red
|
||||
'brand' => '#000000', // bank's main background color (should be dark for readability)
|
||||
'neutral' => [
|
||||
'dark' => '#2F2E2E', // dark gray
|
||||
'light' => '#EFEFEF', // light gray
|
||||
'medium' => '#5D5B5B', // medium gray
|
||||
],
|
||||
'background' => '#FFFFFF',
|
||||
'border' => '#FCD34D',
|
||||
'surface' => '#EFEFEF', // light gray
|
||||
'surface_dark' => '#000000',
|
||||
'reaction' => '#FDD61E', // primary yellow for active reaction state
|
||||
'reaction-hover' => '#FBBF24', // darker yellow for hover state
|
||||
'text' => [
|
||||
'primary' => '#000000',
|
||||
'secondary' => '#2F2E2E', // dark gray
|
||||
'light' => '#5D5B5B', // medium gray
|
||||
'inverse' => '#FFFFFF',
|
||||
'surface' => '#EFEFEF',
|
||||
'background' => '#FFFFFF',
|
||||
],
|
||||
'logo' => '#000000', // black for strong contrast
|
||||
],
|
||||
'typography' => [
|
||||
'font_family_body' => 'Poppins, Nunito Sans, system-ui, sans-serif',
|
||||
'font_family_heading' => 'Poppins, system-ui, sans-serif',
|
||||
'font_family_quote' => 'Georgia, serif',
|
||||
'font_size_base' => '16px',
|
||||
'line_height_base' => '1.6',
|
||||
'heading_transform' => 'none',
|
||||
'font_weights' => [
|
||||
'regular' => '400',
|
||||
'medium' => '500',
|
||||
'semibold' => '600',
|
||||
'bold' => '700',
|
||||
'extrabold' => '800',
|
||||
],
|
||||
'heading_sizes' => [
|
||||
'h1' => '40px',
|
||||
'h2' => '32px',
|
||||
'h3' => '26px',
|
||||
'h4' => '22px',
|
||||
],
|
||||
'links' => [
|
||||
'text_decoration' => 'underline',
|
||||
'text_decoration_hover' => 'underline',
|
||||
'font_weight' => '600', // semibold
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
Reference in New Issue
Block a user