tmdinosaurcenter
/
blocksy-tainacan
mirror of https://github.com/tainacan/blocksy-tainacan.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Color compatibility with new palette from Blocksy 2.0.0.

This commit is contained in:
mateuswetah 2023-07-03 11:18:05 -03:00
parent 2a5c00aaea
commit 832ee773ed
21 changed files with 567 additions and 272 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
tainacan-blocksy/compat.css Normal file
View File

@ -0,0 +1,119 @@
/**
* This file holds compatibility logic due to the renaming of css variables in Blocksy 2.0.0
*/
:root {
--paletteColor1: var(--theme-palette-color-1);
--paletteColor2: var(--theme-palette-color-2);
--paletteColor3: var(--theme-palette-color-3);
--paletteColor4: var(--theme-palette-color-4);
--paletteColor5: var(--theme-palette-color-5);
--paletteColor6: var(--theme-palette-color-6);
--paletteColor7: var(--theme-palette-color-7);
--paletteColor8: var(--theme-palette-color-8);
--fontFamily: var(--theme-font-family);
--fontSize: var(--theme-font-size);
--fontWeight: var(--theme-font-weight);
--fontStyle: var(--theme-font-style);
--lineHeight: var(--theme-line-height);
--letterSpacing: var(--theme-letter-spacing);
--textTransform: var(--theme-text-transform);
--textDecoration: var(--theme-text-decoration);
--buttonFontFamily: var(--theme-button-font-family);
--buttonFontSize: var(--theme-button-font-size);
--buttonFontWeight: var(--theme-button-font-weight);
--buttonFontStyle: var(--theme-button-font-style);
--buttonLineHeight: var(--theme-button-line-height);
--buttonLetterSpacing: var(--theme-button-letter-spacing);
--buttonTextTransform: var(--theme-button-text-transform);
--buttonTextDecoration: var(--theme-button-text-decoration);
--color: var(--theme-text-color);
--linkInitialColor: var(--theme-link-initial-color);
--linkHoverColor: var(--theme-link-hover-color);
--linkActiveColor: var(--theme-link-active-color);
--selectionTextColor: var(--theme-selection-text-color);
--selectionBackgroundColor: var(--theme-selection-background-color);
--buttonMinHeight: var(--theme-button-min-height);
--button-width: var(--theme-button-max-width);
--buttonShadow: var(--theme-button-shadow);
--buttonTransform: var(--theme-button-transform);
--buttonTextInitialColor: var(--theme-button-text-initial-color);
--buttonTextHoverColor: var(--theme-button-text-hover-color);
--buttonInitialColor: var(--theme-button-background-initial-color);
--buttonHoverColor: var(--theme-button-background-hover-color);
--button-border: var(--theme-button-border);
--button-border-hover-color: var(--theme-button-border-hover-color);
--buttonBorderRadius: var(--theme-button-border-radius);
--button-padding: var(--theme-button-padding);
--form-font-size: var(--theme-form-font-size);
--form-field-width: var(--theme-form-field-width);
--form-field-height: var(--theme-form-field-height);
--form-field-padding: var(--theme-form-field-padding);
--form-field-border-width: var(--theme-form-field-border-width);
--form-field-border-style: var(--theme-form-field-border-style);
--form-text-initial-color: var(--theme-form-text-initial-color);
--form-text-focus-color: var(--theme-form-text-focus-color);
--form-field-border-initial-color: var(--theme-form-field-border-initial-color);
--form-field-border-focus-color: var(--theme-form-field-border-focus-color);
--form-field-border-radius: var(--theme-form-field-border-radius);
--form-field-initial-background: var(--theme-form-field-background-initial-color);
--form-field-focus-background: var(--theme-form-field-background-focus-color);
--form-field-select-initial-background: var(--theme-form-select-background-initial-color);
--form-field-select-active-background: var(--theme-form-select-background-active-color);
--form-checkbox-border-radius: var(--theme-form-checkbox-border-radius);
--form-selection-control-initial-color: var(--theme-form-selection-field-initial-color);
--form-selection-control-accent-color: var(--theme-form-selection-field-active-color);
--headings-color: var(--theme-headings-color);
--headingColor: var(--theme-heading-color);
--heading-color: var(--theme-heading-color);
--heading-1-color: var(--theme-heading-1-color);
--heading-2-color: var(--theme-heading-2-color);
--heading-3-color: var(--theme-heading-3-color);
--heading-4-color: var(--theme-heading-4-color);
--heading-5-color: var(--theme-heading-5-color);
--heading-6-color: var(--theme-heading-6-color);
--boxShadow: var(--theme-box-shadow);
--box-shadow: var(--theme-box-shadow);
--border-color: var(--theme-border-color);
--borderRadius: var(--theme-border-radius);
--border: var(--theme-border);
--borderTop: var(--theme-border-top);
--borderBottom: var(--theme-border-bottom);
--wide-offset: var(--theme-wide-offset);
--content-spacing: var(--theme-content-spacing);
--has-content-spacing: var(--has-theme-content-spacing);
--boxed-content-spacing: var(--theme-boxed-content-spacing);
--content-vertical-spacing: var(--theme-content-vertical-spacing);
--container-edge-spacing: var(--theme-container-edge-spacing);
--container-width: var(--theme-container-width);
--container-width-base: var(--theme-container-width-base);
--normal-container-max-width: var(--theme-normal-container-max-width);
--narrow-container-max-width: var(--theme-narrow-container-max-width);
--frame-size: var(--theme-frame-size);
--frame-color: var(--theme-frame-color);
--block-width: var(--theme-block-width);
--block-max-width: var(--theme-block-max-width);
--block-wide-max-width: var(--theme-block-wide-max-width);
--boxed-content-max-width: var(--theme-boxed-content-max-width);
--listIndent: var(--theme-list-indent);
--listStyleType: var(--theme-list-style-type);
--listItemSpacing: var(--theme-list-items-spacing);
--descListIndent: var(--theme-description-list-indent);
--descListSpacing: var(--theme-description-list-spacing);
--table-font-size: var(--theme-table-font-size);
--table-border-width: var(--theme-table-border-width);
--table-border-style: var(--theme-table-border-style);
--table-border-color: var(--theme-table-border-color);
--table-padding: var(--theme-table-padding);
--transition: var(--theme-transition);
--default-editor: var(--theme-default-editor);
--icon-size: var(--theme-icon-size);
--icon-color: var(--theme-icon-color);
--icon-hover-color: var(--theme-icon-hover-color);
--icon-focus-color: var(--theme-icon-focus-color);
--icon-active-color: var(--theme-icon-active-color);
--icon-transition: var(--theme-icon-transition);
--object-fit: var(--theme-object-fit);
--object-position: var(--theme-object-position);
}
/*# sourceMappingURL=compat.css.map */

12
tainacan-blocksy/compat.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
tainacan-blocksy/compat.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
tainacan-blocksy/compat.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

15
tainacan-blocksy/inc/enqueues.php
View File

@ -17,6 +17,15 @@ function tainacan_blocksy_enqueue_scripts() {
TAINACAN_BLOCKSY_VERSION TAINACAN_BLOCKSY_VERSION
); );
/* Enqueues compatibility stylesheet due to variables renaming on Blocksy 2.0.0 */
$blocksy_theme_version = is_child_theme() ? wp_get_theme()->parent()->get( 'Version' ) : wp_get_theme()->get( 'Version' );
if ( $blocksy_theme_version > '1.9' ) {
wp_enqueue_style( 'tainacan-blocksy-compatibility-style',
TAINACAN_BLOCKSY_PLUGIN_URL_PATH . '/compat.min.css',
TAINACAN_BLOCKSY_VERSION
);
}
// This should only happen if we have Tainacan plugin installed // This should only happen if we have Tainacan plugin installed
if ( defined ('TAINACAN_VERSION') ) { if ( defined ('TAINACAN_VERSION') ) {
@ -150,9 +159,9 @@ add_action( 'wp_head', 'tainacan_blocksy_gallery_light_color_scheme');
function tainacan_blocksy_add_background_color_variable($args) { function tainacan_blocksy_add_background_color_variable($args) {
$site_background_fallback = array( $site_background_fallback = array(
'desktop' => 'var(--paletteColor7, #ffffff)', 'desktop' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))',
'tablet' => 'var(--paletteColor7, #ffffff)', 'tablet' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))',
'mobile' => 'var(--paletteColor7, #ffffff)' 'mobile' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))'
); );
$site_background = get_theme_mod( 'site_background', $site_background_fallback ); $site_background = get_theme_mod( 'site_background', $site_background_fallback );

35
tainacan-blocksy/inc/options/archive-elements/color-palettes.php
View File

