design-themes/theme_kea/static/src/scss/primary_variables.scss

//------------------------------------------------------------------------------
// Colors
//------------------------------------------------------------------------------

// Theme colors

// The system for this theme is particular to support somehow the old version.
// The alpha color is always white but primary is using beta (instead of alpha)
// and secondary is using alpha (white) (instead of beta). In the old system,
// this only applied to buttons though but we extended that to all components.
// Success, info, warning and error buttons are also customized with epsilon,
// gamma, delta and ... black colors (see theme.scss).
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
    (
        'kea-1': (
            alpha: #ffffff,
            beta: #dcdcdc,
            gamma: #9c9b9b,
            delta: #333333,
            epsilon: #e4677f,
        ),
        'kea-2': (
            alpha: #c7d0d5,
            beta: #93b1c6,
            gamma: #ffffff,
            delta: #556672,
            epsilon: #ff7148,
        ),
        'kea-3': (
            alpha: #ebe3e0,
            beta: #e3d6c6,
            gamma: #ffffff,
            delta: #333333,
            epsilon: #f9a646,
        ),
        'kea-4': (
            alpha: #7ec2aa,
            beta: #4ca8a1,
            gamma: #ffffff,
            delta: #556672,
            epsilon: #f9a646,
        ),
        'kea-5': (
            alpha: #7f909a,
            beta: #ed6639,
            gamma: #ffffff,
            delta: #333333,
            epsilon: #385b9f,
        ),
        'kea-6': (
            alpha: #fcdf15,
            beta: #0b99bc,
            gamma: #ffffff,
            delta: #3c3c3c,
            epsilon: #d40e52,
        ),
    )
);

//------------------------------------------------------------------------------
// Fonts
//------------------------------------------------------------------------------

$o-theme-h1-font-size-multiplier: (36 / 12);
$o-theme-h2-font-size-multiplier: (30 / 12);
$o-theme-h3-font-size-multiplier: (24 / 12);
$o-theme-h4-font-size-multiplier: (18 / 12);
$o-theme-h5-font-size-multiplier: (14 / 12);
$o-theme-h6-font-size-multiplier: 1;

$o-theme-font-configs: (
    'Spartan': (
        'family': ('Spartan', sans-serif),  // font update - SinKinSans -> Spartan
        'url': 'Spartan:300,300i,400,400i,700,700i',
    ),
    'Rajdhani': (
        'family': ('Rajdhani', sans-serif),
        'url': 'Rajdhani:300,300i,400,400i,700,700i',
    ),
    'Roboto': (
        'family': ('Roboto', sans-serif),
        'url': 'Roboto:300,300i,400,400i,700,700i',
    ),
    'Source Sans Pro': (
        'family': ('Source Sans Pro', sans-serif),
        'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i',
    ),
    'Ubuntu': (
        'family': ('Ubuntu', sans-serif),
        'url': 'Ubuntu:300,300i,400,400i,700,700i',
    ),
    'Lato': (
        'family': ('Lato', sans-serif),
        'url': 'Lato:300,300i,400,400i,700,700i',
    ),
    'Playfair Display': (
        'family': ('Playfair Display', serif),
        'url': 'Playfair+Display:300,300i,400,400i,700,700i',
    ),
    'Lora': (
        'family': ('Lora', serif),
        'url': 'Lora:300,300i,400,400i,700,700i',
    ),
    'Barlow Condensed': (
        'family': ('Barlow Condensed', sans-serif),
        'url': 'Barlow+Condensed:300,300i,400,400i,700,700i',
    ),
);

$o-website-values-palettes: (
    (
        'color-palettes-name': 'kea-1',

        'header-font-size': 1.25rem,
        'logo-height': 3rem,
        'fixed-logo-height': 3rem,
        'font-size-base': .925rem,
        'font': 'Roboto',
        'headings-font': 'Barlow Condensed',
        'navbar-font': 'Barlow Condensed',
        'buttons-font': 'Barlow Condensed',
        'link-underline': 'never',
        'header-links-style': 'outline',
        'btn-primary-outline': true,
        'header-template': 'default',
        'footer-template': 'call_to_action',
    ),
);

$o-palette-priority-prefix: 'kea';

$o-color-palettes-compatibility-indexes: (
    1: 'kea-1',
    2: 'kea-2',
    3: 'kea-3',
    4: 'kea-4',
    5: 'generic-1',
    6: 'generic-2',
    7: 'generic-3',
    8: 'generic-4',
    9: 'generic-5',
    10: 'generic-6',
    11: 'generic-7',
    12: 'generic-8',
    13: 'generic-9',
    14: 'generic-10',
    15: 'generic-11',
    16: 'generic-12',
    17: 'generic-13',
    18: 'generic-14',
    19: 'generic-15',
    20: 'generic-16',
    21: 'generic-17',
);

$o-theme-color-palettes-compatibility-indexes: (
    1: 'kea-1',
    2: 'kea-2',
    3: 'kea-3',
    4: 'kea-4',
    5: 'kea-5',
    6: 'kea-6',
);

//------------------------------------------------------------------------------
// Shapes
//------------------------------------------------------------------------------

$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/03', (3: 5));
$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_001', (3: 'menu'));
$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 'menu', 4: rgba(255, 255, 255, 0)));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Origins/14', (4: 'footer'));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Origins/14_001', (3: 'footer', 4: rgba(255, 255, 255, 0)));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 5, 5: rgba(255, 255, 255, 0)));