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

Customize with transparent color

This commit is contained in:
Fabiano Alencar 2018-05-09 14:52:46 -03:00
parent a914da66df
commit 89bb9bf668
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/js/color-scheme-control.js
View File

@ -62,7 +62,7 @@
// Add additional color. // Add additional color.
// jscs:disable // jscs:disable
colors.border_color = Color( colors.main_text_color ).toCSS( 'rgba', 0.2 ); colors.backtransparent = Color( colors.link_color ).toCSS( 'rgba', 0.5 );
// jscs:enable // jscs:enable
css = cssTemplate( colors ); css = cssTemplate( colors );

17
src/functions/customizer.php
View File

@ -311,7 +311,7 @@ function tainacan_color_scheme_css() {
'background_color' => $color_scheme[0], 'background_color' => $color_scheme[0],
'page_background_color' => $color_scheme[1], 'page_background_color' => $color_scheme[1],
'link_color' => $color_scheme[2], 'link_color' => $color_scheme[2],
'backtransparent' => vsprintf( 'rgba( %1$s, %2$s, %3$s, 0.5)', $color_textcolor_rgb )
); );
$color_scheme_css = tainacan_get_color_scheme_css( $colors ); $color_scheme_css = tainacan_get_color_scheme_css( $colors );
@ -356,11 +356,9 @@ function tainacan_get_color_scheme_css( $colors ) {
'background_color' => '', 'background_color' => '',
'page_background_color' => '', 'page_background_color' => '',
'link_color' => '', 'link_color' => '',
'main_text_color' => '', 'backtransparent' => '',
'secondary_text_color' => '',
'border_color' => '',
) ); ) );
return <<<CSS return <<<CSS
/* Color Scheme */ /* Color Scheme */
@ -390,10 +388,12 @@ function tainacan_get_color_scheme_css( $colors ) {
.tainacan-list-post .blog-post .blog-content .blog-read, .tainacan-list-post .blog-post .blog-content .blog-read,
.tainacan-list-post .blog-post .blog-content .blog-read:hover, .tainacan-list-post .blog-post .blog-content .blog-read:hover,
.tainacan-content .wp-block-button a, .tainacan-content .wp-block-button a,
.tainacan-content .wp-block-button a:hover, .tainacan-content .wp-block-button a:hover {
nav .dropdown-menu .dropdown-item:hover {
background-color: {$colors['link_color']}; background-color: {$colors['link_color']};
} }
nav .dropdown-menu .dropdown-item:hover {
background-color: {$colors['backtransparent']};
}
.tainacan-single-post #comments .title-leave { .tainacan-single-post #comments .title-leave {
color: {$colors['link_color']} !important; color: {$colors['link_color']} !important;
} }
@ -417,7 +417,8 @@ function tainacan_color_scheme_css_template() {
$colors = array( $colors = array(
'background_color' => '{{ data.background_color }}', 'background_color' => '{{ data.background_color }}',
'page_background_color' => '{{ data.page_background_color }}', 'page_background_color' => '{{ data.page_background_color }}',
'link_color' => '{{ data.link_color }}',/* 'link_color' => '{{ data.link_color }}',
'backtransparent' => '{{ data.backtransparent }}',/*
'main_text_color' => '{{ data.main_text_color }}', 'main_text_color' => '{{ data.main_text_color }}',
'secondary_text_color' => '{{ data.secondary_text_color }}', 'secondary_text_color' => '{{ data.secondary_text_color }}',
'border_color' => '{{ data.border_color }}', */ 'border_color' => '{{ data.border_color }}', */