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

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

// Theme colors
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
    (
        'clean-1': (
            'alpha': #bdc3c7,
            'beta': #95a5a6,
            'gamma': #2980b9,
            'delta': #3498db,
            'epsilon': #34495e,
        ),
        'clean-2': (
            'alpha': #bdc3c7,
            'beta': #7a58b2,
            'gamma': #593d87,
            'delta': #39225f,
            'epsilon': #2c3e50,
        ),
        'clean-3': (
            'alpha': #c5bcb1,
            'beta': #e67e22,
            'gamma': #c0392b,
            'delta': #e74c3c,
            'epsilon': #d35400,
        ),
        'clean-4': (
            'alpha': #c5bcb1,
            'beta': #f1c40f,
            'gamma': #f3ac12,
            'delta': #e67e22,
            'epsilon': #d35400,
        ),
        'clean-5': (
            'alpha': #ecf0f1,
            'beta': #bdc3c7,
            'gamma': #27ae60,
            'delta': #254c3a,
            'epsilon': #2ecc71,
        ),
        'clean-6': (
            'alpha': #ecf0f1,
            'beta': #bdc3c7,
            'gamma': #7f8c8d,
            'delta': #445b5c,
            'epsilon': #34495e,
        )
    )
);

@if $o-support-13-0-color-system {
    $-status-color-palettes: (
        'clean-1': (
            'success': #2980b9,
            'info': #1abc9c,
            'warning': #36495e,
            'danger': #2c3e50,
        ),
        'clean-2': (
            'success': #593d87,
            'info': #39225f,
            'warning': #2c3e50,
            'danger': #c0392b,
        ),
        'clean-3': (
            'success': #c0392b,
            'info': #e67e22,
            'warning': #c5bcb1,
            'danger': #d35400,
        ),
        'clean-4': (
            'success': #f3ac12,
            'info': #f1c40f,
            'warning': #c0392b,
            'danger': #d35400,
        ),
        'clean-5': (
            'success': #27ae60,
            'info': #254c3a,
            'warning': #34495e,
            'danger': #2c3e50,
        ),
        'clean-6': (
            'success': #bdc3c7,
            'info': #7f8c8d,
            'warning': #445b5c,
            'danger': #2c3e50,
        ),
    );
    $-palettes: $o-theme-color-palettes;
    $o-theme-color-palettes: ();
    @each $key in map-keys($-palettes) {
        $o-theme-color-palettes: map-merge($o-theme-color-palettes, (
            $key: map-merge(map-get($-palettes, $key), map-get($-status-color-palettes, $key) or ()),
        ));
    }
}

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

$o-theme-h1-font-size-multiplier: (62 / 16);
$o-theme-h2-font-size-multiplier: (48 / 16);
$o-theme-h3-font-size-multiplier: (36 / 16);
$o-theme-h5-font-size-multiplier: (21 / 16);
$o-theme-h6-font-size-multiplier: (18 / 16);

$o-theme-font-configs: (
    'PT Sans': (
        'family': ('PT Sans', sans-serif),
        'url': 'PT+Sans:300,300i,400,400i,700,700i',
    ),
    'Ubuntu': (
        'family': ('Ubuntu', sans-serif),
        'url': 'Ubuntu:300,300i,400,400i,700,700i',
    ),
    'IBM Plex Sans': (
        'family': ('IBM Plex Sans', sans-serif),
        'url': 'IBM+Plex+Sans:300,300i,400,400i,700,700i',
    ),
    'Inter': (
        'family': ('Inter', sans-serif),
        'url': 'Inter:300,300i,400,400i,700,700i',
    ),
    'Noto Serif': ( // font update - Droid Serif -> Noto+Serif
        'family': ('Noto Serif', serif),
        'url': 'Noto+Serif:300,300i,400,400i,700,700i',
    ),
    'Dosis': (
        'family': ('Dosis', sans-serif),
        'url': 'Dosis:300,300i,400,400i,700,700i',
    ),
    'Open Sans': (
        'family': ('Open Sans', sans-serif),
        'url': 'Open+Sans:300,300i,400,400i,700,700i',
    ),
    'Heebo': (
        'family': ('Heebo', sans-serif),
        'url': 'Heebo:300,300i,400,400i,700,700i',
    ),
    'Lato': (
        'family': ('Lato', sans-serif),
        'url': 'Lato:300,300i,400,400i,700,700i',
    ),
    'Josefin Slab': (
        'family': ('Josefin Slab', serif),
        'url': 'Josefin+Slab:300,300i,400,400i,700,700i',
    ),
);

//------------------------------------------------------------------------------
// Website customizations
//------------------------------------------------------------------------------

$o-website-values-palettes: (
    (
        'color-palettes-name': 'clean-1',
        'headings-font': 'IBM Plex Sans',
        'navbar-font': 'Inter',
        'buttons-font': 'Inter',
        'header-template': 'default',
    ),
);

$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'clean-1');

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

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

$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Airy/10', (5: 1));
$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Origins/04_001', (3: 4));
$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Origins/14', (4: 4));
$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Origins/14_001', (4: 2, 3: 1));
$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Origins/07_002', (3: 2, 4: 4, 5: 2));
$o-bg-shapes: add-header-shape-colors-mapping('html_builder', 'Origins/07_002', (3: 'menu', 4: 4, 5: 2));