@ -29,9 +29,9 @@ $options = [
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ], 'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-background-initial-color, #ffffff))' ],
'color5' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ], 'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ], 'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
'current_palette' => 'palette-1', 'current_palette' => 'palette-1',
], ],
@ -42,9 +42,9 @@ $options = [
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ], 'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-background-initial-color, #ffffff))' ],
'color5' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ], 'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ], 'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
], ],
@ -91,21 +91,21 @@ $options = [
'data-label' => 'heading-label' 'data-label' => 'heading-label'
], ],
'value' => [ 'value' => [
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ], 'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ], 'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
'color4' => [ 'color' => '#555758' ], 'color4' => [ 'color' => '#505253' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ], 'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ],
'current_palette' => 'palette-1' 'current_palette' => 'palette-1'
], ],
'palettes' => [ 'palettes' => [
[ [
'id' => 'palette-1', 'id' => 'palette-1',
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ], 'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ], 'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
'color4' => [ 'color' => '#555758' ], 'color4' => [ 'color' => '#505253' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ] 'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
], ],
@ -136,7 +136,8 @@ $options = [
]; ];
/* Backwards compatibility with previous palette settings */ /* Backwards compatibility with previous palette settings */
if ( wp_get_theme()->get('Version') <= '1.9' ) { $blocksy_theme_version = is_child_theme() ? wp_get_theme()->parent()->get( 'Version' ) : wp_get_theme()->get( 'Version' );
if ( $blocksy_theme_version <= '1.9' ) {
$options[$prefix . 'items_list_background_palette']['value']['palettes'] = $options[$prefix . 'items_list_background_palette']['palettes']; $options[$prefix . 'items_list_background_palette']['value']['palettes'] = $options[$prefix . 'items_list_background_palette']['palettes'];
unset($options[$prefix . 'items_list_background_palette']['palettes']); unset($options[$prefix . 'items_list_background_palette']['palettes']);

18
tainacan-blocksy/inc/options/single-elements/document-attachments-colors.php
View File

@ -15,9 +15,9 @@ $inner_options = [
'data-label' => 'media-component-colors' 'data-label' => 'media-component-colors'
], ],
'value' => [ 'value' => [
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ], 'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, 2c3e50))' ],
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ], 'color3' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
'current_palette' => 'palette-1', 'current_palette' => 'palette-1',
], ],
@ -25,18 +25,18 @@ $inner_options = [
[ [
'id' => 'palette-1', 'id' => 'palette-1',
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ], 'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, 2c3e50))' ],
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ] 'color3' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ]
], ],
[ [
'id' => 'palette-2', 'id' => 'palette-2',
'color1' => [ 'color' => 'var(--paletteColor3, #415161)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-3, var(--paletteColor3, #415161))' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ], 'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, 2c3e50))' ],
'color3' => [ 'color' => 'var(--paletteColor6, #edeff2)' ] 'color3' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ]
] ]
], ],

55
tainacan-blocksy/inc/options/single-elements/term-card-options.php
View File

