alrahma_sunday_school/app/Config/Style.php

<?php

namespace Config;

use CodeIgniter\Config\BaseConfig;

class Style extends BaseConfig
{
    // Accent color palettes (used as the app primary color in management views)
    public $stylePalettes = [
        'blue' => [
            'primary'       => '#4da3ff',
            'primary_hover' => '#1d7eff',
            'thead_bg'      => '#f0f7ff',
            'thead_border'  => 'rgba(29, 126, 255, 0.25)',
        ],
        'green' => [
            'primary'       => '#22c55e',
            'primary_hover' => '#16a34a',
            'thead_bg'      => '#ecfdf5',
            'thead_border'  => 'rgba(22, 163, 74, 0.25)',
        ],
        'purple' => [
            'primary'       => '#8b5cf6',
            'primary_hover' => '#7c3aed',
            'thead_bg'      => '#f5f3ff',
            'thead_border'  => 'rgba(124, 58, 237, 0.25)',
        ],
        'orange' => [
            'primary'       => '#f59e0b',
            'primary_hover' => '#d97706',
            'thead_bg'      => '#fff7ed',
            'thead_border'  => 'rgba(217, 119, 6, 0.25)',
        ],
        // Additional accents
        'red' => [
            'primary'       => '#ef4444',
            'primary_hover' => '#dc2626',
            'thead_bg'      => '#fef2f2',
            'thead_border'  => 'rgba(220, 38, 38, 0.25)',
        ],
        'teal' => [
            'primary'       => '#14b8a6',
            'primary_hover' => '#0d9488',
            'thead_bg'      => '#f0fdfa',
            'thead_border'  => 'rgba(13, 148, 136, 0.25)',
        ],
        'cyan' => [
            'primary'       => '#06b6d4',
            'primary_hover' => '#0891b2',
            'thead_bg'      => '#ecfeff',
            'thead_border'  => 'rgba(8, 145, 178, 0.25)',
        ],
        'rose' => [
            'primary'       => '#f43f5e',
            'primary_hover' => '#e11d48',
            'thead_bg'      => '#fff1f2',
            'thead_border'  => 'rgba(225, 29, 72, 0.25)',
        ],
        'indigo' => [
            'primary'       => '#6366f1',
            'primary_hover' => '#4f46e5',
            'thead_bg'      => '#eef2ff',
            'thead_border'  => 'rgba(79, 70, 229, 0.25)',
        ],
        'slate' => [
            'primary'       => '#64748b',
            'primary_hover' => '#475569',
            'thead_bg'      => '#f1f5f9',
            'thead_border'  => 'rgba(71, 85, 105, 0.25)',
        ],
        'amber' => [
            'primary'       => '#f59e0b',
            'primary_hover' => '#b45309',
            'thead_bg'      => '#fffbeb',
            'thead_border'  => 'rgba(180, 83, 9, 0.25)',
        ],
        'lime' => [
            'primary'       => '#84cc16',
            'primary_hover' => '#4d7c0f',
            'thead_bg'      => '#f7fee7',
            'thead_border'  => 'rgba(77, 124, 15, 0.25)',
        ],
        'fuchsia' => [
            'primary'       => '#d946ef',
            'primary_hover' => '#a21caf',
            'thead_bg'      => '#fdf4ff',
            'thead_border'  => 'rgba(162, 28, 175, 0.25)',
        ],
        'violet' => [
            'primary'       => '#7c3aed',
            'primary_hover' => '#5b21b6',
            'thead_bg'      => '#f5f3ff',
            'thead_border'  => 'rgba(91, 33, 182, 0.25)',
        ],
        'ocean' => [
            'primary'       => '#0284c7',
            'primary_hover' => '#0c4a6e',
            'thead_bg'      => '#e0f2fe',
            'thead_border'  => 'rgba(12, 74, 110, 0.25)',
        ],
        'copper' => [
            'primary'       => '#b45309',
            'primary_hover' => '#7c2d12',
            'thead_bg'      => '#fff7ed',
            'thead_border'  => 'rgba(124, 45, 18, 0.25)',
        ],
        'gold' => [
            'primary'       => '#ca8a04',
            'primary_hover' => '#92400e',
            'thead_bg'      => '#fefce8',
            'thead_border'  => 'rgba(146, 64, 14, 0.25)',
        ],
        'mint' => [
            'primary'       => '#10b981',
            'primary_hover' => '#047857',
            'thead_bg'      => '#ecfdf3',
            'thead_border'  => 'rgba(4, 120, 87, 0.25)',
        ],
        'sky' => [
            'primary'       => '#38bdf8',
            'primary_hover' => '#0284c7',
            'thead_bg'      => '#f0f9ff',
            'thead_border'  => 'rgba(2, 132, 199, 0.25)',
        ],
        'berry' => [
            'primary'       => '#be185d',
            'primary_hover' => '#9d174d',
            'thead_bg'      => '#fff1f2',
            'thead_border'  => 'rgba(157, 23, 77, 0.25)',
        ],
        'peacock' => [
            'primary'       => '#0f766e',
            'primary_hover' => '#115e59',
            'thead_bg'      => '#f0fdfa',
            'thead_border'  => 'rgba(17, 94, 89, 0.25)',
        ],
        'espresso' => [
            'primary'       => '#6f4e37',
            'primary_hover' => '#5b3a29',
            'thead_bg'      => '#f5f0eb',
            'thead_border'  => 'rgba(91, 58, 41, 0.25)',
        ],
    ];

