Meishin/MinimalistFlex
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Added a "Minimal" color palette.

Browse Source
This commit is contained in:
Frank419 2024-08-20 07:54:33 +08:00
parent a251c77096
commit 29e451f5e5
3 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/color-palette.css
View File

@ -18,6 +18,10 @@
background-position: center center; background-position: center center;
} }
.palette-clear {
border: dashed 1px #c3c4c7;
}
.palette > button { .palette > button {
display: block; display: block;
width: 100%; width: 100%;
@ -34,6 +38,10 @@
background-color: #ffffff3f; background-color: #ffffff3f;
} }
.palette-clear > button:hover {
background-color: #fff;
}
#minimalistflex-palette-galatic, #minimalistflex-palette-galatic,
#minimalistflex-palette-dark { #minimalistflex-palette-dark {
color: #fff; color: #fff;

1
includes/class-color-palette-control.php
View File

@ -32,6 +32,7 @@ class MinimalistFlex_Color_Palette_Custom_Control extends WP_Customize_Control
<div> <div>
<ul class='palettes'> <ul class='palettes'>
<li class="palette palette-clear"><button id="minimalistflex-palette-minimal"><?php echo esc_html_x( 'Minimal', 'color palette', 'minimalistflex' ) ?></li>
<li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette.png' ) ?>')"><button id="minimalistflex-palette-light"><?php echo esc_html_x( 'Light', 'color palette', 'minimalistflex' ) ?></li> <li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette.png' ) ?>')"><button id="minimalistflex-palette-light"><?php echo esc_html_x( 'Light', 'color palette', 'minimalistflex' ) ?></li>
<li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette2.png' ) ?>')"><button id="minimalistflex-palette-dark"><?php echo esc_html_x( 'Dark', 'color palette', 'minimalistflex' ) ?></li> <li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette2.png' ) ?>')"><button id="minimalistflex-palette-dark"><?php echo esc_html_x( 'Dark', 'color palette', 'minimalistflex' ) ?></li>
<li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette3.png' ) ?>')"><button id="minimalistflex-palette-galatic"><?php echo esc_html_x( 'Galatic', 'color palette', 'minimalistflex' ) ?></li> <li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette3.png' ) ?>')"><button id="minimalistflex-palette-galatic"><?php echo esc_html_x( 'Galatic', 'color palette', 'minimalistflex' ) ?></li>

22
js/color-palette.js
View File

@ -1,4 +1,26 @@
jQuery(document).ready(function($){ jQuery(document).ready(function($){
$("#minimalistflex-palette-minimal").click(function(e){
e.preventDefault()
wp.customize("minimalistflex_color_default").set("#000000")
wp.customize("minimalistflex_color_level3-dark").set("#666666")
wp.customize("minimalistflex_color_link").set("#004774")
wp.customize("minimalistflex_color_link-hover").set("#003663")
wp.customize("minimalistflex_color_header-bg").set("#ffffff")
wp.customize("header_textcolor").set("#000000")
wp.customize("minimalistflex_color_header-text").set("#000000")
wp.customize("minimalistflex_color_header-menu").set("#ffffff")
wp.customize("minimalistflex_color_header-sidebar").set("#ffffff")
wp.customize("minimalistflex_color_level1").set("#ffffff")
wp.customize("minimalistflex_color_level2").set("#ffffff")
wp.customize("minimalistflex_color_tint").set("#ffd900")
wp.customize("minimalistflex_color_tint-dark").set("#c1a400")
wp.customize("minimalistflex_color_tint-alt").set("#0060c1")
wp.customize("minimalistflex_color_tint-contrast").set("#00281d")
wp.customize("minimalistflex_color_contrast").set("#000000")
wp.customize("minimalistflex_color_contrast-dark").set("#ffffff")
wp.customize("minimalistflex_color_footer-text").set("#000000")
wp.customize("minimalistflex_color_footer-bg").set("#ffffff")
})
$("#minimalistflex-palette-light").click(function(e){ $("#minimalistflex-palette-light").click(function(e){
e.preventDefault() e.preventDefault()
wp.customize("minimalistflex_color_default").set("#000000") wp.customize("minimalistflex_color_default").set("#000000")