@ -467,27 +467,27 @@ $options = [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => [ 'inherit' => [
'var(--heading-1-color, var(--headings-color))' => [ 'var(--theme-heading-1-color, var(--theme-headings-color, var(--headings-color)))' => [
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h1' $prefix . 'archive_order:array-ids:title:heading_tag' => 'h1'
], ],
'var(--heading-2-color, var(--headings-color))' => [ 'var(--theme-heading-2-color, var(--theme-headings-color, var(--headings-color)))' => [
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h2' $prefix . 'archive_order:array-ids:title:heading_tag' => 'h2'
], ],
'var(--heading-3-color, var(--headings-color))' => [ 'var(--theme-heading-3-color, var(--theme-headings-color, var(--headings-color)))' => [
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h3' $prefix . 'archive_order:array-ids:title:heading_tag' => 'h3'
], ],
'var(--heading-4-color, var(--headings-color))' => [ 'var(--theme-heading-4-color, var(--theme-headings-color, var(--headings-color)))' => [
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h4' $prefix . 'archive_order:array-ids:title:heading_tag' => 'h4'
], ],
'var(--heading-5-color, var(--headings-color))' => [ 'var(--theme-heading-5-color, var(--theme-headings-color, var(--headings-color)))' => [
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h5' $prefix . 'archive_order:array-ids:title:heading_tag' => 'h5'
], ],
'var(--heading-6-color, var(--headings-color))' => [ 'var(--theme-heading-6-color, var(--theme-headings-color, var(--headings-color)))' => [
$prefix . 'archive_order:array-ids:title:heading_tag' => 'h6' $prefix . 'archive_order:array-ids:title:heading_tag' => 'h6'
] ]
] ]
@ -496,7 +496,7 @@ $options = [
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--linkHoverColor)' 'inherit' => 'var(--theme-link-hover-color, var(--link-hover-color))'
], ],
], ],
], ],
@ -526,7 +526,7 @@ $options = [
'label' => __( 'Excerpt Color', 'blocksy' ), 'label' => __( 'Excerpt Color', 'blocksy' ),
'type' => 'ct-color-picker', 'type' => 'ct-color-picker',
'design' => 'inline', 'design' => 'inline',
'noColor' => [ 'background' => 'var(--color)'], 'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
'sync' => 'live', 'sync' => 'live',
'value' => [ 'value' => [
'default' => [ 'default' => [
@ -538,7 +538,7 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--color)' 'inherit' => 'var(--theme-text-color, var(--color))'
], ],
], ],
], ],
@ -569,7 +569,7 @@ $options = [
'label' => __( 'Meta Font Color', 'blocksy' ), 'label' => __( 'Meta Font Color', 'blocksy' ),
'type' => 'ct-color-picker', 'type' => 'ct-color-picker',
'design' => 'inline', 'design' => 'inline',
'noColor' => [ 'background' => 'var(--color)'], 'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
'sync' => 'live', 'sync' => 'live',
'value' => [ 'value' => [
'default' => [ 'default' => [
@ -585,13 +585,13 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--color)' 'inherit' => 'var(--theme-text-color, var(--color))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--linkHoverColor)' 'inherit' => 'var(--theme-link-hover-color, var(--link-hover-color))'
], ],
], ],
], ],
@ -605,7 +605,7 @@ $options = [
'type' => 'ct-color-picker', 'type' => 'ct-color-picker',
'design' => 'inline', 'design' => 'inline',
'divider' => 'top', 'divider' => 'top',
'noColor' => [ 'background' => 'var(--color)'], 'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
'sync' => 'live', 'sync' => 'live',
'value' => [ 'value' => [
'default' => [ 'default' => [
@ -621,13 +621,13 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--buttonTextInitialColor)' 'inherit' => 'var(--theme-button-text-initial-color, var(--buttonInitialColor))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--buttonTextHoverColor)' 'inherit' => 'var(--theme-button-text-hover-color, var(--buttonHoverColor))'
], ],
], ],
], ],
@ -636,7 +636,7 @@ $options = [
'label' => __( 'Meta Button Background', 'blocksy' ), 'label' => __( 'Meta Button Background', 'blocksy' ),
'type' => 'ct-color-picker', 'type' => 'ct-color-picker',
'design' => 'inline', 'design' => 'inline',
'noColor' => [ 'background' => 'var(--color)'], 'noColor' => [ 'background' => 'var(--theme-text-color, var(--color))'],
'sync' => 'live', 'sync' => 'live',
'value' => [ 'value' => [
'default' => [ 'default' => [
@ -652,13 +652,13 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--buttonInitialColor)' 'inherit' => 'var(--theme-button-background-initial-color, var(--buttonInitialColor))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--buttonHoverColor)' 'inherit' => 'var(--theme-button-background-hover-color, var(--buttonHoverColor))'
], ],
], ],
], ],
@ -697,13 +697,13 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--linkInitialColor)' 'inherit' => 'var(--theme-link-initial-color, var(--linkInitialColor))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--linkHoverColor)' 'inherit' => 'var(--theme-link-hover-color, var(--linkHoverColor))'
], ],
], ],
], ],
@ -743,13 +743,13 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--buttonTextInitialColor)' 'inherit' => 'var(--theme-button-text-initial-color, var(--buttonInitialColor))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--buttonTextHoverColor)' 'inherit' => 'var(--theme-button-text-hover-color, var(--buttonHoverColor))'
], ],
], ],
], ],
@ -789,13 +789,12 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--linkInitialColor)' 'inherit' => 'var(--theme-link-initial-color, var(--linkInitialColor))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--linkHoverColor)' 'inherit' => 'var(--theme-link-hover-color, var(--linkHoverColor))'
], ],
], ],
], ],
@ -831,13 +830,13 @@ $options = [
[ [
'title' => __( 'Initial', 'blocksy' ), 'title' => __( 'Initial', 'blocksy' ),
'id' => 'default', 'id' => 'default',
'inherit' => 'var(--buttonInitialColor)' 'inherit' => 'var(--theme-button-background-initial-color, var(--buttonInitialColor))'
], ],
[ [
'title' => __( 'Hover', 'blocksy' ), 'title' => __( 'Hover', 'blocksy' ),
'id' => 'hover', 'id' => 'hover',
'inherit' => 'var(--buttonHoverColor)' 'inherit' => 'var(--theme-button-background-hover-color, var(--buttonHoverColor))'
], ],
], ],
], ],
@ -1004,7 +1003,7 @@ $options = [
'value' => blocksy_background_default_value([ 'value' => blocksy_background_default_value([
'backgroundColor' => [ 'backgroundColor' => [
'default' => [ 'default' => [
'color' => 'var(--paletteColor8)', 'color' => 'var(--theme-palette-color-8, var(--paletteColor8))',
], ],
], ],
]), ]),

6
tainacan-blocksy/inc/plugin.php
View File

@ -195,9 +195,9 @@ function tainacan_blocksy_render_media_gallery_above_title() {
$media_component_style = ''; $media_component_style = '';
$media_component_color_palette = get_theme_mod($prefix . '_document_attachments_colors', $media_component_color_palette = get_theme_mod($prefix . '_document_attachments_colors',
[ [
'color1' => [ 'color' => 'var(--paletteColor6, #edeff2)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-6, var(--paletteColor6, #edeff2))' ],
'color2' => [ 'color' => 'var(--paletteColor4, #2c3e50)' ], 'color2' => [ 'color' => 'var(--theme-palette-color-4, var(--paletteColor4, #2c3e50))' ],
'color3' => [ 'color' => 'var(--paletteColor1, #3eaf7c)' ] 'color3' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ]
]); ]);
$media_component_style .= '--tainacan-media-background-color:' . $media_component_color_palette['color1']['color'] . ';'; $media_component_style .= '--tainacan-media-background-color:' . $media_component_color_palette['color1']['color'] . ';';

4
tainacan-blocksy/package.json
View File

@ -4,9 +4,11 @@
"description": "A Blocksy plugin/child theme compatible with Tainacan", "description": "A Blocksy plugin/child theme compatible with Tainacan",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"compile-compat-styles": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 sass/compat.scss compat.css",
"css-minify-compat": "cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output compat.min.css compat.css",
"compile-styles": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 sass/style.scss style.css", "compile-styles": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 sass/style.scss style.css",
"css-minify": "cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output style.min.css style.css", "css-minify": "cleancss --level 1 --format breaksWith=lf --source-map --source-map-inline-sources --output style.min.css style.css",
"build": "npm run compile-styles && npm run css-minify" "build": "npm run compile-compat-styles && npm run css-minify-compat && npm run compile-styles && npm run css-minify"
}, },
"repository": { "repository": {
"type": "git", "type": "git",

130
tainacan-blocksy/sass/compat.scss Normal file
View File

@ -0,0 +1,130 @@
/**
* This file holds compatibility logic due to the renaming of css variables in Blocksy 2.0.0
*/
:root {
--paletteColor1: var(--theme-palette-color-1);
--paletteColor2: var(--theme-palette-color-2);
--paletteColor3: var(--theme-palette-color-3);
--paletteColor4: var(--theme-palette-color-4);
--paletteColor5: var(--theme-palette-color-5);
--paletteColor6: var(--theme-palette-color-6);
--paletteColor7: var(--theme-palette-color-7);
--paletteColor8: var(--theme-palette-color-8);
--fontFamily: var(--theme-font-family);
--fontSize: var(--theme-font-size);
--fontWeight: var(--theme-font-weight);
--fontStyle: var(--theme-font-style);
--lineHeight: var(--theme-line-height);
--letterSpacing: var(--theme-letter-spacing);
--textTransform: var(--theme-text-transform);
--textDecoration: var(--theme-text-decoration);
--buttonFontFamily: var(--theme-button-font-family);
--buttonFontSize: var(--theme-button-font-size);
--buttonFontWeight: var(--theme-button-font-weight);
--buttonFontStyle: var(--theme-button-font-style);
--buttonLineHeight: var(--theme-button-line-height);
--buttonLetterSpacing: var(--theme-button-letter-spacing);
--buttonTextTransform: var(--theme-button-text-transform);
--buttonTextDecoration: var(--theme-button-text-decoration);
--color: var(--theme-text-color);
--linkInitialColor: var(--theme-link-initial-color);
--linkHoverColor: var(--theme-link-hover-color);
--linkActiveColor: var(--theme-link-active-color);
--selectionTextColor: var(--theme-selection-text-color);
--selectionBackgroundColor: var(--theme-selection-background-color);
--buttonMinHeight: var(--theme-button-min-height);
--button-width: var(--theme-button-max-width);
--buttonShadow: var(--theme-button-shadow);
--buttonTransform: var(--theme-button-transform);
--buttonTextInitialColor: var(--theme-button-text-initial-color);
--buttonTextHoverColor: var(--theme-button-text-hover-color);
--buttonInitialColor: var(--theme-button-background-initial-color);
--buttonHoverColor: var(--theme-button-background-hover-color);
--button-border: var(--theme-button-border);
--button-border-hover-color: var(--theme-button-border-hover-color);
--buttonBorderRadius: var(--theme-button-border-radius);
--button-padding: var(--theme-button-padding);
--form-font-size: var(--theme-form-font-size);
--form-field-width: var(--theme-form-field-width);
--form-field-height: var(--theme-form-field-height);
--form-field-padding: var(--theme-form-field-padding);
--form-field-border-width: var(--theme-form-field-border-width);
--form-field-border-style: var(--theme-form-field-border-style);
--form-text-initial-color: var(--theme-form-text-initial-color);
--form-text-focus-color: var(--theme-form-text-focus-color);
--form-field-border-initial-color: var(--theme-form-field-border-initial-color);
--form-field-border-focus-color: var(--theme-form-field-border-focus-color);
--form-field-border-radius: var(--theme-form-field-border-radius);
--form-field-initial-background: var(--theme-form-field-background-initial-color);
--form-field-focus-background: var(--theme-form-field-background-focus-color);
--form-field-select-initial-background: var(--theme-form-select-background-initial-color);
--form-field-select-active-background: var(--theme-form-select-background-active-color);
--form-checkbox-border-radius: var(--theme-form-checkbox-border-radius);
--form-selection-control-initial-color: var(--theme-form-selection-field-initial-color);
--form-selection-control-accent-color: var(--theme-form-selection-field-active-color);
--headings-color: var(--theme-headings-color);
--headingColor: var(--theme-heading-color);
--heading-color: var(--theme-heading-color);
--heading-1-color: var(--theme-heading-1-color);
--heading-2-color: var(--theme-heading-2-color);
--heading-3-color: var(--theme-heading-3-color);
--heading-4-color: var(--theme-heading-4-color);
--heading-5-color: var(--theme-heading-5-color);
--heading-6-color: var(--theme-heading-6-color);
--boxShadow: var(--theme-box-shadow);
--box-shadow: var(--theme-box-shadow);
--border-color: var(--theme-border-color);
--borderRadius: var(--theme-border-radius);
--border: var(--theme-border);
--borderTop: var(--theme-border-top);
--borderBottom: var(--theme-border-bottom);
--wide-offset: var(--theme-wide-offset);
--content-spacing: var(--theme-content-spacing);
--has-content-spacing: var(--has-theme-content-spacing);
--boxed-content-spacing: var(--theme-boxed-content-spacing);
--content-vertical-spacing: var(--theme-content-vertical-spacing);
--container-edge-spacing: var(--theme-container-edge-spacing);
--container-width: var(--theme-container-width);
--container-width-base: var(--theme-container-width-base);
--normal-container-max-width: var(--theme-normal-container-max-width);
--narrow-container-max-width: var(--theme-narrow-container-max-width);
--frame-size: var(--theme-frame-size);
--frame-color: var(--theme-frame-color);
--block-width: var(--theme-block-width);
--block-max-width: var(--theme-block-max-width);
--block-wide-max-width: var(--theme-block-wide-max-width);
--boxed-content-max-width: var(--theme-boxed-content-max-width);
--listIndent: var(--theme-list-indent);
--listStyleType: var(--theme-list-style-type);
--listItemSpacing: var(--theme-list-items-spacing);
--descListIndent: var(--theme-description-list-indent);
--descListSpacing: var(--theme-description-list-spacing);
--table-font-size: var(--theme-table-font-size);
--table-border-width: var(--theme-table-border-width);
--table-border-style: var(--theme-table-border-style);
--table-border-color: var(--theme-table-border-color);
--table-padding: var(--theme-table-padding);
--transition: var(--theme-transition);
--default-editor: var(--theme-default-editor);
--icon-size: var(--theme-icon-size);
--icon-color: var(--theme-icon-color);
--icon-hover-color: var(--theme-icon-hover-color);
--icon-focus-color: var(--theme-icon-focus-color);
--icon-active-color: var(--theme-icon-active-color);
--icon-transition: var(--theme-icon-transition);
--object-fit: var(--theme-object-fit);
--object-position: var(--theme-object-position);
}

14
tainacan-blocksy/sass/style.scss
View File

@ -8,17 +8,17 @@
/* Tainacan Gutenberg Blocks colors */ /* Tainacan Gutenberg Blocks colors */
:root { :root {
--tainacan-block-primary: var(--paletteColor1, #3eaf7c); --tainacan-block-primary: var(--theme-palette-color-1 var(--paletteColor1, #3eaf7c));
--tainacan-block-gray0: var(--backgroundColor, #f8f9fb); --tainacan-block-gray0: var(--backgroundColor, #f8f9fb);
--tainacan-block-gray1: var(--backgroundColor, #f8f9fb); --tainacan-block-gray1: var(--backgroundColor, #f8f9fb);
--tainacan-block-gray2: var(--form-field-border-initial-color, #e0e5eb); --tainacan-block-gray2: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-block-gray3: var(--form-field-border-initial-color, #e0e5eb); --tainacan-block-gray3: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-block-gray4: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-block-gray4: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-block-gray5: var(--headingColor, rgba(44, 62, 80, 1)); --tainacan-block-gray5: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
--background-color: var(--paletteColor7); --background-color: var(--theme-palette-color-7, var(--paletteColor7));
// Previous Blocksy variables // Previous Blocksy variables
--maxSiteWidth: var(--normal-container-max-width); --maxSiteWidth: var(--theme-normal-container-max-width, var(--normal-container-max-width));
} }
// Grid mixin for display: grid compatibility // Grid mixin for display: grid compatibility

86
tainacan-blocksy/sass/tainacan-item-archive.scss
View File

@ -1,19 +1,19 @@
/* Tainacan Items list customization */ /* Tainacan Items list customization */
.theme-items-list { .theme-items-list {
--tainacan-font-family: var(--fontFamily, inherit); --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
--tainacan-base-font-size: var(--fontSize, 1em); --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
// --tainacan-secondary: var(--paletteColor1, #3eaf7c); // --tainacan-secondary: var(--theme-palette-color-1, #3eaf7c);
// --tainacan-primary: var(--form-field-border-initial-color, #e0e5eb); // --tainacan-primary: var(--theme-form-field-border-initial-color, #e0e5eb);
// --tainacan-background-color: var(--backgroundColor, #f8f9fb); // --tainacan-background-color: var(--backgroundColor, #f8f9fb);
//--tainacan-item-background-color: var(--cardBackground, white); //--tainacan-item-background-color: var(--cardBackground, white);
--tainacan-item-hover-background-color: var(--tainacan-item-background-color, white); --tainacan-item-hover-background-color: var(--tainacan-item-background-color, white);
--tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white); --tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
// --tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9)); // --tainacan-input-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
// --tainacan-input-background-color: var(--form-field-initial-background, white); // --tainacan-input-background-color: var(--theme-form-field-background-initial-color, white);
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb); --tainacan-input-border-color: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
// --tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1)); // --tainacan-heading-color: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
// --tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9)); // --tainacan-label-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
// --tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9)); // --tainacan-info-color: var(--theme-text-color, rgba(44, 62, 80, 0.9));
--tainacan-skeleton-color: var(--tainacan-item-background-color, white); --tainacan-skeleton-color: var(--tainacan-item-background-color, white);
&:not(.is-fullscreen) { &:not(.is-fullscreen) {
@ -31,7 +31,7 @@
/* Search control */ /* Search control */
.search-control { .search-control {
grid-area: searchcontrol; grid-area: searchcontrol;
border-radius: 0 0 var(--borderRadius, 3px) var(--borderRadius, 3px); border-radius: 0 0 var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px));
padding: 20px 20px 6px 20px !important; padding: 20px 20px 6px 20px !important;
margin: 5px 0px; margin: 5px 0px;
@ -49,8 +49,8 @@
max-width: 100%; max-width: 100%;
width: var(--maxSiteWidth,1290px); width: var(--maxSiteWidth,1290px);
margin: 0.5rem auto; margin: 0.5rem auto;
border-radius: var(--borderRadius,3px) var(--borderRadius,3px) 0 0; border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
box-shadow: var(--boxShadow,0 12px 18px -6px rgba(34,56,101,.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow ,0 12px 18px -6px rgba(34,56,101,.04)));
border: none; border: none;
} }
@ -108,8 +108,8 @@
.tainacan-records-container .tainacan-record, .tainacan-records-container .tainacan-record,
.tainacan-cards-container .tainacan-card, .tainacan-cards-container .tainacan-card,
.tainacan-list-container .tainacan-list { .tainacan-list-container .tainacan-list {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
border: var(--border, none); border: var(--border, none);
overflow: hidden; overflow: hidden;
@ -155,12 +155,12 @@
.tainacan-slide-main-view { .tainacan-slide-main-view {
iframe { iframe {
border: none; border: none;
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
} }
} }
.tainacan-slides-list { .tainacan-slides-list {
.swiper-slide img { .swiper-slide img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
padding-bottom: 0; padding-bottom: 0;
} }
} }
@ -185,18 +185,19 @@
border: 2px solid transparent; border: 2px solid transparent;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: var(--color); color: var(--theme-text-color, var(--color));
--linkInitialColor: var(--color); --linkInitialColor: var(--theme-text-color, var(--color));
--theme-link-initial-color: var(--theme-text-color, var(--color));
transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
&:hover { &:hover {
text-decoration: none; text-decoration: none;
border-color: var(--linkHoverColor); border-color: var(--theme-link-hover-color, var(--linkHoverColor));
color: var(--linkHoverColor); color: var(--theme-link-hover-color, var(--linkHoverColor));
} }
&.is-current { &.is-current {
color: var(--colorActive) !important; color: var(--theme-text-colorActive, var(--colorActive)) !important;
background: var(--linkHoverColor); background: var(--theme-link-hover-color, var(--linkHoverColor));
} }
} }
} }
@ -228,7 +229,7 @@
input[type="time"].input, input[type="time"].input,
input[type="url"].input, input[type="url"].input,
input[type="week"].input { input[type="week"].input {
border-radius: var(--borderRadius, 3px) !important; border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) !important;
border: 1px solid var(--tainacan-input-border-color); border: 1px solid var(--tainacan-input-border-color);
} }
} }
@ -240,9 +241,9 @@
/* Extra classes applied from customizer */ /* Extra classes applied from customizer */
.page { .page {
&.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list { &.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
background-color: var(--tainacan-item-background-color, white); background-color: var(--tainacan-item-background-color, white);
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
} }
} }
@ -251,21 +252,21 @@ body:not(.tainacan-admin-page) {
.tooltip, .tooltip,
.tainacan-modal-content { .tainacan-modal-content {
--tainacan-font-family: var(--fontFamily, inherit); --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
--tainacan-base-font-size: var(--fontSize, 1em); --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
--tainacan-secondary: var(--paletteColor1, #3eaf7c); --tainacan-secondary: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
--tainacan-primary: var(--form-field-border-initial-color, #e0e5eb); --tainacan-primary: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-background-color: var(--backgroundColor, #f8f9fb); --tainacan-background-color: var(--backgroundColor, #f8f9fb);
--tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-input-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-input-background-color: var(--form-field-initial-background, white); --tainacan-input-background-color: var(--theme-form-field-background-initial-color, var(--form-field-background-initial, white));
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb); --tainacan-input-border-color: var(--theme-form-field-border-initial-color, #e0e5eb);
--tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-label-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-info-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1)); --tainacan-heading-color: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
} }
.tainacan-modal-content { .tainacan-modal-content {
border-radius: var(--borderRadius, 6px); border-radius: var(--theme-border-radius, var(--borderRadius, 6px));
.tainacan-modal-title { .tainacan-modal-title {
hr { hr {
@ -294,6 +295,9 @@ body:not(.tainacan-admin-page) {
--headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1)); --headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
--color: var(--tainacan-label-color, #454647); --color: var(--tainacan-label-color, #454647);
--linkInitialColor: var(--tainacan-secondary, #3eaf7c); --linkInitialColor: var(--tainacan-secondary, #3eaf7c);
--theme-heading-color: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
--theme-text-color: var(--tainacan-label-color, #373839);
--theme-link-initial-color: var(--tainacan-secondary, #3eaf7c);
.tainacan-collection-header__box { .tainacan-collection-header__box {
width: 100%; width: 100%;
@ -317,7 +321,7 @@ body:not(.tainacan-admin-page) {
margin-right: 24px; margin-right: 24px;
img { img {
border-radius: var(--borderRadius,3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
} }
} }
.page-description , .page-description ,
@ -337,13 +341,13 @@ body:not(.tainacan-admin-page) {
} }
.tainacan-collection-header .tainacan-collection-header__box { .tainacan-collection-header .tainacan-collection-header__box {
width: var(--maxSiteWidth, 1290px); width: var(--maxSiteWidth, 1290px);
border-radius: var(--borderRadius,3px) var(--borderRadius, 3px) 0 0; border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
background-color: var(--tainacan-item-background-color,#fff); background-color: var(--tainacan-item-background-color,#fff);
box-shadow: var(--boxShadow,0 12px 18px -6px rgba(34,56,101,.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow ,0 12px 18px -6px rgba(34,56,101,.04)));
} }
.search-control { .search-control {
background-color: var(--tainacan-item-background-color, white); background-color: var(--tainacan-item-background-color, white);
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow , 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
} }
} }

100
tainacan-blocksy/sass/tainacan-item-single.scss
View File

@ -93,21 +93,27 @@
// Headings and spacing ---------------------------- // Headings and spacing ----------------------------
h1 { h1 {
--fontSize: 30px; --fontSize: 30px;
--theme-font-size: 30px;
} }
h2:not(.tainacan-single-item-section) { h2:not(.tainacan-single-item-section) {
--fontSize: 22px; --fontSize: 22px;
--theme-font-size: 22px;
} }
h3:not(.tainacan-metadata-label) { h3:not(.tainacan-metadata-label) {
--fontSize: 20px; --fontSize: 20px;
--theme-font-size: 20px;
} }
h4 { h4 {
--fontSize: 18px; --fontSize: 18px;
--theme-font-size: 18px;
} }
h5 { h5 {
--fontSize: 16px; --fontSize: 16px;
--theme-font-size: 16px;
} }
h6 { h6 {
--fontSize: 14px; --fontSize: 14px;
--theme-font-size: 14px;
} }
.tainacan-single-item-section { .tainacan-single-item-section {
text-align: var(--section-alignment, left); text-align: var(--section-alignment, left);
@ -177,21 +183,21 @@
} }
.tainacan-metadata-value { .tainacan-metadata-value {
text-align: var(--metadata-value-alignment, left); text-align: var(--metadata-value-alignment, left);
font-family: var(--fontFamily); font-family: var(--theme-font-family, var(--fontFamily));
font-size: var(--fontSize); font-size: var(--theme-font-size, var(--fontSize));
font-weight: var(--fontWeight); font-weight: var(--theme-font-weight, var(--fontWeight));
font-style: var(--fontStyle, inherit); font-style: var(--theme-font-style, var(--fontStyle, inherit));
line-height: var(--lineHeight); line-height: var(--theme-line-height, var(--lineHeight));
letter-spacing: var(--letterSpacing); letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
text-transform: var(--textTransform); text-transform: var(--theme-text-transform, var(--textTransform));
-webkit-text-decoration: var(--textDecoration); -webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
text-decoration: var(--textDecoration); text-decoration: var(--theme-text-decoration, var(--textDecoration));
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5)); border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
} }
.tainacan-item-section__metadata-thumbnail img { .tainacan-item-section__metadata-thumbnail img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
} }
p:empty { p:empty {
@ -201,11 +207,11 @@
// Metadata type textarea has different separator // Metadata type textarea has different separator
.multivalue-separator { .multivalue-separator {
color: #cbcbcb; color: #a5a5a5;
margin: 0 8px; margin: 0 8px;
} }
.hierarchy-separator { .hierarchy-separator {
color: #cbcbcb; color: #a5a5a5;
} }
.metadata-type-geocoordinate>div { .metadata-type-geocoordinate>div {
width: 100%; width: 100%;
@ -216,7 +222,7 @@
display: block; display: block;
max-height: 1px; max-height: 1px;
width: 45%; width: 45%;
background: var(--form-field-border-initial-color, #e0e5eb); background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
content: none; content: none;
color: transparent; color: transparent;
margin: 0.875rem auto; margin: 0.875rem auto;
@ -226,7 +232,7 @@
padding-top: 0.5em; padding-top: 0.5em;
margin-bottom: .75rem; margin-bottom: .75rem;
padding-left: 1.5rem; padding-left: 1.5rem;
border-left: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-left: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
.label { .label {
margin: 0; margin: 0;
@ -281,7 +287,7 @@
display: block; display: block;
max-height: 1px; max-height: 1px;
width: calc(100% - 40px); width: calc(100% - 40px);
background: var(--form-field-border-initial-color, #e0e5eb); background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
content: none; content: none;
color: transparent; color: transparent;
margin: 0.5em 0 0.5em 40px; margin: 0.5em 0 0.5em 40px;
@ -331,7 +337,7 @@
width: 100%; width: 100%;
display: none; display: none;
padding: 2rem 42px 1rem 42px; padding: 2rem 42px 1rem 42px;
border-top: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-top: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
} }
label { label {
width: 100%; width: 100%;
@ -356,7 +362,7 @@
} }
input:checked+label { input:checked+label {
opacity: 1.0; opacity: 1.0;
border-bottom-color: var(--paletteColor1, #3eaf7c); border-bottom-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
} }
input:checked+label+.tainacan-item-section { input:checked+label+.tainacan-item-section {
display: block; display: block;
@ -378,7 +384,7 @@
width: 100%; width: 100%;
display: none; display: none;
padding: 2rem 42px 1rem 42px; padding: 2rem 42px 1rem 42px;
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
margin-bottom: 0; margin-bottom: 0;
} }
label { label {
@ -388,14 +394,14 @@
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
opacity: 0.85; opacity: 0.85;
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
.tainacan-single-item-section { .tainacan-single-item-section {
margin: 0.75rem; margin: 0.75rem;
} }
.tainacan-icon { .tainacan-icon {
color: var(--paletteColor1, #3eaf7c); color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
transform: rotate(0deg); transform: rotate(0deg);
transition: transform 0.2s ease; transition: transform 0.2s ease;
@ -405,7 +411,7 @@
} }
&:hover { &:hover {
opacity: 1.0; opacity: 1.0;
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
} }
} }
input { input {
@ -437,8 +443,8 @@
// Tainacan Media Component (attachments gallery) // Tainacan Media Component (attachments gallery)
.tainacan-media-component { .tainacan-media-component {
--swiper-theme-color: var(--paletteColor1, #3eaf7c); --swiper-theme-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
--swiper-navigation-color: var(--paletteColor1, #3eaf7c); --swiper-navigation-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
--swiper-navigation-size: 2.5rem; --swiper-navigation-size: 2.5rem;
--tainacan-media-background: var(--background-color, #ffffff); --tainacan-media-background: var(--background-color, #ffffff);
--tainacan-media-main-carousel-height: var(--document-height, 60vh); --tainacan-media-main-carousel-height: var(--document-height, 60vh);
@ -450,15 +456,15 @@
.swiper-slide-metadata__name, .swiper-slide-metadata__name,
.swiper-slide-metadata__caption, .swiper-slide-metadata__caption,
.swiper-slide-metadata__description { .swiper-slide-metadata__description {
font-family: var(--fontFamily); font-family: var(--theme-font-family, var(--fontFamily));
font-size: var(--fontSize); font-size: var(--theme-font-size, var(--fontSize));
font-weight: var(--fontWeight); font-weight: var(--theme-font-weight, var(--fontWeight));
font-style: var(--fontStyle, inherit); font-style: var(--theme-font-style, var(--fontStyle, inherit));
line-height: var(--lineHeight); line-height: var(--theme-line-height, var(--lineHeight));
letter-spacing: var(--letterSpacing); letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
text-transform: var(--textTransform); text-transform: var(--theme-text-transform, var(--textTransform));
-webkit-text-decoration: var(--textDecoration); -webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
text-decoration: var(--textDecoration); text-decoration: var(--theme-text-decoration, var(--textDecoration));
} }
} }
.tainacan-media-component__swiper-thumbs { .tainacan-media-component__swiper-thumbs {
@ -466,7 +472,7 @@
transition: font-weight 0.3s ease; transition: font-weight 0.3s ease;
img { img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
margin-bottom: 4px; margin-bottom: 4px;
transition: border 0.3s ease; transition: border 0.3s ease;
@ -475,15 +481,15 @@
.swiper-slide-metadata__name { .swiper-slide-metadata__name {
display: block; display: block;
margin-top: 0.5rem; margin-top: 0.5rem;
font-family: var(--fontFamily); font-family: var(--theme-font-family, var(--fontFamily));
font-size: var(--fontSize); font-size: var(--theme-font-size, var(--fontSize));
font-weight: var(--fontWeight); font-weight: var(--theme-font-weight, var(--fontWeight));
font-style: var(--fontStyle, inherit); font-style: var(--theme-font-style, var(--fontStyle, inherit));
line-height: var(--lineHeight); line-height: var(--theme-line-height, var(--lineHeight));
letter-spacing: var(--letterSpacing); letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
text-transform: var(--textTransform); text-transform: var(--theme-text-transform, var(--textTransform));
-webkit-text-decoration: var(--textDecoration); -webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
text-decoration: var(--textDecoration); text-decoration: var(--theme-text-decoration, var(--textDecoration));
} }
} }
} }
@ -508,7 +514,7 @@
right: calc(50% - 18px); right: calc(50% - 18px);
cursor: pointer; cursor: pointer;
font-size: 0; font-size: 0;
background-color: var(--paletteColor1, #3eaf7c); background-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
color: white; color: white;
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
@ -562,7 +568,7 @@
// Tainacan Gallery above title // Tainacan Gallery above title
.tainacan-gallery-above-title { .tainacan-gallery-above-title {
background-color: var(--tainacan-media-background-color, var(--paletteColor7)); background-color: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
margin-top: calc(-1 * var(--content-vertical-spacing)); margin-top: calc(-1 * var(--content-vertical-spacing));
margin-bottom: var(--content-vertical-spacing); margin-bottom: var(--content-vertical-spacing);
margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing))); margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
@ -571,9 +577,9 @@
padding-bottom: calc(var(--content-vertical-spacing)/2); padding-bottom: calc(var(--content-vertical-spacing)/2);
.tainacan-media-component { .tainacan-media-component {
--tainacan-media-background: var(--tainacan-media-background-color, var(--paletteColor7)); --tainacan-media-background: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
--swiper-navigation-color: var(--tainacan-media-accent-color, --paletteColor1); --swiper-navigation-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
--swiper-theme-color: var(--tainacan-media-accent-color, --paletteColor1); --swiper-theme-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
--tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color); --tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color);
--tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color); --tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color);
} }

186
tainacan-blocksy/style.css
View File

@ -7,25 +7,25 @@
*/ */
/* Tainacan Gutenberg Blocks colors */ /* Tainacan Gutenberg Blocks colors */
:root { :root {
--tainacan-block-primary: var(--paletteColor1, #3eaf7c); --tainacan-block-primary: var(--theme-palette-color-1 var(--paletteColor1, #3eaf7c));
--tainacan-block-gray0: var(--backgroundColor, #f8f9fb); --tainacan-block-gray0: var(--backgroundColor, #f8f9fb);
--tainacan-block-gray1: var(--backgroundColor, #f8f9fb); --tainacan-block-gray1: var(--backgroundColor, #f8f9fb);
--tainacan-block-gray2: var(--form-field-border-initial-color, #e0e5eb); --tainacan-block-gray2: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-block-gray3: var(--form-field-border-initial-color, #e0e5eb); --tainacan-block-gray3: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-block-gray4: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-block-gray4: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-block-gray5: var(--headingColor, rgba(44, 62, 80, 1)); --tainacan-block-gray5: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
--background-color: var(--paletteColor7); --background-color: var(--theme-palette-color-7, var(--paletteColor7));
--maxSiteWidth: var(--normal-container-max-width); --maxSiteWidth: var(--theme-normal-container-max-width, var(--normal-container-max-width));
} }
/* Remaining imports */ /* Remaining imports */
/* Tainacan Items list customization */ /* Tainacan Items list customization */
.theme-items-list { .theme-items-list {
--tainacan-font-family: var(--fontFamily, inherit); --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
--tainacan-base-font-size: var(--fontSize, 1em); --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
--tainacan-item-hover-background-color: var(--tainacan-item-background-color, white); --tainacan-item-hover-background-color: var(--tainacan-item-background-color, white);
--tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white); --tainacan-item-heading-hover-background-color: var(--tainacan-item-background-color, white);
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb); --tainacan-input-border-color: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-skeleton-color: var(--tainacan-item-background-color, white); --tainacan-skeleton-color: var(--tainacan-item-background-color, white);
/* Search control */ /* Search control */
/* Advanced Search */ /* Advanced Search */
@ -50,7 +50,7 @@
.theme-items-list .search-control { .theme-items-list .search-control {
grid-area: searchcontrol; grid-area: searchcontrol;
border-radius: 0 0 var(--borderRadius, 3px) var(--borderRadius, 3px); border-radius: 0 0 var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px));
padding: 20px 20px 6px 20px !important; padding: 20px 20px 6px 20px !important;
margin: 5px 0px; margin: 5px 0px;
} }
@ -67,8 +67,8 @@
max-width: 100%; max-width: 100%;
width: var(--maxSiteWidth, 1290px); width: var(--maxSiteWidth, 1290px);
margin: 0.5rem auto; margin: 0.5rem auto;
border-radius: var(--borderRadius, 3px) var(--borderRadius, 3px) 0 0; border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
box-shadow: var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04)));
border: none; border: none;
} }
@ -129,8 +129,8 @@
.theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record, .theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record,
.theme-items-list #items-list-area #items-list-results .tainacan-cards-container .tainacan-card, .theme-items-list #items-list-area #items-list-results .tainacan-cards-container .tainacan-card,
.theme-items-list #items-list-area #items-list-results .tainacan-list-container .tainacan-list { .theme-items-list #items-list-area #items-list-results .tainacan-list-container .tainacan-list {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
border: var(--border, none); border: var(--border, none);
overflow: hidden; overflow: hidden;
} }
@ -192,11 +192,11 @@
.theme-items-list #items-list-area #items-list-results .tainacan-slide-main-view iframe { .theme-items-list #items-list-area #items-list-results .tainacan-slide-main-view iframe {
border: none; border: none;
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
} }
.theme-items-list #items-list-area #items-list-results .tainacan-slides-list .swiper-slide img { .theme-items-list #items-list-area #items-list-results .tainacan-slides-list .swiper-slide img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
padding-bottom: 0; padding-bottom: 0;
} }
@ -221,20 +221,21 @@
border: 2px solid transparent; border: 2px solid transparent;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: var(--color); color: var(--theme-text-color, var(--color));
--linkInitialColor: var(--color); --linkInitialColor: var(--theme-text-color, var(--color));
--theme-link-initial-color: var(--theme-text-color, var(--color));
transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
} }
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link:hover { .theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link:hover {
text-decoration: none; text-decoration: none;
border-color: var(--linkHoverColor); border-color: var(--theme-link-hover-color, var(--linkHoverColor));
color: var(--linkHoverColor); color: var(--theme-link-hover-color, var(--linkHoverColor));
} }
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link.is-current { .theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link.is-current {
color: var(--colorActive) !important; color: var(--theme-text-colorActive, var(--colorActive)) !important;
background: var(--linkHoverColor); background: var(--theme-link-hover-color, var(--linkHoverColor));
} }
.theme-items-list .advanced-search-criteria-title hr { .theme-items-list .advanced-search-criteria-title hr {
@ -259,7 +260,7 @@
.theme-items-list input[type="time"].input, .theme-items-list input[type="time"].input,
.theme-items-list input[type="url"].input, .theme-items-list input[type="url"].input,
.theme-items-list input[type="week"].input { .theme-items-list input[type="week"].input {
border-radius: var(--borderRadius, 3px) !important; border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) !important;
border: 1px solid var(--tainacan-input-border-color); border: 1px solid var(--tainacan-input-border-color);
} }
@ -269,29 +270,29 @@
/* Extra classes applied from customizer */ /* Extra classes applied from customizer */
.page.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list { .page.has-filters-panel-style-boxed #filters-modal .modal-content #filters-items-list {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
background-color: var(--tainacan-item-background-color, white); background-color: var(--tainacan-item-background-color, white);
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
} }
/* Tooltips and Modals are outside of the items list div */ /* Tooltips and Modals are outside of the items list div */
body:not(.tainacan-admin-page) .tooltip, body:not(.tainacan-admin-page) .tooltip,
body:not(.tainacan-admin-page) .tainacan-modal-content { body:not(.tainacan-admin-page) .tainacan-modal-content {
--tainacan-font-family: var(--fontFamily, inherit); --tainacan-font-family: var(--theme-font-family, var(--fontFamily, inherit));
--tainacan-base-font-size: var(--fontSize, 1em); --tainacan-base-font-size: var(--theme-font-size, var(--fontSize, 1em));
--tainacan-secondary: var(--paletteColor1, #3eaf7c); --tainacan-secondary: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
--tainacan-primary: var(--form-field-border-initial-color, #e0e5eb); --tainacan-primary: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
--tainacan-background-color: var(--backgroundColor, #f8f9fb); --tainacan-background-color: var(--backgroundColor, #f8f9fb);
--tainacan-input-color: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-input-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-input-background-color: var(--form-field-initial-background, white); --tainacan-input-background-color: var(--theme-form-field-background-initial-color, var(--form-field-background-initial, white));
--tainacan-input-border-color: var(--form-field-border-initial-color, #e0e5eb); --tainacan-input-border-color: var(--theme-form-field-border-initial-color, #e0e5eb);
--tainacan-label-color: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-label-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-info-color: var(--color, rgba(44, 62, 80, 0.9)); --tainacan-info-color: var(--theme-text-color, var(--color, rgba(44, 62, 80, 0.9)));
--tainacan-heading-color: var(--headingColor, rgba(44, 62, 80, 1)); --tainacan-heading-color: var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)));
} }
body:not(.tainacan-admin-page) .tainacan-modal-content { body:not(.tainacan-admin-page) .tainacan-modal-content {
border-radius: var(--borderRadius, 6px); border-radius: var(--theme-border-radius, var(--borderRadius, 6px));
} }
body:not(.tainacan-admin-page) .tainacan-modal-content .tainacan-modal-title hr { body:not(.tainacan-admin-page) .tainacan-modal-content .tainacan-modal-title hr {
@ -319,6 +320,9 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
--headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1)); --headingColor: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
--color: var(--tainacan-label-color, #454647); --color: var(--tainacan-label-color, #454647);
--linkInitialColor: var(--tainacan-secondary, #3eaf7c); --linkInitialColor: var(--tainacan-secondary, #3eaf7c);
--theme-heading-color: var(--tainacan-heading-color, rgba(44, 62, 80, 1));
--theme-text-color: var(--tainacan-label-color, #373839);
--theme-link-initial-color: var(--tainacan-secondary, #3eaf7c);
} }
.tainacan-collection-header .tainacan-collection-header__box { .tainacan-collection-header .tainacan-collection-header__box {
@ -348,7 +352,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
} }
.tainacan-collection-header .tainacan-collection-header__box .collection-thumbnail img { .tainacan-collection-header .tainacan-collection-header__box .collection-thumbnail img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
} }
.tainacan-collection-header .tainacan-collection-header__box .page-description, .tainacan-collection-header .tainacan-collection-header__box .page-description,
@ -367,14 +371,14 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.page.has-page-header-style-boxed .tainacan-collection-header .tainacan-collection-header__box { .page.has-page-header-style-boxed .tainacan-collection-header .tainacan-collection-header__box {
width: var(--maxSiteWidth, 1290px); width: var(--maxSiteWidth, 1290px);
border-radius: var(--borderRadius, 3px) var(--borderRadius, 3px) 0 0; border-radius: var(--theme-border-radius, var(--borderRadius, 3px)) var(--theme-border-radius, var(--borderRadius, 3px)) 0 0;
background-color: var(--tainacan-item-background-color, #fff); background-color: var(--tainacan-item-background-color, #fff);
box-shadow: var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow, 0 12px 18px -6px rgba(34, 56, 101, 0.04)));
} }
.page.has-page-header-style-boxed .search-control { .page.has-page-header-style-boxed .search-control {
background-color: var(--tainacan-item-background-color, white); background-color: var(--tainacan-item-background-color, white);
box-shadow: var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)); box-shadow: var(--theme-box-shadow, var(--boxShadow, 0px 12px 18px -6px rgba(34, 56, 101, 0.04)));
} }
/* Single Item Page */ /* Single Item Page */
@ -464,26 +468,32 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-item-single h1 { .tainacan-item-single-page .tainacan-item-single h1 {
--fontSize: 30px; --fontSize: 30px;
--theme-font-size: 30px;
} }
.tainacan-item-single-page .tainacan-item-single h2:not(.tainacan-single-item-section) { .tainacan-item-single-page .tainacan-item-single h2:not(.tainacan-single-item-section) {
--fontSize: 22px; --fontSize: 22px;
--theme-font-size: 22px;
} }
.tainacan-item-single-page .tainacan-item-single h3:not(.tainacan-metadata-label) { .tainacan-item-single-page .tainacan-item-single h3:not(.tainacan-metadata-label) {
--fontSize: 20px; --fontSize: 20px;
--theme-font-size: 20px;
} }
.tainacan-item-single-page .tainacan-item-single h4 { .tainacan-item-single-page .tainacan-item-single h4 {
--fontSize: 18px; --fontSize: 18px;
--theme-font-size: 18px;
} }
.tainacan-item-single-page .tainacan-item-single h5 { .tainacan-item-single-page .tainacan-item-single h5 {
--fontSize: 16px; --fontSize: 16px;
--theme-font-size: 16px;
} }
.tainacan-item-single-page .tainacan-item-single h6 { .tainacan-item-single-page .tainacan-item-single h6 {
--fontSize: 14px; --fontSize: 14px;
--theme-font-size: 14px;
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-single-item-section { .tainacan-item-single-page .tainacan-item-single .tainacan-single-item-section {
@ -570,22 +580,22 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-value { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-metadata-value {
text-align: var(--metadata-value-alignment, left); text-align: var(--metadata-value-alignment, left);
font-family: var(--fontFamily); font-family: var(--theme-font-family, var(--fontFamily));
font-size: var(--fontSize); font-size: var(--theme-font-size, var(--fontSize));
font-weight: var(--fontWeight); font-weight: var(--theme-font-weight, var(--fontWeight));
font-style: var(--fontStyle, inherit); font-style: var(--theme-font-style, var(--fontStyle, inherit));
line-height: var(--lineHeight); line-height: var(--theme-line-height, var(--lineHeight));
letter-spacing: var(--letterSpacing); letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
text-transform: var(--textTransform); text-transform: var(--theme-text-transform, var(--textTransform));
-webkit-text-decoration: var(--textDecoration); -webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
text-decoration: var(--textDecoration); text-decoration: var(--theme-text-decoration, var(--textDecoration));
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5)); border-bottom: var(--metadata-value-border, 0px solid rgba(125, 125, 125, 0.5));
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-item-section__metadata-thumbnail img { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-item-section__metadata-thumbnail img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata p:empty { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata p:empty {
@ -594,12 +604,12 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .multivalue-separator { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .multivalue-separator {
color: #cbcbcb; color: #a5a5a5;
margin: 0 8px; margin: 0 8px;
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .hierarchy-separator { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .hierarchy-separator {
color: #cbcbcb; color: #a5a5a5;
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .metadata-type-geocoordinate > div { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .metadata-type-geocoordinate > div {
@ -611,7 +621,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
display: block; display: block;
max-height: 1px; max-height: 1px;
width: 45%; width: 45%;
background: var(--form-field-border-initial-color, #e0e5eb); background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
content: none; content: none;
color: transparent; color: transparent;
margin: 0.875rem auto; margin: 0.875rem auto;
@ -621,7 +631,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
padding-top: 0.5em; padding-top: 0.5em;
margin-bottom: .75rem; margin-bottom: .75rem;
padding-left: 1.5rem; padding-left: 1.5rem;
border-left: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-left: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
} }
.tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-compound-group .label { .tainacan-item-single-page .tainacan-item-single .tainacan-item-section__metadata .tainacan-compound-group .label {
@ -681,7 +691,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
display: block; display: block;
max-height: 1px; max-height: 1px;
width: calc(100% - 40px); width: calc(100% - 40px);
background: var(--form-field-border-initial-color, #e0e5eb); background: var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
content: none; content: none;
color: transparent; color: transparent;
margin: 0.5em 0 0.5em 40px; margin: 0.5em 0 0.5em 40px;
@ -727,7 +737,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
width: 100%; width: 100%;
display: none; display: none;
padding: 2rem 42px 1rem 42px; padding: 2rem 42px 1rem 42px;
border-top: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-top: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
} }
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label { .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs label {
@ -755,7 +765,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label { .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label {
opacity: 1.0; opacity: 1.0;
border-bottom-color: var(--paletteColor1, #3eaf7c); border-bottom-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
} }
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label + .tainacan-item-section { .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--tabs input:checked + label + .tainacan-item-section {
@ -781,7 +791,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
width: 100%; width: 100%;
display: none; display: none;
padding: 2rem 42px 1rem 42px; padding: 2rem 42px 1rem 42px;
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
margin-bottom: 0; margin-bottom: 0;
} }
@ -793,7 +803,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
opacity: 0.85; opacity: 0.85;
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
} }
@ -804,7 +814,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label .tainacan-icon, .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label .tainacan-icon,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label .tainacan-icon { .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label .tainacan-icon {
color: var(--paletteColor1, #3eaf7c); color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
transform: rotate(0deg); transform: rotate(0deg);
transition: transform 0.2s ease; transition: transform 0.2s ease;
} }
@ -817,7 +827,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label:hover, .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses label:hover,
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label:hover { .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--accordion label:hover {
opacity: 1.0; opacity: 1.0;
border-bottom: 1px solid var(--form-field-border-initial-color, #e0e5eb); border-bottom: 1px solid var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb));
} }
.tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input, .tainacan-item-single-page .tainacan-item-section--metadata-sections .metadata-section-layout--collapses input,
@ -848,8 +858,8 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-media-component, .tainacan-item-single-page .tainacan-media-component,
.tainacan-gallery-above-title .tainacan-media-component { .tainacan-gallery-above-title .tainacan-media-component {
--swiper-theme-color: var(--paletteColor1, #3eaf7c); --swiper-theme-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
--swiper-navigation-color: var(--paletteColor1, #3eaf7c); --swiper-navigation-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
--swiper-navigation-size: 2.5rem; --swiper-navigation-size: 2.5rem;
--tainacan-media-background: var(--background-color, #ffffff); --tainacan-media-background: var(--background-color, #ffffff);
--tainacan-media-main-carousel-height: var(--document-height, 60vh); --tainacan-media-main-carousel-height: var(--document-height, 60vh);
@ -864,15 +874,15 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__name, .tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__name,
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__caption, .tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__caption,
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__description { .tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-main .swiper-slide-metadata__description {
font-family: var(--fontFamily); font-family: var(--theme-font-family, var(--fontFamily));
font-size: var(--fontSize); font-size: var(--theme-font-size, var(--fontSize));
font-weight: var(--fontWeight); font-weight: var(--theme-font-weight, var(--fontWeight));
font-style: var(--fontStyle, inherit); font-style: var(--theme-font-style, var(--fontStyle, inherit));
line-height: var(--lineHeight); line-height: var(--theme-line-height, var(--lineHeight));
letter-spacing: var(--letterSpacing); letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
text-transform: var(--textTransform); text-transform: var(--theme-text-transform, var(--textTransform));
-webkit-text-decoration: var(--textDecoration); -webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
text-decoration: var(--textDecoration); text-decoration: var(--theme-text-decoration, var(--textDecoration));
} }
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs, .tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs,
@ -883,7 +893,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs img, .tainacan-item-single-page .tainacan-media-component .tainacan-media-component__swiper-thumbs img,
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-thumbs img { .tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-thumbs img {
border-radius: var(--borderRadius, 3px); border-radius: var(--theme-border-radius, var(--borderRadius, 3px));
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
margin-bottom: 4px; margin-bottom: 4px;
transition: border 0.3s ease; transition: border 0.3s ease;
@ -893,15 +903,15 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
.tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-thumbs .swiper-slide-metadata__name { .tainacan-gallery-above-title .tainacan-media-component .tainacan-media-component__swiper-thumbs .swiper-slide-metadata__name {
display: block; display: block;
margin-top: 0.5rem; margin-top: 0.5rem;
font-family: var(--fontFamily); font-family: var(--theme-font-family, var(--fontFamily));
font-size: var(--fontSize); font-size: var(--theme-font-size, var(--fontSize));
font-weight: var(--fontWeight); font-weight: var(--theme-font-weight, var(--fontWeight));
font-style: var(--fontStyle, inherit); font-style: var(--theme-font-style, var(--fontStyle, inherit));
line-height: var(--lineHeight); line-height: var(--theme-line-height, var(--lineHeight));
letter-spacing: var(--letterSpacing); letter-spacing: var(--theme-letter-spacing, var(--letterSpacing));
text-transform: var(--textTransform); text-transform: var(--theme-text-transform, var(--textTransform));
-webkit-text-decoration: var(--textDecoration); -webkit-text-decoration: var(--theme-text-decoration, var(--textDecoration));
text-decoration: var(--textDecoration); text-decoration: var(--theme-text-decoration, var(--textDecoration));
} }
@media screen and (min-width: 960px) { @media screen and (min-width: 960px) {
@ -924,7 +934,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
right: calc(50% - 18px); right: calc(50% - 18px);
cursor: pointer; cursor: pointer;
font-size: 0; font-size: 0;
background-color: var(--paletteColor1, #3eaf7c); background-color: var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c));
color: white; color: white;
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
} }
@ -983,7 +993,7 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
} }
.tainacan-gallery-above-title { .tainacan-gallery-above-title {
background-color: var(--tainacan-media-background-color, var(--paletteColor7)); background-color: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
margin-top: calc(-1 * var(--content-vertical-spacing)); margin-top: calc(-1 * var(--content-vertical-spacing));
margin-bottom: var(--content-vertical-spacing); margin-bottom: var(--content-vertical-spacing);
margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing))); margin-left: var(--has-boxed, calc(-1 * var(--boxed-content-spacing)));
@ -993,9 +1003,9 @@ body:not(.tainacan-admin-page) .tainacan-modal-content .modal-card-body {
} }
.tainacan-gallery-above-title .tainacan-media-component { .tainacan-gallery-above-title .tainacan-media-component {
--tainacan-media-background: var(--tainacan-media-background-color, var(--paletteColor7)); --tainacan-media-background: var(--tainacan-media-background-color, var(--theme-palette-color-7, var(--paletteColor7)));
--swiper-navigation-color: var(--tainacan-media-accent-color, --paletteColor1); --swiper-navigation-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
--swiper-theme-color: var(--tainacan-media-accent-color, --paletteColor1); --swiper-theme-color: var(--tainacan-media-accent-color, var(--theme-palette-color-1, var(--paletteColor1)));
--tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color); --tainacan-label-color: var(--tainacan-media-color, --tainacan-label-color);
--tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color); --tainacan-info-color: var(--tainacan-media-color, --tainacan-info-color);
} }

8
tainacan-blocksy/style.css.map
View File

File diff suppressed because one or more lines are too long

2
tainacan-blocksy/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
tainacan-blocksy/style.min.css.map
View File

File diff suppressed because one or more lines are too long

16
tainacan-blocksy/tainacan/archive-items.php
View File

@ -14,9 +14,9 @@ $background_color_palette = get_theme_mod($prefix . '_items_list_background_pale
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ], 'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-initial-background, #ffffff))' ],
'color5' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ], 'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ] 'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
]); ]);
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';'; $page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';'; $page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
@ -27,11 +27,11 @@ $page_container_style .= '--tainacan-input-border-color:' . $background_color_pa
$text_color_palette = get_theme_mod($prefix . '_items_list_text_palette', $text_color_palette = get_theme_mod($prefix . '_items_list_text_palette',
[ [
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ], 'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ], 'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
'color4' => [ 'color' => '#555758' ], 'color4' => [ 'color' => '#505253' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ] 'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
]); ]);
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';'; $page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';'; $page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';

14
tainacan-blocksy/tainacan/archive-repository.php
View File

@ -15,9 +15,9 @@ $background_color_palette = get_theme_mod($repository_items_prefix . '_items_lis
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ], 'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-background-initial-color, #ffffff))' ],
'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ] 'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
]); ]);
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';'; $page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';'; $page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
@ -28,11 +28,11 @@ $page_container_style .= '--tainacan-input-border-color:' . $background_color_pa
$text_color_palette = get_theme_mod($repository_items_prefix . '_items_list_text_palette', $text_color_palette = get_theme_mod($repository_items_prefix . '_items_list_text_palette',
[ [
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor, #3eaf7c))' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ], 'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ], 'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
'color4' => [ 'color' => '#555758' ], 'color4' => [ 'color' => '#505253' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ] 'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--form-text-initial-color, #373839))' ]
]); ]);
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';'; $page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';'; $page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';

14
tainacan-blocksy/tainacan/archive-taxonomy.php
View File

@ -15,9 +15,9 @@ $background_color_palette = get_theme_mod($terms_items_prefix . '_items_list_bac
'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ], 'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
'color4' => [ 'color' => 'var(--form-field-initial-background, #ffffff)' ], 'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--theme-form-field-background-initial-color, #ffffff))' ],
'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ], 'color5' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
'color6' => [ 'color' => 'var(--form-field-border-initial-color, #e0e5eb)' ] 'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
]); ]);
$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';'; $page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';'; $page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
@ -28,11 +28,11 @@ $page_container_style .= '--tainacan-input-border-color:' . $background_color_pa
$text_color_palette = get_theme_mod($terms_items_prefix . '_items_list_text_palette', $text_color_palette = get_theme_mod($terms_items_prefix . '_items_list_text_palette',
[ [
'color1' => [ 'color' => 'var(--paletteColor1,#3eaf7c)' ], 'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletterColor1, #3eaf7c))' ],
'color2' => [ 'color' => 'var(--headingColor, rgba(44, 62, 80, 1))' ], 'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1)))' ],
'color3' => [ 'color' => 'var(--color, #454647)' ], 'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
'color4' => [ 'color' => '#555758' ], 'color4' => [ 'color' => '#505253' ],
'color5' => [ 'color' => 'var(--formTextInitialColor, #454647)' ] 'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
]); ]);
$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';'; $page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';'; $page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';