color.inc

Same filename in this branch
  1. 9 core/modules/color/tests/modules/color_test/themes/color_test_theme/color/color.inc
Same filename in other branches
  1. 7.x themes/garland/color/color.inc
  2. 7.x themes/bartik/color/color.inc
  3. 8.9.x core/themes/bartik/color/color.inc
  4. 8.9.x core/modules/color/tests/modules/color_test/themes/color_test_theme/color/color.inc

Lists available colors and color schemes for the Bartik theme.

File

core/themes/bartik/color/color.inc

View source
<?php


/**
 * @file
 * Lists available colors and color schemes for the Bartik theme.
 */
// phpcs:ignore DrupalPractice.CodeAnalysis.VariableAnalysis.UnusedVariable
$info = [
    // Available colors and color labels used in theme.
'fields' => [
        'top' => t('Header background top'),
        'bottom' => t('Header background bottom'),
        'bg' => t('Main background'),
        'sidebar' => t('Sidebar background'),
        'sidebarborders' => t('Sidebar borders'),
        'footer' => t('Footer background'),
        'titleslogan' => t('Title and slogan'),
        'text' => t('Text color'),
        'link' => t('Link color'),
    ],
    // Pre-defined color schemes.
'schemes' => [
        'default' => [
            'title' => t('Blue Lagoon (default)'),
            'colors' => [
                'top' => '#055a8e',
                'bottom' => '#1d84c3',
                'bg' => '#ffffff',
                'sidebar' => '#f6f6f2',
                'sidebarborders' => '#f9f9f9',
                'footer' => '#292929',
                'titleslogan' => '#fffeff',
                'text' => '#3b3b3b',
                'link' => '#0071b3',
            ],
        ],
        'firehouse' => [
            'title' => t('Firehouse'),
            'colors' => [
                'top' => '#cd2d2d',
                'bottom' => '#d64e4e',
                'bg' => '#ffffff',
                'sidebar' => '#f1f4f0',
                'sidebarborders' => '#ededed',
                'footer' => '#1f1d1c',
                'titleslogan' => '#fffeff',
                'text' => '#888888',
                'link' => '#d6121f',
            ],
        ],
        'ice' => [
            'title' => t('Ice'),
            'colors' => [
                'top' => '#d0d0d0',
                'bottom' => '#c2c4c5',
                'bg' => '#ffffff',
                'sidebar' => '#ffffff',
                'sidebarborders' => '#cccccc',
                'footer' => '#016b83',
                'titleslogan' => '#000000',
                'text' => '#4a4a4a',
                'link' => '#019dbf',
            ],
        ],
        'plum' => [
            'title' => t('Plum'),
            'colors' => [
                'top' => '#4c1c58',
                'bottom' => '#593662',
                'bg' => '#fffdf7',
                'sidebar' => '#edede7',
                'sidebarborders' => '#e7e7e7',
                'footer' => '#2c2c28',
                'titleslogan' => '#ffffff',
                'text' => '#301313',
                'link' => '#9d408d',
            ],
        ],
        'slate' => [
            'title' => t('Slate'),
            'colors' => [
                'top' => '#4a4a4a',
                'bottom' => '#4e4e4e',
                'bg' => '#ffffff',
                'sidebar' => '#ffffff',
                'sidebarborders' => '#d0d0d0',
                'footer' => '#161617',
                'titleslogan' => '#ffffff',
                'text' => '#3b3b3b',
                'link' => '#0073b6',
            ],
        ],
    ],
    // CSS files (excluding @import) to rewrite with new color scheme.
'css' => [
        'css/colors.css',
    ],
    // Files to copy.
'copy' => [
        'logo.svg',
    ],
    // Gradient definitions.
'gradients' => [
        [
            // (x, y, width, height).
'dimension' => [
                0,
                0,
                0,
                0,
            ],
            // Direction of gradient ('vertical' or 'horizontal').
'direction' => 'vertical',
            // Keys of colors to use for the gradient.
'colors' => [
                'top',
                'bottom',
            ],
        ],
    ],
    // Preview files.
'preview_library' => 'bartik/color.preview',
    'preview_html' => 'color/preview.html',
    // Attachments.
'#attached' => [
        'drupalSettings' => [
            'color' => [
                // Put the logo path into JavaScript for the live preview.
'logo' => theme_get_setting('logo.url', 'bartik'),
            ],
        ],
    ],
];

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.