[ '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'), ], ], ], ];