    // Menu color palettes (top management navbar + header area)
    // mode: impacts whether we render navbar-light or navbar-dark for toggler/contrast
    public $menuPalettes = [
        'white' => [ 'bg' => '#ffffff', 'text' => '#334155', 'mode' => 'light' ],
        'light' => [ 'bg' => '#f8fafc', 'text' => '#334155', 'mode' => 'light' ],
        'brand' => [ 'bg' => '#1d7eff', 'text' => '#ffffff', 'mode' => 'dark' ],
        'dark'  => [ 'bg' => '#0f172a', 'text' => '#e2e8f0', 'mode' => 'dark' ],
        // Additional menu color sets
        'sky'      => [ 'bg' => '#0ea5e9', 'text' => '#ffffff', 'mode' => 'dark' ],
        'emerald'  => [ 'bg' => '#059669', 'text' => '#ffffff', 'mode' => 'dark' ],
        'teal'     => [ 'bg' => '#0f766e', 'text' => '#e2e8f0', 'mode' => 'dark' ],
        'navy'     => [ 'bg' => '#0b2a4a', 'text' => '#e2e8f0', 'mode' => 'dark' ],
        'slate'    => [ 'bg' => '#f1f5f9', 'text' => '#334155', 'mode' => 'light' ],
        'graphite' => [ 'bg' => '#111827', 'text' => '#f3f4f6', 'mode' => 'dark' ],
        'sand'     => [ 'bg' => '#fafaf9', 'text' => '#374151', 'mode' => 'light' ],
        'rose'     => [ 'bg' => '#be123c', 'text' => '#ffffff', 'mode' => 'dark' ],
        'amber'    => [ 'bg' => '#b45309', 'text' => '#ffffff', 'mode' => 'dark' ],
        'moss'     => [ 'bg' => '#4d7c0f', 'text' => '#fefce8', 'mode' => 'dark' ],
        'plum'     => [ 'bg' => '#6d28d9', 'text' => '#f5f3ff', 'mode' => 'dark' ],
        'ocean'    => [ 'bg' => '#0c4a6e', 'text' => '#e0f2fe', 'mode' => 'dark' ],
        'charcoal' => [ 'bg' => '#1f2937', 'text' => '#e5e7eb', 'mode' => 'dark' ],
        'clay'     => [ 'bg' => '#fef3c7', 'text' => '#78350f', 'mode' => 'light' ],
        'gold'     => [ 'bg' => '#92400e', 'text' => '#fffbeb', 'mode' => 'dark' ],
        'mint'     => [ 'bg' => '#047857', 'text' => '#ecfdf5', 'mode' => 'dark' ],
        'sky'      => [ 'bg' => '#0ea5e9', 'text' => '#e0f2fe', 'mode' => 'dark' ],
        'berry'    => [ 'bg' => '#9d174d', 'text' => '#fff1f2', 'mode' => 'dark' ],
        'cocoa'    => [ 'bg' => '#4b2f23', 'text' => '#f5f0eb', 'mode' => 'dark' ],
        'parchment'=> [ 'bg' => '#fffbeb', 'text' => '#7c2d12', 'mode' => 'light' ],
    ];

    // Default selections when no user choice exists
    public $defaultStyle = 'blue';
    public $defaultMenu  = 'white';
}