Skip to content
Snippets Groups Projects
Commit 4caa814f authored by Dhivya  Rajasekaran's avatar Dhivya Rajasekaran
Browse files

Drupal 10 release

parent 7195504e
No related branches found
No related tags found
No related merge requests found
Showing
with 882 additions and 0 deletions
assets/images/1930123-200.png

4.86 KiB

<?php
/**
* @file
* Lists available colors and color schemes for the Bootstrap Barrio theme.
*/
$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'),
'button' => t('Primary button background'),
'buttonhover' => t('Primary button hover'),
'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',
'button' => '#007bff',
'buttonhover' => '#0256b1',
'titleslogan' => '#fffeff',
'text' => '#3b3b3b',
'link' => '#0071b3',
],
],
'firehouse' => [
'title' => t('Firehouse'),
'colors' => [
'top' => '#cd2d2d',
'bottom' => '#d64e4e',
'bg' => '#ffffff',
'sidebar' => '#f1f4f0',
'sidebarborders' => '#ededed',
'footer' => '#1f1d1c',
'button' => '#d6121f',
'buttonhover' => '#a90f19',
'titleslogan' => '#fffeff',
'text' => '#888888',
'link' => '#d6121f',
],
],
'ice' => [
'title' => t('Ice'),
'colors' => [
'top' => '#d0d0d0',
'bottom' => '#c2c4c5',
'bg' => '#ffffff',
'sidebar' => '#ffffff',
'sidebarborders' => '#cccccc',
'footer' => '#016b83',
'button' => '#019dbf',
'buttonhover' => '#016c83',
'titleslogan' => '#000000',
'text' => '#4a4a4a',
'link' => '#019dbf',
],
],
'plum' => [
'title' => t('Plum'),
'colors' => [
'top' => '#4c1c58',
'bottom' => '#593662',
'bg' => '#fffdf7',
'sidebar' => '#edede7',
'sidebarborders' => '#e7e7e7',
'footer' => '#2c2c28',
'button' => '#9d408d',
'buttonhover' => '#77316b',
'titleslogan' => '#ffffff',
'text' => '#301313',
'link' => '#9d408d',
],
],
'slate' => [
'title' => t('Slate'),
'colors' => [
'top' => '#4a4a4a',
'bottom' => '#4e4e4e',
'bg' => '#ffffff',
'sidebar' => '#ffffff',
'sidebarborders' => '#d0d0d0',
'footer' => '#161617',
'button' => '#0073b6',
'buttonhover' => '#00517f',
'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',
],
// Preview files.
'preview_library' => 'bootstrap_barrio_subtheme/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', 'bootstrap_barrio_subtheme'),
],
],
],
];
/* ---------- Preview Styles ----------- */
.js .color-preview {
clear: both;
float: none !important;
}
.color-preview {
background-color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.5;
overflow: hidden;
word-wrap: break-word;
margin-bottom: 10px;
}
.color-preview-header-top {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
min-height: 40px;
}
.color-preview-header {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
}
.color-preview-logo {
float: left;
padding: 15px;
}
.color-preview-site-name {
color: #686868;
font-weight: normal;
font-size: 1.821em;
line-height: 1;
margin-bottom: 30px;
margin-left: 15px;
/* LTR */
padding-top: 34px;
}
[dir="rtl"] .color-preview-site-name {
margin-left: 0;
margin-right: 15px;
}
.color-preview-main-menu {
clear: both;
padding: 0 15px 3px;
}
.color-preview-main-menu-links a {
color: #d9d9d9;
padding: 0.6em 1em 0.4em;
}
.color-preview-main-menu-links {
font-size: 0.929em;
margin: 0;
padding: 0;
}
.color-preview-main-menu-links a {
color: #333;
background: #ccc;
background: rgba(255, 255, 255, 0.7);
text-shadow: 0 1px #eee;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.color-preview-main-menu-links a:hover,
.color-preview-main-menu-links a:focus {
background: #eee;
background: rgba(255, 255, 255, 0.95);
text-decoration: none;
cursor: pointer;
}
.color-preview-main-menu-links li a.is-active {
background: #fff;
border-bottom: none;
}
.color-preview-main-menu-links li {
display: inline;
list-style-type: none;
padding: 0.6em 0 0.4em;
}
.preview-button {
display: inline-block;
min-width: 80px;
margin-top: 10px;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
color: white !important;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.color-preview-sidebar,
.color-preview-content {
display: inline;
float: left;
/* LTR */
position: relative;
}
[dir="rtl"] .color-preview-sidebar,
[dir="rtl"] .color-preview-content {
float: right;
}
.color-preview-sidebar {
margin-left: 15px;
/* LTR */
width: 210px;
}
[dir="rtl"] .color-preview-sidebar {
margin-left: 0;
margin-right: 15px;
}
.color-preview-content {
margin-left: 30px;
/* LTR */
width: 26.5em;
}
[dir="rtl"] .color-preview-content {
margin-left: 0;
margin-right: 30px;
}
.color-preview-sidebar .preview-block {
border: 1px solid;
margin: 20px 0;
padding: 15px 20px;
}
.color-preview-sidebar h2 {
border-bottom: 1px solid #d6d6d6;
font-weight: normal;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding-bottom: 5px;
text-shadow: 0 1px 0 #fff;
}
.color-preview .preview-block .preview-content {
margin-top: 1em;
}
.color-preview .preview-block-menu .preview-content,
.color-preview .preview-block-menu .preview-content ul {
margin-top: 0;
}
.color-preview-main {
margin-bottom: 40px;
margin-top: 20px;
}
.color-preview-page-title {
font-size: 2em;
font-weight: normal;
line-height: 1;
margin: 1em 0 0.5em;
}
.color-preview-footer-wrapper {
color: #c0c0c0;
color: rgba(255, 255, 255, 0.65);
display: block !important;
font-size: 0.857em;
padding: 20px 20px 25px;
}
.color-preview-footer-wrapper a {
color: #fcfcfc;
color: rgba(255, 255, 255, 0.8);
}
.color-preview-footer-wrapper a:hover,
.color-preview-footer-wrapper a:focus {
color: #fefefe;
color: rgba(255, 255, 255, 0.95);
text-decoration: underline;
}
.color-preview-footer-wrapper .preview-footer-column {
display: inline;
float: left;
/* LTR */
padding: 0 10px;
position: relative;
width: 220px;
}
[dir="rtl"] .color-preview-footer-wrapper .preview-footer-column {
float: right;
}
.color-preview-footer-wrapper .preview-block {
border: 1px solid #444;
border-color: rgba(255, 255, 255, 0.1);
margin: 20px 0;
padding: 10px;
}
.color-preview-footer-columns .preview-block-menu {
border: none;
margin: 0;
padding: 0;
}
.color-preview-footer-columns h2 {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
padding-bottom: 3px;
text-transform: uppercase;
}
.color-preview-footer-columns .preview-content {
margin-top: 0;
}
.color-preview-footer-columns .preview-content ul {
margin-left: 0;
/* LTR */
padding-left: 0;
/* LTR */
}
[dir="rtl"] .color-preview-footer-columns .preview-content ul {
margin-right: 0;
padding-right: 0;
}
.color-preview-footer-columns .preview-content li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.color-preview-footer-columns .preview-content li a {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
display: block;
line-height: 1.2;
padding: 0.8em 2px 0.8em 20px;
/* LTR */
text-indent: -15px;
}
[dir="rtl"] .color-preview-footer-columns .preview-content li a {
padding-left: 2px;
padding-right: 20px;
}
.color-preview-footer-columns .preview-content li a:hover,
.color-preview-footer-columns .preview-content li a:focus {
background-color: #1f1f21;
background-color: rgba(255, 255, 255, 0.05);
text-decoration: none;
}
/**
* @file
* Preview for the Bartik theme.
*/
(function ($, Drupal, drupalSettings) {
Drupal.color = {
logoChanged: false,
callback(context, settings, $form) {
// Change the logo to be the real one.
if (!this.logoChanged) {
$('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
this.logoChanged = true;
}
// Remove the logo if the setting is toggled off.
if (drupalSettings.color.logo === null) {
$('div').remove('.color-preview-logo');
}
const $colorPreview = $form.find('.color-preview');
const $colorPalette = $form.find('.js-color-palette');
// Solid background.
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
// Text preview.
$colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
$colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
// Sidebar block.
const $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
$colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
$colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
// Footer wrapper background.
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
// CSS3 Gradients.
const gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
const gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
$colorPreview.find('.color-preview-header').attr('style', `background - color: ${gradientStart}; background - image: -webkit - gradient(linear, 0 % 0 % , 0 % 100 % , from(${gradientStart}), to(${gradientEnd})); background - image: -moz - linear - gradient(-90deg, ${gradientStart}, ${gradientEnd});`);
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
},
};
}(jQuery, Drupal, drupalSettings));
<div class="color-preview">
<div class="color-preview-header-top">
</div>
<div class="color-preview-header">
<div class="color-preview-logo"><img src="../../../themes/bootstrap_barrio_subtheme/logo.svg" alt="Site Logo" />
</div>
<div class="color-preview-site-name">Barrio</div>
<div class="color-preview-main-menu">
<ul class="color-preview-main-menu-links">
<li><a>Home</a></li>
<li><a>Te Quidne</a></li>
<li><a>Vel Torqueo Quae Erat</a></li>
</ul>
</div>
</div>
<div class="color-preview-main clearfix">
<div class="color-preview-sidebar">
<div class="color-preview-block preview-block">
<h2>Etiam est risus</h2>
<div class="preview-content">
Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis. Laboris nisi ut aliquip ex ea.
</div>
</div>
</div>
<div class="color-preview-content">
<h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
<div class="color-preview-node">
<div class="preview-content">
Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
commodo consequat. Maecenas
id porttitor Ut enim ad minim veniam, quis nostr udfelis.
</div>
<a class="preview-button">Do it!</a>
</div>
</div>
</div>
<div class="color-preview-footer-wrapper">
<div class="color-preview-footer-columns clearfix">
<div class="preview-footer-column">
<div class="preview-block">
<h2>Etiam est risus</h2>
<div class="content">
Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis. Laboris nisi ut aliquip ex ea.
</div>
</div>
</div>
<div class="preview-footer-column">
<div class="preview-block preview-block-menu">
<h2>Erisus dolor</h2>
<div class="preview-content">
<ul>
<li><a>Donec placerat</a></li>
<li><a>Nullam nibh dolor</a></li>
<li><a>Blandit sed</a></li>
<li><a>Fermentum id</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal, drupalSettings) {
Drupal.color = {
logoChanged: false,
callback: function callback(context, settings, $form) {
if (!this.logoChanged) {
$('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
this.logoChanged = true;
}
if (drupalSettings.color.logo === null) {
$('div').remove('.color-preview-logo');
}
var $colorPreview = $form.find('.color-preview');
var $colorPalette = $form.find('.js-color-palette');
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
$colorPreview.find('.color-preview-page-title, .color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
$colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
$colorPreview.find('.preview-button').css('background-color', $colorPalette.find('input[name="palette[button]"]').val());
$colorPreview.find('.preview-button').css('border-color', $colorPalette.find('input[name="palette[button]"]').val());
$colorPreview.find('.preview-button').hover(function () {
$(this).css('background-color', $colorPalette.find('input[name="palette[buttonhover]"]').val());
},
function () {
$(this).css('background-color', $colorPalette.find('input[name="palette[button]"]').val());
});
var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
$colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
$colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
var gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
var gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
$colorPreview.find('.color-preview-header-top').css('background-color', $colorPalette.find('input[name="palette[top]"]').val());
$colorPreview.find('.color-preview-header').css('background-color', $colorPalette.find('input[name="palette[bottom]"]').val());
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
}
};
})(jQuery, Drupal, drupalSettings);
# Library.
# ----------------------------
bootstrap_barrio_library: 'production'
# Layout.
# ----------------------------
bootstrap_barrio_sidebar_position: 'both'
bootstrap_barrio_content_offset: 0
bootstrap_barrio_sidebar_first_width: 4
bootstrap_barrio_sidebar_first_offset: 0
bootstrap_barrio_sidebar_second_width: 3
bootstrap_barrio_sidebar_second_offset: 0
# Container.
# ----------------------------
bootstrap_barrio_container: 'container'
bootstrap_barrio_fluid_container: 0
# Buttons.
# ----------------------------
bootstrap_barrio_button: 1
bootstrap_barrio_button_size: ''
bootstrap_barrio_button_outline: 0
# Navbar.
# ----------------------------
bootstrap_barrio_navbar_toggle: 'navbar-toggleable-lg'
bootstrap_barrio_navbar_container: ''
bootstrap_barrio_navbar_top_position: ''
bootstrap_barrio_navbar_top_color: ''
bootstrap_barrio_navbar_top_background: ''
bootstrap_barrio_navbar_position: ''
bootstrap_barrio_navbar_color: ''
bootstrap_barrio_navbar_background: ''
# Messages.
# ----------------------------
bootstrap_barrio_messages_widget: 'alerts'
# Colors.
# ----------------------------
bootstrap_barrio_system_messages: 'messages_white'
# Tables.
# ----------------------------
bootstrap_barrio_table_hover: 1
bootstrap_barrio_table_style: 'table-striped'
langcode: en
status: true
dependencies:
config:
- system.menu.account
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_account_menu
theme: bootstrap_barrio_subtheme
region: secondary_menu
weight: -7
provider: null
plugin: 'system_menu_block:account'
settings:
id: 'system_menu_block:account'
label: 'User account menu'
label_display: '0'
provider: system
level: 1
depth: 1
expand_all_items: false
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_breadcrumbs
theme: bootstrap_barrio_subtheme
region: breadcrumb
weight: 0
provider: null
plugin: system_breadcrumb_block
settings:
id: system_breadcrumb_block
label: Breadcrumbs
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_content
theme: bootstrap_barrio_subtheme
region: content
weight: -3
provider: null
plugin: system_main_block
settings:
id: system_main_block
label: 'Main page content'
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
module:
- help
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_help
theme: bootstrap_barrio_subtheme
region: highlighted
weight: -2
provider: null
plugin: help_block
settings:
id: help_block
label: Help
label_display: '0'
provider: help
visibility: { }
langcode: en
status: true
dependencies:
config:
- system.menu.main
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_main_menu
theme: bootstrap_barrio_subtheme
region: primary_menu
weight: -6
provider: null
plugin: 'system_menu_block:main'
settings:
id: 'system_menu_block:main'
label: 'Main navigation'
label_display: '0'
provider: system
level: 1
depth: 2
expand_all_items: true
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_messages
theme: bootstrap_barrio_subtheme
region: highlighted
weight: -6
provider: null
plugin: system_messages_block
settings:
id: system_messages_block
label: 'Status messages'
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_page_title
theme: bootstrap_barrio_subtheme
region: content
weight: -7
provider: null
plugin: page_title_block
settings:
id: page_title_block
label: 'Page title'
label_display: '0'
provider: core
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_powered
theme: bootstrap_barrio_subtheme
region: footer_fifth
weight: -7
provider: null
plugin: system_powered_by_block
settings:
id: system_powered_by_block
label: 'Powered by Drupal'
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_primary_admin_actions
theme: bootstrap_barrio_subtheme
region: content
weight: -6
provider: null
plugin: local_actions_block
settings:
id: local_actions_block
label: 'Primary admin actions'
label_display: '0'
provider: core
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_primary_local_tasks
theme: bootstrap_barrio_subtheme
region: content
weight: -5
provider: null
plugin: local_tasks_block
settings:
id: local_tasks_block
label: 'Primary tabs'
label_display: '0'
provider: core
primary: true
secondary: false
visibility: { }
langcode: en
status: true
dependencies:
module:
- search
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_search_form_narrow
theme: bootstrap_barrio_subtheme
region: sidebar_first
weight: -7
provider: null
plugin: search_form_block
settings:
id: search_form_block
label: 'Search form (narrow)'
label_display: '0'
provider: search
page_id: ''
visibility: { }
langcode: en
status: true
dependencies:
module:
- search
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_search_form_wide
theme: bootstrap_barrio_subtheme
region: top_header_form
weight: -7
provider: null
plugin: search_form_block
settings:
id: search_form_block
label: 'Search form (wide)'
label_display: '0'
provider: search
page_id: ''
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_secondary_local_tasks
theme: bootstrap_barrio_subtheme
region: content
weight: -4
provider: null
plugin: local_tasks_block
settings:
id: local_tasks_block
label: 'Secondary tabs'
label_display: '0'
provider: core
primary: false
secondary: true
visibility: { }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment